GWに復習したいフロントエンドエンジニア開発系勉強記事まとめ

いなば

2015.04.29

こんにちは、フロントエンドエンジニアの稲葉です。

世間はGWですが「どこかに行く気力もお金もないし、どこに行っても混んでるからもう引きこもるに限る」という方にぜひ読んでもらいたい、LIGブログの技術系記事をピックアップしてみました。

ゴロゴロするだけじゃもったいない！
GWの時間を、知識・技術のレベルアップにあててみませんか？
もちろん旅行や帰省の際の移動時間にもおススメです。携帯でも読めますので！（きっとPC開きたくなっちゃうだろうけど）

開発環境

ちょっと前まではクライアントサイドのビルドツールといえばgruntでしたが、最近はgulpに置き換わりつつあるのかなという印象です。
依存関係の管理もBrowserifyやwebpackと新しいものがどんどん出てきてめまぐるしいですが黒い画面と仲良くなると色々と幸せになれます。

「WebPackを使ってJavaScriptを効率的に書くチュートリアル【入門編】」
https://liginc.co.jp/web/js/other-js/148813
「ECMAScript6で書こう！WebPackとES6-loaderで環境を作り、ES6を先取り体験する方法」
https://liginc.co.jp/web/js/other-js/132046

「エンジニアがいい感じにフロントエンド開発を爆速化できる環境構築の手順」
https://liginc.co.jp/web/js/other-js/143500

さくっといい感じの開発環境を使いたい方はこちらの記事がオススメです！
こちらの記事で紹介されているテンプレートはフロントエンド開発スピードをあげる（早く帰るための）開発環境としてLIGの社内テンプレートとしても使われています！

などを自動でやってくれるので開発が捗ります！

わかったようなつもりで意外と理解が曖昧だったりしませんか？
今こそきっちりと復習するときなのかもしれません。

「Web制作者なら押さえておきたい「HTML5」「SEO」「SMO」に関する公式ドキュメントまとめ8選」
https://liginc.co.jp/web/html-css/html/152369

プログラミング関連の記事ももちろん押さえておきたいですね。

エンジニアの王くんがデザインパターンの解説をシリーズで執筆してくれています。
PHPで書いていますが、JSでもオブザーバーパターンはよく使うので、この機会に先人の知恵をしっかりと勉強してみるのも良いと思います。

「【PHPで学ぶデザインパターン入門】第1回 Strategyパターン」
https://liginc.co.jp/web/programming/php/136131
「【PHPで学ぶデザインパターン入門】第2回 Decoratorパターン」
https://liginc.co.jp/web/programming/php/142575
「【PHPで学ぶデザインパターン入門】第3回 Stateパターン」
https://liginc.co.jp/web/programming/php/143261
「【PHPで学ぶデザインパターン入門】第4回 Iteratorパターン」
https://liginc.co.jp/web/programming/php/146455
「【PHPで学ぶデザインパターン入門】第5回 Factoryパターン」
https://liginc.co.jp/web/programming/php/149051
「【PHPで学ぶデザインパターン入門】第6回 Observerパターン」
https://liginc.co.jp/web/programming/php/149799
「【PHPで学ぶデザインパターン入門】第7回 Singletonパターン」
https://liginc.co.jp/web/programming/php/150154

少し前に関数型プログラミングが話題になっていましたが、こちらもエンジニアの王くんが関数型リアクティブプログラミング（Functional reactive programming）を実現するライブラリであるRxJSを使ったコードで、Reactive Programmingを解説してくれています。

Githubでポートフォリトサイトを作ったり、ブログを始めたりしてはいかがでしょう？

「Git初心者でも大丈夫！完全無料でGithub PagesにWebページを公開する方法」
https://liginc.co.jp/web/html-css/html/96453
「所要時間3分!? Github PagesとHEXOで爆速ブログ構築してみよう！」
https://liginc.co.jp/web/programming/server/104594

まとまった時間がせっかくあるので自分でWebサービスを作ったり、API使って遊んでみるなども良いと思います！

「Web制作のアイデアが膨らむ気象情報や政府統計データなどのAPIまとめ」
https://liginc.co.jp/web/programming/152026
「インタラクティブコンテンツを作ろう！milkcocoaで5分のチャットアプリ制作」
https://liginc.co.jp/web/programming/server/129348
「milkcocoaとgmaps.jsで、スマホ（と、まろ氏）の位置情報をリアルタイムに取得してみた」
https://liginc.co.jp/web/js/132533
「Web制作者でもネイティブアプリが作れる！node-webkitを使ってみよう」
https://liginc.co.jp/web/programming/node-js/129596