☰
ぶらたん堂 管理人のぶらたんが「結城友奈は勇者である 花結いのきらめき」こと「ゆゆゆい」をメインに、MacやiPhoneなどApple製品、そのほかPCの話もしたりします。

【自分用メモ】Web系の勉強をする

プログラミング 派遣

そろそろ副業しないと色々と人生に影響を及ぼしそうな状態なので、危機感を持ってやっていきたいと思い、この記事を作りました。

スポンサーリンク

マナブさんのロードマップを実行する

【独学でWeb制作マスター】勉強方法のまとめ【初心者向け】

Web制作の学習方法のまとめです。過去にどのようにしてWeb制作を学習してきたのかをすべてまとめています。

僕自身「全く知らない」状態ではないのですが、本職ではありませんし素人に毛が生えたようなものなので、先人の作ったロードマップを実行していきたいと思います。

HTML5/CSS3を勉強する

  1. ドットインストール
  2. よくわかるHTML5+CSS3の教科書【第3版】
  3. デベロッパーツールの使い方
  4. Bootstrap入門

ドットインストール

とりあえず一通りやった(やっていた)

ここは済みとしています。

よくわかるHTML5+CSS3の教科書【第3版】

よくわかるHTML5+CSS3の教科書【第3版】
よくわかるHTML5+CSS3の教科書【第3版】

イマココ。
7章くらい。

HTML自体は学生時代から触っていたのですが、HTML5になって導入された箇所とか、CSS周りが弱いので、再度勉強。

自信が持てるくらいになれればいつでも副業するんですが、ここが自信ないのですよね。

ただ、いつまでも実戦に入らないのも良くないのですが・・・。

(Google Chromeの)デベロッパーツールの使い方

ある程度走っているつもりですが、とりあえず一通り読んでおこうかと。

Bootstrap入門

ロードマップに書かれていたのはBootstrap3でしたが、ドットインストールのものは4のものがあるので、そっちをやります。

「ゆゆゆいSSRステータス」はBootstrapを利用して作っているのですが、もう完全に忘れました(汗)。

SEO

  1. これからはじめるSEO内部対策の教科書
  2. バズ部を読む
  3. コピーライティング入門
  4. キーワード検索

テーマを変えて以来、SEOのプラグインは入れているのですがよくわからずに使っている状態(苦笑)。

SEO内部対策の教科書

これからはじめるSEO内部対策の教科書
これからはじめるSEO内部対策の教科書

中古が今日届いた。
絶版？なのか割高な値段でしたけど、内容的に面白そうなので、他の勉強を進めつつ読んでいきたいです。

バズ部を読む

記事内で推奨されている3記事を読みたいと思います(はよ読め！)。

コピーライティング入門

一瞬で心をつかむ 77の文章テクニック
一瞬で心をつかむ 77の文章テクニック

こちらもバズ部の記事と参考書籍(一瞬で心をつかむ 77の文章テクニック)1冊。
書籍は購入済みなので、早く読まないと・・・。

WordPress

このブログにも使っているコンテンツマネージメントシステムですね。

  1. ドットインストール
  2. 本格ビジネスサイトを作って学ぶWordPressの教科書
  3. 個人ブログを作成
  4. ブログに広告を掲載

ドットインストール

