プログラム言語(JavaScriptやPHPなど)の学習記録
「動き」をつけるのにJavaScriptとjQueryも必要
「HTML&CSSの学習記録」でも記載しましたが、Webサイトの「動き」についてはCSSだけでかなりできることがわかりました。ただ、例えば要素の直前までスクロールされたらその要素を出現させる、といったように、あるタイミングで動きの処理をさせたい場合にはJavaScriptの知識がどうしても必要になります。また、ちょっと複雑な動きをさせるためにはjQueryのライブラリを使うのが手っ取り早いとのことでした。
そこで、まずはJavaScriptやjQueryを使ってどのように動きをつけるのか知るために、下記1.<#リンクはこちら>、2.<#リンクはこちら>、3.<#リンクはこちら>を読んでみました。しかし、これらの本は、ソースコードが記載されているものの、いちいち細かい説明がなされているわけではないので、まずはざっと目を通す程度にとどめました。そして、取り急ぎJavaScriptの基本的な概念を学習するために下記4.を読みました。
結構ハードル高い
プログラミングについては、学生の頃の研究でFortran、C言語、Visual BASICを使っていました。また、社会人になった後も、研究開発においてLabVIEWで計測システムを作ったりしていました。このため、JavaScriptやPHPを学習するにあたっても、変数、制御構造、関数、配列といった、プログラム言語に共通している概念は難なく理解できます。
しかし、静的プロパティ、継承(スーパークラス、サブクラス)、DOMについては、下記4.のような初心者向けの本でも、理解するのにちょっと骨が折れました。下記4.<#リンクはこちら>を繰り返し読むことでJavaScriptの概念が何となく理解できるようにはなってはきたものの、これでやっとスタートラインに立った、という感じです。
そこで、次のステップとして、下記5.<#リンクはこちら>と6.<#リンクはこちら>を読んでみました。下記5.は「入門」と銘打たれているものの、非同期処理と通信処理、Canvasなど、結構ハードルは高いです。また、下記6.についても、Ajaxなど後半の部分には理解しにくいところが多々ありました。よって、JavaScriptとjQueryの学習についてはまだまだ先が遠い、といった感じです。
ただ、これら2冊を読んだ後に下記1.から3.を再度読んでみたところ、結構理解できてうれしくなりました。実際のWebサイト制作でもこれらに記載のテクニックのいくつかを実装してみました。
WPやるならPHPも避けられない
さらに、「WordPressの学習記録」でも記載しましたが、WordPressのオリジナルテーマ制作をするためにはPHPの学習も避けられません。また、データベース操作をしたり、問い合わせフォームでメール送信したりするにもPHPの知識が必要です。
ただ、現時点ではちょっと時間が取れないので、とりあえず、下記7.<#リンクはこちら>と8.<#リンクはこちら>を読んでおきました。この2冊はいずれも同じ著者によって書かれたものです。「はじめに」において、「残念ながらこれを読んだだけでは、PHPでアプリを作ってどんどん稼げるようにはならない」的なことが書かれていました(つまり、これら本を読んでやっと入門レベルということ)。
しかし、当方はこれら2冊の内容を理解するだけでも結構時間がかかってしまいました。JavaScriptといいPHPといい、「Webの世界はなんと厳しいことか」と少し意気消沈しております。
「一から順々に」じゃ間に合わない
ところで、スクールの先生に上述した状況について話してみたところ、「今のWeb業界は技術の進歩がめちゃくちゃ早いので一から順々に理解しようとしていたらいつまでたっても最新の技術にキャッチアップできない。基本についてある程度分かったら、真ん中はすっ飛ばしていきなり最新の技術の実装にチャレンジするべき」、とのことでした。
下記9.<#リンクはこちら>はWebエンジニアについての「なるには本」ですが、ここにも上述の先生の話と同じようなことが書かれています。以前、Flashが全盛のころはそれを手掛ける技術者がもてはやされていたそうですが、ネット閲覧の中心がモバイルになりレスポンシブ対応が必須になると、それらの技術者は駆逐されてしまったとのこと。
今のWebの世界では、最新の技術にキャッチアップし続けられるヤツだけが生き残ることができる。当方は、これまで何事においても1から順序立てて系統的に勉強していくスタイルだったのですが、どうやら考え方を変えないといけないようです。
1.動くWebデザインアイディア帳 jQuery、CSSアニメーションの初心者でもコピペで動く!
久保田涼子/著 — ソシム
2.動くWebデザインアイディア帳 実践編 jQuery、CSSアニメーションの初心者でもコピペで動く!
久保田涼子/著 — ソシム
3.コピペで使える動くWebデザインパーツ
矢野みち子/共著 — エムディエヌコーポレーション
4.1週間でJavaScriptの基礎が学べる本
亀田健司/著 — インプレス
5.JavaScript〈完全〉入門
柳井政和/著 — SBクリエイティブ
6.jQueryポケットリファレンス 改訂新版
鶴田展之/著 — 技術評論社
7.いちばんやさしいPHPの教本 第3版 人気講師が教える実践Webプログラミング
柏岡秀男/著 — インプレス
8.初心者からちゃんとしたプロになるPHP基礎入門
柏岡秀男/著 — エムディエヌコーポレーション
9.21世紀最強の職業Web系エンジニアになろう AI/DX時代を生き抜くためのキャリアガイドブック
勝又健太/著 — 実業之日本社