40日目:ドットインストールで勉強中(Google Chrome拡張機能入門開始)

SNSやってます。

今日は筋トレの他は、大体ずっと家にいました。

特に何もない1日でした。

という事でいつもよりも勉強を進めることができました。

こんにちは、SPF36のダイ(@daijirok-jp)です。

さて、今日はJavaScriptの勉強を少し中断してドットインストールのレッスンGoogle Chrome拡張機能入門」のレッスンを開始しました。

本日の学習結果

「Google Chrome拡張機能入門(全20回)」の下記

  • #01 Google Chrome拡張機能とはなにか?
  • #02 Browser Actionを作ろう (1)
  • #03 Browser Actionを作ろう (2)
  • #04 拡張機能を読み込んでみよう
  • #05 バッジテキストをつけてみよう
  • #06 ページの背景色を変えてみよう (1)
  • #07 ページの背景色を変えてみよう (2)
  • #08 ページの背景色を変えてみよう (3)
  • #09 クリックだけで背景色を変えてみよう

の動画を勉強しました。

現在のドットインストールでの学習状況

総完了レッスン数:262

視聴時間:10:57:40

学習日数:52日

マイページ:http://dotinstall.com/users/daijirok_jp

感想

#01 Google Chrome拡張機能とはなにか?

まずはクローム拡張機能の説明とはどういうものかというのと専門用語が4つほど説明されました。

#02 Browser Actionを作ろう (1)
#03 Browser Actionを作ろう (2)
#04 拡張機能を読み込んでみよう

HTMLとJSON(ジェイソン)というファイルを作って、クロームのアドレスバー横に簡単なリンク集を作りました。

#05 バッジテキストをつけてみよう

バッジテキストというのは、ケータイを思い出すとわかりやすいですが、未読メッセージが入っているとアイコンの端に①とか②とか数字のマークがつきますが、あんな感じのものです。

この動画でJavaScriptが出てきました。JavaScriptの勉強やってきて良かったです。JavaScriptを知らずにこのレッスンをやるのは厳しいでしょう。

またエラーになった時はクロームデベロッパーツールを呼び出したので、これも勉強してきて大体の基礎を分かっていたので助かりました

#06 ページの背景色を変えてみよう (1)
#07 ページの背景色を変えてみよう (2)
#08 ページの背景色を変えてみよう (3)

ページの背景色を変えるという事はTabを変更するという事に当たるらしく、この許可をJSON上で宣言したりとよくわからない処理が多かったですが、処理自体はJavaScriptで書くのとあまり変わりませんでした。

#09 クリックだけで背景色を変えてみよう

HTMLの画面を呼び出さずに、アドレスバー横のアイコンクリックですぐに動作させるようにプログラムを変更しました。

公式サイトからその構文の使い方を呼び出してきてそれを使うという事ですが、いろんな構文があり覚えることがとても多そうというのはよくわかりました。

このレッスンは2013年に収録されているということでChrome Extensionsの公式サイトのデザインが変わっており、ドットインストールで言われている構文を探すのに苦労しましたが、なんとか見つける事はできました。

今回のレッスンでHTMLで例文を書くのはブログに使えそうとわかりました。

テキストに書くなら単語登録でいいんですが、いつでも呼び出せるHTMLの例文がブラウザ上にあればを、アドレスバー横に作っておけばコピーペーストでワードプレスのビジュアルエディタにそのまま貼り付けることができて便利になると思います。

また試してみようと思います。

明日の勉強予定

引き続き「Google Chrome拡張機能入門 (全20回)」を勉強します。

明日から平日で仕事なのでこのレッスンを終えるのに、多分あと2,3日はかかりそうです。