カテゴリー: 読書日記

Home / カテゴリー: 読書日記

9章まとめ

今回は9章をまとめました。残りはお問い合わせフォームとサイトページのアップロードの仕方になりますのでまとめません。つまり今回でこの本の攻略は最終回です。後は実装編。

floatプロパティ

画像にテキストを回り込ませる為にfloatプロパティを使います。

<p class =”float”>

float img{

float=left;

padding-right

}

フロートは解除しなければそのままになってしまうのでclearプロパティで解除します。


テーブルの整形

書式

<table class=”info”>(HTML)

table.info{

border-collapse:collapse;

border:lpxsolid#b78c5f;

}(CSS)

これでテーブルに記述した部分は線で囲まれます。

table.info th, table.info td {

paddong: 8px 8px 8px 8px;

border: 1px solid #d6c2b5;

text-align: left;

vertical-align: middle;

}

table.info th{

    background-color: #c99e73;

    color: #442220

}(CSS)

これで表の項目の部分の色を変えて項目ごとに線を引く事が出来ました。


borderショートハンド・プロパティ

書式

border: 太さ スタイル 色;

これで一括で指定出来る。


2コラムレイアウト

書式

.menu_block{

    overflow: hidden;

    zoom: 1;

}

.menu_left {

    float: left;

    width: 280px;

    margin-right: 20px;

}

.menu_right{

    float: left;

    width: 600px;

}(CSS)

これで縦に一列に並んでいた写真のレイアウトを変更できる。


overflowプロパティとzoomプロパティ

overflow プロパティを使ってもフロート解除ができます。zoomプロパティはインターネットエクスプローラ6/7でoverflowプロパティが動作しない場合があり、zoomプロパティが書かれていると動作することがあるとか。

 ちなみにzoomプロパティは本来ボックスを拡大縮小するためのプロパティです。しかし本来の機能で使われることはあまりない模様。

参考文献

スラスラわかるHTML&CSSのきほん 第2版posted with ヨメレバ狩野 祐東 SBクリエイティブ 2018年04月16日 楽天ブックスAmazonKindle

前記事

6章の要約

テーブル(表)

<table><tr><td>(<th>)のタグを使います。

書式:

<table>

<tr>

<td>(char)</td>

</tr>

</table>

CSSを適用しない限り<th>の中は太字で表示される。<th>タグは見出しで使われます。

<tr>に含まれる<td>の数は<table>タグの中で同じ数になるようにします。

序列リスト

書式:

<ol>

    <li>(char)</li>

    <li>(char)</li>

</ol>

非序列リストと使い方も同じ。

違いはブラウザ上で・を表示するか、番号をふるかです。


宣伝

参考書籍

スラスラわかるHTML&CSSのきほん 第2版posted with ヨメレバ狩野 祐東 SBクリエイティブ 2018年04月16日 楽天ブックスAmazonKindle

前の記事

次の記事

Twitter

閲覧数を伸ばしたい!

気になるSEO

私はよくブログの統計情報を見るのですがsteamVRをスマホでやった記事が特にみられていることに気が付きました。アフィリエイトブログの本には継続的な閲覧数を得るには検索サイトの順位が高くなければいけない(SEO対策)と書かれており、「SteamVR スマホ」とGoogleで調べたところ2ページにありました。

改めましてSEOの大切さを理解したところで、ではどうしたら検索順位が上がるのか読んで調べたところをまとめていきます。

SEO対策

まず重要なのが「誰に読まれたいか」。

誰かのためにと漠然としたターゲットでは駄目で、「こういった人に読まれたい」といった。狙いがあると言いようです。因みに私は同じような悩みを持つブロガーに読まれたいと思って書いています。

それ以上に重要な「キーワード」。

検索する時に例えばSteamVRをお金をかけずにやる方法を知りたかったら「SteamVR お手軽」と検索を掛けますよね。その検索キーワードです。

SteamVRだけだと競争相手も多く、他のVRゴーグルを使った記事とも検索順位を争うことになってしまいます。そうすると私のような弱小ブログに勝ち目はありません。なのであまりメジャーじゃないキーワードや3語以上のキーワードを狙います。この記事であれば「ブログ 儲かる 書き方」とか。

ソーシャルメディアの有効活用

YouTubeやTwitter、Facebookを活用します。中でも特にYouTubeはSEO対策には効果は抜群で、上位表示されやすくなります。私のブログでも数か月前に投稿した動画付きの記事が未だに閲覧数を伸ばし続けています。動画を貼ることでブログの滞在時間が増え、動画の内容を文字に起こすことで文章量が長くなります。


参考書籍

見込み客が増える儲かるブログの書き方講座

posted with ヨメレバ武藤正隆 ソーテック社 2015年07月11日

