Miki's Blog

フロントエンジニアに、俺はなる!

VSCode

【書籍学習ログ】HTML/CSS/Webデザインが1冊できちんと身につく本 - 【続・1日目】

引き続き。 今回は環境設定〜Webページ制作・共通レイアウト作成まで。 Chapter 2 ~ 4 2月1日(金) 1.0h Chapter 2 サイト制作の前に準備しておくこと テキストエディタ 本ではBracketsでの開発が前提。 Brackets - A modern, open source code editor that u…

【書籍学習ログ】HTML/CSS/JavaScript 基礎 - 【続・3日目】

多くなったので記事分けました!↓の続き。 【書籍学習ログ】HTML/CSS/JavaScript 基礎 - 【3日目】 - Miki's Blog 1月25日(金) 計1.5h Chapter 4 CSSフレームワークのきほんを学ぼう〜Bootstrapでフォームをつくる 1月25日(金) 1.0h Boostrap Bootstrap · Th…

【書籍学習ログ】HTML/CSS/JavaScript 基礎 - 【3日目】

1月25日(金) 0.5h 続・Chapter 3 スマートフォン対応のきほんを学ぼう スマートフォンに対応させよう スマホ向けWebページ提供方法 1. HTMLとCSSを別途作成して別々に提供 2. CSSのみ切り替えて画面サイズに合わせてレイアウト変更 今回は2番目。←レスポンシ…

【追記アリ 1/24】【書籍学習ログ】HTML/CSS/JavaScript 基礎 - 【1日目】

Chapter 1 Webの開発環境を整えよう 1月18日(金) 1.0h ・開発向けテキストエディタ ・Sublime Text 機能多、有償 ・Atom GitHub開発、基本英語 ・Brackets Adobe Systems開発、Adobe製品と相性◎ (2冊目で使用) ・Cloud 9 クラウド開発ツール、無料ではパブリ…

Visual Studio CodeでMacにフロントエンド開発環境をつくる

最近Hugo+Netlifyに沼っています(楽しい!!) この場合htmlファイルを多少修正するのみでサイトを作成できます。 よって、学生時代から慣れているemacsでOKでした。 ただ、CSSのクラスやhtmlの文法などは補完してもらえないので なかなかの不便を感じつつあ…