2019.5.13
プログラミング動画の下準備【HTML編#3-デザインテンプレート-】
ってことで、動画撮影のための準備のお話です。HTMLに関して技術的なことは今更触れる必要ない・・・・・・と思ってたんですけど、改めて調べてみるといろいろおもしろいものがありました。Emmetもそうなんですけど、
Sassとかいうやつですね。
CSSに関しては、なんかいつのまにか公式で変数対応したみたいですけど、このSassとか導入できるとよりよくなりそうだなって思うので導入したいと思います。
ただ、その前に、動画の本流とは関係ない話として、Advanced.みたいな感じの話も挟んでいくつもりなんですけどそのなかのひとつとして
HTMLテンプレートみたいなのを導入したいなって思ってまして。
僕はWebページに関してはLaravelで全部実装しちゃおうかなって思ってるんですけど、デザイン部分なんかはもうこういうテンプレートに手を出して手抜きをしようかなと思ってます。
大事なのは
「どれだけ早くラクしてページを作るか」だと思うので・・・・・・。
で、そのデザインテンプレートのソースを見て、ぱぱっと手を加えてコードレビューというか、使われているタグとかの解説になるような動画を撮っていこうと思います。
っていうことで、完成形ありきの動画なので、1日で骨組みぐらいは作ることを目標にやっていきます。ちなみにめんどくさいので要件定義とかしません。(うんち)
テンプレートに関しては
こんなサイトがあったので採用です。商用利用可とか言ってますし。
これをダウンロードして使うとラクそーですね。ページ遷移もないのでファイルが散らからなくてよきです。まぁこれ一長一短なんですけど。
書く内容に関しては
侍エンジニア塾の記事でも参考にしつつ、自分の言いたいことを書き連ねることにしようかなと思います。
自分でもわかってるんですけど、このへんの才覚は明らかにないので、人の猿真似でなんとかします。
ただ、風呂敷を広げすぎると収集つかなくなるんでどーーーにも、って感じですが・・・・・・
とりあえず作りました。ご査収ください。
このページ見てる人で僕にお小遣いあげたい人はいないと思うんですが(笑)、これが軌道に乗ればぼくは夜勤から足を洗えるので応援よろしくおねがいします笑
これこそ当たると思ってやってるコンテンツなので、メニューに追加しました。がんばるぞ。(笑)