楽天ブックス

Amazon

Kindle

ブロガーとして基本中の基本(?)HTMLを勉強します。これを勉強すればブログをもっと華やかにできるはず。

ソフトのインストール

テキストエディタのインストール

OS標準の「メモ帳」でも構いませんが

今回はTerapadというテキストエディタをインストールします。

以下はダウンロードサイトのリンク

https://tera-net.com/library/tpad.html

ダウンロード出来たらダウンロードしたファイルを実行してさくっとインストール。

FTPクライアントのインストール

FTPクライアントとはHTTMで作ったWebサイトをサーバーにアップロードするためのソフトです。

FileZillaをインストールします。以下はダウンロードサイトのリンクです。

https://ja.osdn.net/projects/filezilla/

ダウンロードする際は各OSまたはビット数に合わせてダウンロードしてください。windowsは64bitと32bitで違うので注意です。

ダウンロード出来たらファイルを実行してインストールします。


今回はここまでです次回からは本格的にHTMLのコードについて勉強していきます。

参考書籍

スラスラわかるHTML&CSSのきほん 第2版posted with ヨメレバ狩野 祐東 SBクリエイティブ 2018年04月16日 楽天ブックスAmazonKindle


次回

https://magurotanblog.com/?p=439

アフィリエイト始めてみた。

2019年8月5日 | 日記, 未分類, 読書日記 | コメントはまだありません

絵描きに嵌ってるまぐろたんです。ブログ始めたときにアフィリエイトに応募し失敗しましたが、記事数も増えてきたので、再チャレンジしたところ合格しました。正直な感想としては思っていたよりも全然簡単でした。


今回登録したのは

  • Amazonアソシエイト
  • 楽天アフィリエイト

使ったツール

  • ヨメレバ(カエレバの姉妹サイト)

です。


・Amazonアソシエイト

https://affiliate.amazon.co.jp/

先にブログで記事を数個書きます。あらかじめAmazonのアカウントを作り、一度買い物をした上でこのリンクに飛んで「無料アカウントを作成」をクリックします。

するとアカウントを求められるので、先程買い物をしたアカウントを入力します。

そのまま画面の指示通りに入力すれば完了です。

支払い方法はギフト券をお勧めします。口座がなくても受け取れるので。

稼ぎが増えたら銀行振込でよろしいかと。

最初に書いたことについては買い物とブログに記事がないと審査に通らないためです。(ブログ始めたての時は後者が理由で審査が通りませんでした。)


・楽天アフィリエイト

すっごい簡単。ログインするだけ。

(※楽天はAmazonとは仕組みが違う部分があり、ジャンル別に料率が設定されています。書籍は3%であるのに対して、美容系の商品は5%に設定されています。)

登録が済んだので次は商品リンクを貼っていきます。

ここではヨメレバというサイトをつかいます。

https://yomereba.com/

ここでは書籍を紹介することが多い為ヨメレバを採用していますが、他のジャンルであればカエレバで構いません。(ヨメレバは書籍に特化しています。)

https://kaereba.com/

使い方は初回はよくわからないかもしれませんが設定してしまえば簡単です。

最初に”ブログ名”(このブログの場合「プログラミング齧ったJKが色々してみた。」)とAmazon、楽天のIDを登録します。(楽天のIDはログイン中であれば該当部分の調べ方を押すと出てきます。)

下の保存を押して設定を完了します。

あとは商品キーワードに商品名を入力すると下の説明文のないテキストボックスに出てくるリンクをブログの本文に直接貼るだけ。


・参考文献

アフィリエイトで夢を叶えた元OLブロガーが教える本気で稼げるアフィリエイトブログposted with ヨメレバ亀山ルカ/染谷昌利 ソーテック社 2018年03月 楽天ブックスAmazonKindle

”ヨメレバ カスタマイズ”で検索すると色々なデザインがあるので試してみてください。(なのになぜデフォルトなのかって?うまくいかなかったんですよ…)

読書日記 Part3(Newton 2019 9月号)

2019年7月29日 | 読書日記 | コメントはまだありません

どうもこんにちは。まぐろたんです。
7/28にオクトパストラベラー Break&Boost&Beyondに行ってきた帰りにキオスクで見かけたのでつい買ってしまいました。
なんでも表題が「人工知能のすべて」だったもので。(あと交通事故の”心理学”)Pythonで機械学習をやりたいと思っている自分にピッタリだと思いました。 
ちょっと感想とまとめを書いてみたいと思います。

書籍情報
・書籍名:Newton 2019 9
・著者(Editorial Management):福田伊佐央,高嶋秀行
・出版社:ニュートンプレス

