WEBサービスを作るときの心強い味方
ワールドカップで生活リズムが乱れてるせいか、はたまたビールの飲み過ぎなのか分かりませんが、最近やりたいことが全然進んでおりません。
まあとりあえずは銭湯サイトなんですよ。Totonotter（ととのったー）っていうWEBサービス。
これを進めるべく、今日、いや明日から頑張ろうと思っています。
明日から本気出すぞ
＝＝＝
んで、誰の役に立つのか分かりませんが、僕がWEBサービスを作るときの、心強い味方を紹介しようと思います。
それがこれだ。
ドーン
これらの本があれば大丈夫。どんな苦難も乗り越えられると思っています。
まあ正直に言えば、どれも古い技術のそれだと思うんですよ。こないだkatonoboさんのブログを見たら、最近の技術が紹介されていたので、そのときに感じました。「ああ、僕が知ってる知識は過去のそれなんだな」と。
【Vue.js】【Cloud Firestore】Webアプリのリリースまでの学習過程まとめ - katonobo’s blog
（Vue.js、Cloud Firestore、Materialize-cssが紹介されていたんですが、当たり前に全部知りませんｗ）
ただ、まあこれでも出来るんですよ。てか僕にとっては十分なので、手元の知識をフル動員して進めようと思っています。
ちなみにこれらは全部、プログラミング始めて最初の１年で覚えたやつですね。だから非常に基本的なやつだし、覚えるのもそんなに難しくありませんでした。
（そう言えばBootstrapだけは初体験です。全く分かっておりませんｗ）
プログラミングを独学して１年。今日までの勉強方法を書いてみる - ホーリーのプログラミング日記
＝＝＝
非常にベーシックな技術ばかりだと思うんですが、順番に紹介していきましょう。
HTML＆CSS
サイトのフロント部分にあたるHTMLとCSSは「スラスラわかるHTML＆CSS」があればOK。
具体的な書き方はドットインストールを見て学びましたよ。
jQuery
フロントエンドの動きをつける部分はjQueryを使う予定です。
これjavaScriptのフレームワークですよね？深く理解してないけど、非常に便利。
実践的な使い方が本に書いてあるので、いつもそれを見ながら実装しています。
基本的なことは「javaScript超入門」で身につけました。基礎中の基礎っていうか。
確かな力が身につくJavaScript「超」入門 (確かな力が身につく「超」入門シリーズ)
- 作者: 狩野祐東
- 出版社/メーカー: SBクリエイティブ
- 発売日: 2015/10/30
- メディア: 単行本
- この商品を含むブログを見る
Bootstrap
今回はCSSで楽をしたかったので、Bootstrap（ブートストラップ）を採用することにしました。CSSフレームワークの。
Bootstrap4ファーストガイド―CSS設計の手間を大幅に削減!
- 作者: 相澤裕介
- 出版社/メーカー: カットシステム
- 発売日: 2018/05/01
- メディア: 単行本
- この商品を含むブログを見る
全く使ったことないのですが、これを使えばCSSが楽になると聞いたので、とりあえず触ってみようかと。
ドットインストールにも動画があるんで、多分出来ると思うんですよね。多分ｗ
ただこれ使うと、CSSやjQueryの書き方が変わるのかな？分からないんですが、とりあえずやってみる予定です。
PHP
メインの言語はこれ。バックエンドって言うのかな？それはPHPで書いていきます。
PHPについては、特に言うことありませんね。「気づけばプロ並みPHP」でアホみたいに書いたので、基本的な部分は問題なしです。
気づけばプロ並みPHP~ショッピングカート作りにチャレンジ!
- 作者: 谷藤賢一,河原健人
- 出版社/メーカー: リックテレコム
- 発売日: 2013/10/15
- メディア: 単行本（ソフトカバー）
- この商品を含むブログ (3件) を見る
MySQL
MySQLは「よくわかるPHPの教科書」を参考にすることが多いです。
気づけばプロ並みでも覚えられるんですが、命令の数が少ないんですよね。紹介されてる。なので基本的にこっちを見ます。
＝＝＝
えー、こんなところでしょうか。とりあえずの鬼門はBootstrapですね。触ってみて逆に面倒くさく感じたら、即却下するつもりでいます。
あとそうだ。Ajax使いたいんですよ。非同期通信の。
サイト内の「いいね」ボタンを、これで実装したいと思います。
こないだドットインストールを見たんで、雰囲気は分かりました。実際に出来るかどうかは不明ですがｗ
（レッスン１６以降がAjaxなんです）
こんな感じですね。こんな布陣でWEBサービスを作っていこうと思います。
バックエンドは簡単そうなので、問題はフロントエンドのみです。ここはどれだけ時間がかかるか分かりません。怖いｗ