内容が古いのでざっくり流し観します(#6まででいいらしいのでそこまでやる)。

本格ビジネスサイトを作って学ぶWordPressの教科書

最新版があったのでそちらを購入済み。
微妙にタイトル違ってましたが、書いた人同じだし問題ないだろう。

個人ブログを作成

もうやってますが、新しく違うテーマで一つ立ち上げるのも良いかもしれませんね。
考え中。

ブログに広告を掲載

もうやってますね。
そして馬サイトの方はGoogleから蹴られたままですね・・・。

勉強した内容によっては広告に関してもそれを反映していきたいと思います。

jQuery

jQueryといえば$とか()とかしかわかってませんね。
JavaScriptは会社のPC内で作ったHTMLファイルを操作するのに使った程度のレベルです。

  1. ドットインストール
  2. Web製作の現場で使うjQueryデザイン入門
  3. jQuery最高の教科書

ドットインストール

内容が古いですね(詳細は未確認)。
ProgateにもjQueryの講座はあるので、内容によってはそっちを参考にするかもしれません。

Web製作の現場で使うjQueryデザイン入門

注文済み(未着)。
だいぶ古い本になるので、どうなんだろう。

jQuery最高の教科書

なんか昔買ったことあったような気がしたんだけど、今は家にない。
引っ越しの時に消えたんだろうか。
取りあえずそのうち買おう。

PHP

PHPは触ったことほとんどないですね。
RubyとかPython、Perlならあるんですが。

  1. よくわかるPHPの教科書
  2. ドットインストール
  3. Webサイト制作者のためのPHP入門講座
  4. Tut+

よくわかるPHPの教科書

PHP Ver.7対応のものがあるのでそっち買おうかと。

ドットインストール

PHPの演習は新しいバージョンがありますね。

また、Progateにもレッスンがありますね。

Webサイト制作者のためのPHP入門講座

古い本のようですが、取りあえず購入(未着)

Tut+

海外の学習サイトのようです。

英語もそのうち覚えないとなあ。
画面見て、英語を繰り返しきけば分かるレベルならやるかもしれません。

日程とか

勉強は1月末までにする(厳守)

ロードマップには3ヶ月でやれ、と書いているのですが、僕は素人じゃないのとそんなに余裕がないので半分強の期間でやろうと思っています。

しかし、やることが結構多いので2ヶ月弱で終わるのか・・・。

勉強時間が足りない？ うん、まあそうですね。

ながら勉強でも何でもいいからとにかくやる

ながら勉強は良くないとかききますが、やらないよりマシです。
ダビスタのレース中とか手が空いてる時間は本を読むとかできるはずです。

実戦を早く経験しないといけない

友人のホームページを作成する仕事をいただいているのと、それ以外にも早く副業を開始しないといけないと思っています。

勉強ばかりしてて前に進まない(これまでの俺だ！)のでは意味がない・・・。

仮日程

  • HTML(〜12/11)
  • SEO(〜12/18)
  • WordPress(〜12/25)
  • jQuery(〜1/2)
  • PHP(〜1/9)

1つ1週間とかいう無謀な日程を組んでみました・・・。

行き詰まる事もあるかと思うので、順番にやるのではなく、ある程度並列でやっていこうかなとは考えています。
なので日程は目安程度。

いずれにせよ、1月末にはすべて終わっておきたい。

進行状況(随時更新)

12/7(Mon)

  • この記事書いた
  • 「よくわかるHTML5+CSS3の教科書【第3版】」7章まで読む
  • 「これからはじめるSEO内部対策の教科書」を50ページまで読む

12/8(Tue)

12/9(Wed)

12/10(Thu)

あまり進まず・・・

  • 「よくわかるHTML5+CSS3の教科書【第3版】」11章まで読む

12/11(Fri)

体調がイマイチでやる気もイマイチ・・・

12/12(Sat)

ここ2日の分を取り戻さないと・・・

  • 「よくわかるHTML5+CSS3の教科書【第3版】」10章のメディアクエリ絡みのコードを実際に打ち込む
  • 「jQuery最高の教科書」を34ページまで読む
  • 「よくわかるPHPの教科書 PHP7対応版」を30ページまで読む

HTML以外の本は導入部分なので、サクッと読んでみました。

12/13(Sun)

と言って進まなかったのが昨日・・・。

開発環境は昔作っていたのに知らない間に動かなくなっていた・・・。

12/14(Mon)

「よくわかるHTML5+CSS3の教科書【第3版】」はどうした、俺よ・・・。

12/15(Tue)

ほぼサボったというのだろう・・・。

12/16(Wed)

進みが遅い・・・

12/17(Thu)

1ヶ月で終わるのは難しいか・・・

12/18(Fri)

遅いながらも進める。

メモ)「Web製作の現場で使うjQueryデザイン入門」のP.107

$(“span”).css(“font-weight”)はChromeだと”bold”じゃなくて700が返ってきますね。
確か(font-weightの)boldを数字にすると700だったとは思いますが。

12/19(Sat)

