Miki's Blog

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

2019-01-01から1ヶ月間の記事一覧

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

1冊目、最終章〜! やっていきましょう\\٩( 'ω' )و ///1月31日(木) 2.0h Chapter 7 Ajax通信のきほんを学ぼう〜jQuery、Vue.jsにもチャレンジ! CSSプロパティ position: fixed 要素の位置を固定する header { position: fixed; /*画面内に固定する*/ top:…

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

Chapter 6 イベントドリブンのきほんを学ぼう〜DOMを使ってストップウォッチを作る 1月28日(月) 1.5h Bootstrap ボタンスタイル指定 クラス 表示 btn-default 白 btn-primary 青 btn-success 緑 btn-info 水色 btn-warning オレンジ btn-danger 赤 btn-link …

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

Chapter 5 JavaScriptのきほんを学ぼう 1月26日(土) 0.5h HTML内にスクリプトを記述する <div class="container"> <script> // スクリプト </script> </div> 文法 命令の記述 オブジェクト. メソッド( パラメータ ) 誰に. どうする( なにを ) コメント /* 複数行 コメント */ // 1行コメント 変数宣言 var a…

【書籍学習ログ】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番目。←レスポンシ…

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

1月24日(木) 1.5h Chapter 3 スマートフォン対応のきほんを学ぼう 基本のレイアウト作成 クラス・セクション分割と利用 書籍での流れ: 1. 掲載内容を文章で並べる 2. 内容毎にセクションで分割する 3. コンテンツを追加する 4. 全体のクラスを定義する 5. 個…

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

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

【書籍学習ログ】HTML/CSS/JavaScript 基礎

はじめに これから書籍を軸に学習をすすめる予定なので、 学習内容を記録していくことにしました。 内容 : 書籍だけではうまく行かなかったこと 派生して学習した内容 書籍内容の中で未知だったこと 参考書籍 1冊目 これからWebをはじめる人のHTML&CSS、Java…

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

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

git pushしたらrejectedにハマった話【備忘録】

先日、Hugo + GitHub Pages でポートフォリオを作る-【GitHub PagesでWebページ公開】 - Miki's Blog での作業でのこと。 Webサイトは作ったし、あとはGitに上げるだけ。 意気揚々とターミナルからpushすると... $ git push -u origin master To github.com:…

XAMPPでWordPressローカル開発環境を構築する

背景 WordPress初学者向け書籍を購入したものの、 レンタルサーバ(有料)で簡単インストールし、サイトを公開することが前提 になっていました。 自分はWordPressをローカルで試せる場所が欲しかったので、 XAMPPでWordPressローカル開発環境をつくることにし…