2017年1月の月報:プログラミング勉強3ヶ月目

SNSやってます。

2017年も、早1か月が過ぎてしまいました。

またプログラムの勉強を始めると言い出して3ヶ月経ちました。

2017年1月はタイの国営企業の研修を終え、OJTを受けながらの実務へと入って行きました。なれない事も多く戸惑いましたが、仕事は拘束時間が短く残業もないためブログの執筆やプログラミングの勉強を進められています。

プログラムの勉強は1月に入りさぼり気味でしたが、20日からはドットインストールでの勉強を本格的にはじめ、それからの勉強のログは、手間がかかるもののそれなりに楽しんで書いています。

今月勉強した事

序盤はだれていましたが20日からドットインストールの勉強を再開しHTML・CSSとATOMのレッスンをすすめる事ができました。

ドットインストール

新しく勉強したレッスン

  • CSS3入門(全19回)
  • CSSスタイル入門(全15回)
  • ATOM入門(全15回)
  • 実践!ウェブサイトを作ろう (全17回)
  • CSSで吹き出しを作ろう完了(全8回)

復習したレッスン

  • HTML入門(全24回)

デイリーだとこんな感じです。

No 年月日 曜日 完了レッスン
20170109 詳細!Swift 3 iPhone アプリ開発入門ノート P1 – P52 開始
20170110 詳細!Swift 3 iPhone アプリ開発入門ノート P53 – P76 断念
1 20170120 CSS3入門(全19回) #01-#6 開始
2 20170121 CSS3入門(全19回) #07-#12
3 20170122 CSS3入門(全19回) #13-#19 完了
CSSスタイル入門(全15回) #01-#02 開始
4 20170123 CSSスタイル入門(全15回) #03-#04
5 20170124 CSSスタイル入門(全15回) #05-#08
6 20170125 CSSスタイル入門(全15回) #09-#15 完了
7 20170126 HTML入門(全24回)復習完了
8 20170127 ATOM入門(全15回) #01-#05 開始
9 20170128 ATOM入門(全15回) #06-#15 完了
10 20170129 実践!ウェブサイトを作ろう (全17回) #01-#10 開始
11 20170130 実践!ウェブサイトを作ろう (全17回) #11-#17 完了
12 20170131 CSSで吹き出しを作ろう完了(全8回) #01-#08 完了

今月導入した物事

今月は大きく下記2点を導入した事で大きく勉強を進める事ができました。

1. ATOMの「Dotinstall Pane」と「ATOM HTML Preview」というパッケージ

ATOMというのはプログラミング用のエディタですが、機能を拡張するためにパッケージという物があります。

先月は「Dotinstall Pane」と「ATOM HTML Preview」というパッケージを導入と、ドットインストールのレッスン「ATOM入門」での勉強は、ドットインストールでの勉強の効率を大きく上げることができました。

詳しくはこちらの勉強日記をごらんください↓

10日目:ドットインストールで勉強中(実践!ウェブサイトを作ろう勉強中)
マラソン大会に応募していたのに寝坊して結局行きませんでした。という事で朝からドットインストールでプログラムの勉強をしました。 こんにち...

2. ポモドーロテクニック

25分作業をして5分休憩するという作業法、ポモドーロテクニックを導入しました。

非常にシンプルなテクニックですが、集中力の持続と肩こりにも非常に効果を発揮し全体的な効率が良くなりました。

先日、30分40分に1度ストレッチするだけで肩こりが改善されたよみたいな記事を書きましたが、色々調べると25分間作業5分間休憩を繰り返すという作業方法をポモドーロ・テクニックというんだそうです。という事で、最近はこのルーティーンで作業してい

今月の成果物

これまで勉強してきたHTMLとCSSの知識を元に、シンプルなアマゾンアフィリエイトが簡単に作れるbabyLinkをカスタマイズし、クリック判定の部分を広げマウスカーソルが乗る事でブロック要素全体の色が反転する様にしました。

無料で公開しており、コピー&ペーストですぐに利用できますので、ご興味ありましたら使っていただければと思います。

成果物:BabyLinkをカスタマイズしてリンク部分を大きくしました
シンプルなアマゾンのアフィリエイトリンクを貼りたいと先日導入し使い始めたBabylink。 導入と同時に枠線のみをBabyLinkのC...

感想

大したカスタマイズでは無いものの、babylinkのカスタマイズを作って自分のブログで実際に使えているというのは、自分にとって大きな成果だったと思います。

自分で使いたいものを自分で作れたというのは気分がいいですね^^

たぶん私のようにBabylinkのリンク部分を外枠部分まで広げた物を使いたいという人もいるんじゃないかと思います。

そんな方にはぜひ使っていただければ、また私のカスタマイズベースにさらなる改良をして使っていただければと思います。

とても小さなアソシエイトリンクを作成するツールです。ブログの文中に商品を紹介したいときに効果的かつシンプル。

来月2017年2月の予定

ドットインストールのウェブサイトを作ろうというレッスンを終えJavascriptのレッスンに入る予定です。

インスタグラムにアップロードするために、画像に日付を付けてそれをダウンロードできるというプログラムをブラウザ上で実現したいので、何とかそれができるところまで進められればと思っています。

ただ、このプログラムがJavascriptだけで実現できるのか、それともPHP等も必要なのか良く分からかないのでまずはドットインストールでJavascriptのレッスンを進めていく予定です。

では、バンコク在住、プログラミング初心者のダイ(@daijirok_jp)でした。