トピック
・人工知能のすべて
・見えない光でとらえた極限の宇宙
・東京五輪のエンブレムにかくされた幾何学
・ひそかに全身をむしばむ「歯周病」

私は部分読みしか基本しないので「人工知能のすべて」しか読みません。他が気になった人は自分で買って読んでね。(とちゃっかり宣伝してみたり。回し者じゃないよ!)

内容を軽く紹介
人工知能のすべて(執筆:小松研吾,永原和聡,尾崎太一)
・AIって何だろう?
・AIのしくみ
・社会を変えるAI
・AIがつくる未来

・AIって何だろう?
実は真にAI(人工知能)は実現していない。
AIは過去に2度ブームがあった。
ディープラーニングが第三次ブームを巻き起こした。
世の中でAIは活躍している。
シンギュラリティ(技術的特異点)は来るのか。

・AIのしくみ
AIを理解するのに於いて重要な「機械学習」と「ディープラーニング」。
大量のデータを使ってAI”が”学習する。
機械学習の「教師あり学習」と「教師なし学習」。
AIが樹形図を作って混雑具合を予想。
脳の神経細胞をプログラムでまねる。
人工ニューロンのネットワークを改良しながら学習する。
ディープラーニングは特徴を自分でみつけだす。
耳の長い変わったネコをネコと判定させるには?

・社会を変えるAI
AIがフェイク動画をつくる。その”ウソ”を見抜くのもAI。
薬として使えそうな物質をAIが提案。
AIが医師になる未来は訪れる?急速に進歩する医療AI。
サッカーの戦術を映像から見抜く!
大量の対訳データを学習させ、自動翻訳は実用レベルに!
大量の実験データを学んだAIがよりすぐれた材料を提案。

・AIがつくる未来
AIに奪われる仕事、AIに奪われない仕事。
常識を持たないAIは「適当に考えること」ができない。
言葉の「ほんとうの意味」をAIは理解していない。
AIが俳句を詠む!AIは「創造性」を獲得できるのか?
人と同じように考えることのできる真のAIは、実現するのか?

最初は自分の言葉でまとめていたのですが、だんだん疲れて半分超えたあたりから小見出し写してます。すみません。

感想
 「AIって何だろう?」、「AIのしくみ」は一回学校のレポートで、猫の判別に関してはロボコンで触ってるのでほぼ既知の情報でした。
 私が今回興味を持ったのは「常識を持たないAIは「適当に考えること」ができない」と「人と同じように考えることのできる真のAIは実現するのか?」
です。
 「常識を持たないAIは「適当に考えること」ができない」は実験を3つロボットを使ってしていて、ロボットに洞窟の中に「バッテリーがあるから取ってこい」(犬感)という命令をします。
バッテリーには時限爆弾がついており、一号機は時限爆弾ごと、命令を追加された二号機は洞窟の中の時限爆弾付きバッテリーの前で様々な思考をし歩行停止。更に命令を追加した三号機は洞窟の前でとまってしまいます。
この記事の内容は「フレーム問題」でアメリカの哲学者ダニエル・デネット(1942~)の思考実験(*1)です。この「フレーム問題」とは先の例で示した、AIは決められた枠組(フレーム)の中でしか命令を処理できないという問題です。
*1実験を行って得られる結果を推論すること

 「人と同じように考えることのできる真のAIは実現するのか?」という記事では、三つに分けて解説されており、AIに「心」をもたせることはできるのかという記事にひかれました。将来AIが人間と同じように思考しているように見えたとしても、その中身は人間とは異なるというものです。
しかし、人間がAIを心をもっていると感じられれば心をもっていると判断して良いのではないか。といったものです。チューニング・テスト(*2)っぽい。
*2アラン・チューリングによって考案されたテスト。二台のディスプレイの前にテストを行う人がいて、片方は人間が、もう片方にはコンピュータが隠れている。コンピュータは人間に似るように振る舞い、テストを行う人がどちらが本当の人間か当てるというもの。