なんとか巻き返しを・・・。

  • 「Bootstrap4入門」をレッスン20〜22までやる(これで完了)。
  • 一瞬で心をつかむ 77の文章テクニックをテクニック3つ分(4〜6)読む。
  • 「これからはじめるSEO内部対策の教科書」を19ページまで読んだ(これから継続的に読むので読み直し)
  • 「Web製作の現場で使うjQueryデザイン入門」を124ページまで実際のコードを打ち込みつつ読んだ

Ajaxの確認は、本には「Chrome以外のブラウザ使うように」と書かれていたけど、FirefoxもSafariも動かなかった(設定すれば動くのかもしれないけど)ので、サーバにアップして確認。

12/20(Sun)

  • 「よくわかるHTML5+CSS3の教科書【第3版】」282〜290のコードを打ち込んでGridレイアウトの理解を深めた
  • 一瞬で心をつかむ 77の文章テクニックをテクニック3つ分(7〜9)読んだ
  • 「これからはじめるSEO内部対策の教科書」を28ページまで読んだ
  • 「Web製作の現場で使うjQueryデザイン入門」を141ページまで実際のコードを打ち込みつつ読んだ(これで2章完)

12/21(Mon)

  • 一瞬で心をつかむ 77の文章テクニックをテクニック3つ分(10〜12)読んだ
  • 「これからはじめるSEO内部対策の教科書」を52ページまで読んだ
  • 「Web製作の現場で使うjQueryデザイン入門」を157ページまで実際のコードを打ち込みつつ読んだ

12/22(Tue)

  • 「よくわかるHTML5+CSS3の教科書【第3版】」292〜299のコードを打ち込んでGridレイアウトの理解を深めた
  • 一瞬で心をつかむ 77の文章テクニックをテクニック3つ分(13〜15)読んだ
  • 「これからはじめるSEO内部対策の教科書」を67ページまで読んだ
  • 「Web製作の現場で使うjQueryデザイン入門」を166ページまで実際のコードを打ち込みつつ読んだ

12/23(Wed)

jQueryサボった・・・

  • 一瞬で心をつかむ 77の文章テクニックをテクニック3つ分(16〜18)読んだ
  • 「これからはじめるSEO内部対策の教科書」を86ページまで読んだ

12/24(Thu)

連日のjQueryサボり

  • 一瞬で心をつかむ 77の文章テクニックをテクニック3つ分(19〜21)読んだ
  • 「これからはじめるSEO内部対策の教科書」を108ページまで読んだ

12/25(Fri)

本日有給休暇。他の人より1日早く冬季休暇に突入。巻き返すッ！

12/26(Sat)

日中寒くて眠くなる・・・。

12/27(Sun)

休みの間は1日3h勉強しようと決意。しかし、日中進まなくて寝るのが遅くなるorz

12/28(Mon)

馬のない休日。だから進められるはず。

12/29(Tue)

休みなのだから、昼間に進められるはずが全然進んでいなかった。
そもそも夜遅くまでやってると、朝眠くて仕方ない。
昼間は・・・起きているけどなんか進んでないなあ。

「Web製作の現場で使うjQueryデザイン入門」の誤字がだいぶ気になった今日この頃。

12/30(Wed)

今日も昼間にあまり進まない・・・。

MAMPのタイムゾーンの設定は本の内容だとまちがっているので注意(思いっきり嵌まった)。以下を参照。

MAMPでPHPのtimezoneを設定した時のまとめ – Qiita

PHPの勉強をするため、MAMPの設定をしていた時に陥ったミスをメモに残します。

12/31(Thu)

午前中寝てた。昼からやることあって手が付けられない。しかし、3時間は守った・・・(今1/1の3:00)

1/1(Fri)

実家に帰らないこともあり、新年も糞もない。

  • 一瞬で心をつかむ 77の文章テクニックを67〜71まで読んだ
  • 「jQuery最高の教科書」を86ページまで終了させた
  • ゆゆゆいスタミナ計算機を久々に弄る
    • SEOまわり
    • Bootstrap4を使用するように変更(携帯からも見やすくなったはず)
    • jQueryを使用するように変更
    • 広告設置(笑)

