スラスラわかるHTML&CSSのきほん 完了
前回の記事からだいぶ空いてしまった。。。
あれから色々あって6ヶ月間職業訓練でiPhoneアプリ開発を学んだり・・・。*1
ということでプログラミングはまだその世界に足をつっこんだ程度ですが、毎日ちょっとずつ新しい発見があったり、みたいな新鮮な気持ちで勉強しています。
ブログをまた書こうと思ったのはプロジェクト管理でBacklogを使用していて、自作アプリをリリースする際、プログラミングで迷った所とか解決した方法とかリリースする際に参考にしたサイトなどを全部Backlog上に書いててなんだかもったいないなと思ったのがきっかけです。*2
※Qiitaはまだ敷居高いので、はてブロでツラツラ書きます。
で、今はiOSアプリを作成している段階でバックエンドのことが全然理解していないということ気づき、まずは基本のホームページ制作から初めてサーバーサイドも経験してみようということで、ホームページを作成している最中です。
表題の通り「スラスラわかるHTML&CSSのきほん」を実際に試してホームページを作成することができた。
かかった時間は約18時間、1日5時間程度で4日で出来た。
使用したのはこの本。
以前、ProgateのHTML&CSSコースとドットインストールのWebサイトを作成するレッスンを受けてたので、結構自分でわかってる範囲が多くすんなり行けた感じがする。
Progate&ドットインストールと比べ書籍なので体系的に学べ、よりHTMLのタグやHTMLとCSSの関係が理解できた。
特にドットインストールではFirebaseでWebサイトを公開することはできたが、レンタルサーバーやFTPクライアントソフトを使用して公開という所までは出来てなかったので実際にサーバーを使って公開できたのはいい経験になった。
使ったツール
- mi - テキストエディター
- FileZilla - FTPクライアントソフト
- Google Chrome - ブラウザ
エディターはドットインストールで使ってたAtomがタグの補完機能もあり、いい感じだったが、最初から凝り固まらずにエディターも色々試してみようってことで書籍推奨のmiを使用。見出しリストとか完全日本語対応といった点が調子いい感じ。
Atomであったタグ補完が無かったので<table>←こういうタグを手打ちしていくのがやや面倒ではあった。あとcmd+/でのコメント機能が無かったのも気になる。
おそらくショートカットキーとかも組み込みではなく自分でカスタマイズしていくタイプのエディターなのではないかと思う。
実際に出来上がったサイトが下記URL
HTMLのタグで箇条書きのようになっていたサイトが、CSSで装飾を施すことによって、徐々に組み上がっていくことに感動した。
最初は退屈だったが、徐々にページができるにつれハマっていた。
自分が読んだ本は第1版だったので、レスポンシブデザインは対応していなかったが、
第2版では対応しているみたい。*3
もっと動的なWebサイトを作りたい!って思ったので、次は以下の本を順にやっていくと思う。
HTML&CSSとWebデザインが 1冊できちんと身につく本
- 作者: 服部雄樹
- 出版社/メーカー: 技術評論社
- 発売日: 2017/07/21
- メディア: 大型本
- この商品を含むブログ (1件) を見る
スラスラ読める JavaScript ふりがなプログラミング (ふりがなプログラミングシリーズ)
- 作者: リブロワークス,及川卓也
- 出版社/メーカー: インプレス
- 発売日: 2018/06/22
- メディア: 単行本(ソフトカバー)
- この商品を含むブログを見る
大重美幸さんの本はSwift4を学んでいるときに
・めちゃくちゃわかりやすい
・サンプルアプリ多くて面白い*4
という背景があったのでPHPを学ぶときにも買ってみる。
詳細!Swift 4 iPhoneアプリ開発 入門ノート Swift 4+Xcode 9対応
- 作者: 大重美幸
- 出版社/メーカー: ソーテック社
- メディア: Kindle版
- この商品を含むブログを見る
iOSアプリをリリースした際にお名前ドットコムでBundleID用に購入したドメインがあるのでそれをホームページに利用できたらいいなと思ってる次第であります。