読書日記 Part2(OCTOPATH TRAVELER ~八人の旅人と四つの道草~

2019年7月27日 | 読書日記 | コメントはまだありません

みなさんこんにちは。まぐろたんです。夏休みに入りどうやって普段の勉強を生かそうかと試行錯誤していたら、日付が空いてしまいました。

今日はこの間読んだオクトパストラベラーズの小説について書きたいと思います。

書籍情報

  • タイトル:OCTOPATH TRAVELER ~八人の旅人と四つの道草~
  • 著者:鰤/牙
  • 出版社:GAME NOVELS
  • 定価:1000円

そもそもオクトパストラベラーズとは?という方に少しだけ説明を。オクトパストラベラーズと言うのは。株式会社スクウェア・エニックスが開発したNintendo Swicth (私は知らないですがWindowsSteamにもある様子)のゲームです。現代のCG技術を生かした美しいドット絵と昔のゲームを想起させる曲調とオーケストラによる音楽が贈る一風変わったゲームです。ストーリーは8人の職業人が一緒になってそれぞれの旅をなぞる物語です。

その物語が小説化されたので早速読んでみました。ネタバレはしたくないので感想だけ。(ちゃんと最後まで読んだよ!)

一番お気に入りの話が商人トレサと学者サイラスの話。読んでいる途中で二人の年齢が気になったので調べたところ、トレサ18歳サイラス30歳との事。18歳とは言え子供っぽいところがまだまだ残るトレサと未知の事になると子供の様に目を輝かせるサイラス先生はなかなかいいコンビでした。現在私はトレサとサイラス先生を足して2で割ったような性格をしているので私もサイラス先生みたいに大人の対応が出来るようになりたいです。

久しぶりに書いたのでここまでにしておきます。もっと文字数を伸ばしたいです。

読書日記 Part1 独学プログラマー

2019年7月10日 | 読書日記 | コメントはまだありません

やっと読書日記始めました。まぐろたんです。


著者コーリー・アルソフ 監訳清水川貴之

はしがきと目次より

第1部プログラミング基礎

第2部オブジェクト指向

第3部プログラミングツール入門

第4部プログラマー

第5部さらに上達するためのすすめ

ここではためになったと思う部分についてまとめていきます。

コラム1より「プログラミングスキルを向上させる。」

私はリアルソロプレイヤーなので「人に聞く」といったものは割愛します。

・オープンソースプロジェクトに参加する。

・パターンやベストプラクティスを学び実践してる。

・タッチタイピングを覚える

第一部の「断固として継続しよう」より

プログラミング能力を鍛えるには毎日練習する。

独学プログラマー Python言語の基本から仕事のやり方までposted with ヨメレバコーリー・アルソフ/清水川 貴之 日経BP 2018年02月25日 楽天ブックス楽天koboAmazonKindle図書館

読書日記始動&手書きでOCR使ってブログ書いてみました。

2019年7月2日 | 読書日記 | コメントはまだありません

OCR実験

文章についての勉強をしました 。これからブログを続けて書くことによって文章を鍛えたいと思います。今回はルーズリーフに文を書いて OCR(プリンターのスキャナを使いアナログの書類を電子文書化する技術)を利用してブログを書く実験をしています。これが成功すればいつでもどこでもブログが書けますね 。キーホードより入力が遅いので、きれいに速く書ける速記術を身につけたいです。

キーボードでの入力時もそうですが書いていろうちに文全体で何を書いているのか見失わないようにしたいです。(一時記憶の悪さ)

そもそもルーズリーフではなくスマートフォンで入力すればいいじゃないかという声が聞こえてうですが、授業中にスマホが使えないためこのような行動によりました。

誤解がないように説明しておくと例えば、数学の授業中に教料書の練習問題を先に解き終わり時間が余った。しかし、寝ると(他 の生徒から)文句が来るので起きていなければならない。といった状況があり選択肢として絵を書く事があります。

しかし、授業中にアナログで絵を書く事には罪悪感があり、飽きてしまいました。そういった理由からブログを書きます。(手書きでブログを書くことはノートを書く感覚に近い為、罪悪感はないようです。)


「読書日記」掲載予定

多読術(著者 : 松岡 正剛)に登場する「千夜千冊」というサイトに影響を受け、私もそれに近いことをやってみたいと思います。まずルールは、

・図書館の本で記事を書かない。 原則自身で買った本 

・3回連続で同じジャンルの本を読まない

・あくまで感想(書評、批評は元々書けないが書けるようになっても書かない)

 になります。図書館の本で記事を書かないのは図書館法に抵触する恐れがある気がするので出来ません。このルールのままだといわゆる 「パクり」になってしまうので,

・技術書を読んだ場合、その技術書を使って作品を作る。 既に企画されている場合は、それをブログに載せる。

を追加したいと思います。やることは実際今までの「読書感想回」と変わらないかと思います。「多読術」は図書館で借りた本なので、数に入れません。

OCR後感想

打つ文字数が少なくなった分、誤認識した部分を訂正するのに時間がかかりました。次はシャープペンシルじゃフリクションで書こうという反省を得ました。因みに今回の分量は パソコンで編集している時に文章が若干増していますが、元原稿はルーズリーフ片面分くらいです。

参考サイト(URL)

意外と知られていない「Googleドライブ」OCR機能で文字起こし検証→かなり使えそうでしたのでご紹介 https://webkikaku.co.jp/blog/webservices/googledrive-ocr/


最新記事