1/2(Sat)

連日3時まで起きてると午前中ほぼ寝てる。この生活はよろしくない・・・

1/3(Sun)

しばらく記録書かなかったので微妙にずれてるかも(ただ、毎日3時間はちゃんとやっていた)。

1/4(Mon)

1/5(Tue)

  • 「jQuery最高の教科書」を202ページまで終了させた
  • バズ部の記事を2つ読む
  • ドメイン取得からWordPress設置までの動画を見る。その上でSEO関係の設定をこのブログに実施

1/6(Wed)

平日は1時間。ブログ書かなきゃ2時間くらいできそうだが・・・それはそれってことで。

1/7(Thu)

連日の無理？不摂生？がたたって調子がよろしくないが、とりあえず1時間は頑張る。

サンプルコードの一部に疑問が浮かんだり、これいるの？と思ったり・・・。「こうした方がいいんじゃね」と思った箇所は動作も確認。

1/8(Fri)

1時間でいいのに4時までやってた・・・。どうしてこうなったorz

  • 「jQuery最高の教科書」を239ページまで終了させた
  • 今日やったところを応用してゆゆゆいSSRステータスにギャラリー機能が作れないか検討するも、何かうまく動かない

1/9(Sat)

終わったら日曜の5時だった。どうしてこうなったorz

  • 「jQuery最高の教科書」を248ページまで終了させた
  • SEO関係のWEBやら動画やら見た
  • WordPressのパーマリンクの設定を変えようと思ったが怖いのでぶらたん堂(馬支部)の方で試した
  • ゆゆゆいSSRステータスのギャラリー機能に実装のメドが立つ。

1/10(Sun)

今日こそ早く寝よう・・・っていま3時前だよ・・・

  • 「jQuery最高の教科書」を259ページまで終了させた
  • SEO関係のWEBやら動画やら見た
  • Googleのランキング表示とか調べてみた。ゆゆゆい関係はそれなりにランク取れている模様

1/11(Mon)

珍しく早く寝られた(といっても2時くらいまでは起きてたような)

1/12(Tue)

うーん、こういう書き方に慣れない。
基本仕事上でやらない書き方なので・・・。

let i = 3,
    j = 4,
    k = $(".className"),
    l = $("#idName");

jの行を間違ってセミコロンで閉じてたとき、k以降がうまく動作せず30分以上悩んだ(Cで書くとコンパイルエラーになるのですぐ気付く)。
正解のコードと自分が書いたコードを部分差し替えしてやっと気付いた。

ああ、’use strict’;すれば良かったのか。

また、今日はjQuery部分はともかく、CSSの部分で理解するのに相当苦しんだ。1hくらい・・・。なんでこれがうまくいくんや・・・と。

1/13(Wed)

やってて眠気が・・・疲れているのか？？

  • 「jQuery最高の教科書」を290ページまで終了させた。これでコード部分は終わり。あとは付録をサッと見て完了となる
  • ライティング関係の参考サイトを幾つか見た。

1/14(Thu)

1/15(Fri)

  • りすとめーかーのリンク貼る機能をname属性からid属性に貼るように修正。id属性の名前に漢字を使えないので、ラベル設定を追加。
  • 記事の書き方の動画を見る

1/16(Sat)

もうすぐ(日曜日の)5時だぜ・・・。ブログ更新に手間取ったせいもあるが。

1/17(Sun)

仕事あるのに寝るのが4時過ぎてる・・・。

1/18(Mon)

今日こそ早く寝ようと思ったら、22時過ぎまでゆるキャン△1期見ててマッタリしてて開始が遅れる。

〜2/5(Fri)

ともあれ、あとはPHP。

〜3/2(Tue)

後1冊(Webサイト制作者のためのPHP入門講座)。

RELATED

ブログがうまく表示されないエラーがありました...

未分類

【HTML】ページ内リンクの宛先指定するのが知らない間にid属性に変わっていた件...

プログラミング

PHPで変数に関する情報を出力するvar_dump()...

プログラミング

PHPのechoとprintとの違い

プログラミング

HOME >  プログラミング >  【自分用メモ】Web系の勉強をする