こちらのブログですが、 別の場所であたらしく更新していくことになりました。本名掲載の記事を非公開とし、それ以外のものはそのままにして ブログ自体は残させていただきます。ありがとうございました！

さて、これまで下記事の計画を元に学習を進めてきました。 2冊の書籍学習が終了！ gomagaru.hatenablog.comあらためて、次はこれをやりたいなーと 発展と応用のきっかけをたくさん見つけることができた書籍であったなぁ、 というのが今回の2冊で学習を進めた…

Chapter 10 マルチデバイス対応ページを制作する 2月11日(月) 0.5h HTMLタグ ・content属性 - initial-scale ...初期のズーム倍率を指定するプロパティ。 レスポンシブデザインでは拡大縮小は不要なので、値は｢1｣とする。 ※Visual Studio Codeではデフォルト…

Chapter 9 問い合わせページを制作する 2月7日(木) 1.0h 用語 ・定義リスト ...dl、dt、ddの3つの要素のこと。 リストをつくるul、li要素のようにセットで使う。 定義した用語と、それに関する説明を一対で表すリスト。 フォームで使う場合、以下のようにな…

Chapter 8 グリッドレイアウトページの制作と動画の埋め込み グリッドレイアウトページ 用語 ・カード型レイアウト ...コンテンツをトランプのカードのように並べたレイアウト。例 : 画像ブックマークサービス｢Pinterst｣ ・可変型レイアウト ...コンテンツの…

Chapter 7 2カラムページを制作する 2月5日(火) 0.5h HTMLタグ ・サイドバー ...<aside>タグ使用、section要素で区切ってリストでメニュー作成 CSS側で、メインコンテンツは左寄、サイドバーは右寄などを指定する。 <aside class="sidebar"> <section> <h2>Photograph</h2> <ul> <li>街-City</li> <li>海-Beach</li> <li>森-Forest</li> </ul> </section> <h2>Vid</h2></aside></aside>…

Chapter 6 シングルカラムページを制作する 2月4日(月) 1.5h 用語 ・疑似要素...要素の前後にテキストや画像を追加したり、要素内の特定箇所にスタイルを指定する記述方法。｢<セレクタ名> :(または::) <疑似要素名>｣ HTMLタグ ・表組作成 <table> : 全体 <tr> : 横1行、<th></th></tr></table>…

引き続き、書籍学習を進めます。前回で、共通のレイアウト作成が終了。 gomagaru.hatenablog.com今回はこれをコピーしてから、フルスクリーンのトップページを作成しました！ Chapter 5 フルスクリーンページを制作する 2月2日(土) 1.5h 用語 ・スネークケー…

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

これから、こちらの本で学習進めていきます〜 新しい本・初日╭( ･ㅂ･)وHTML&CSSとWebデザインが 1冊できちんと身につく本作者: 服部雄樹出版社/メーカー: 技術評論社発売日: 2017/07/21メディア: 大型本この商品を含むブログ (1件) を見るこの日、たのしすぎ…

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

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

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

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

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

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

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

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

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

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

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

現PC環境Macなので、MacPortsを使っていますが サクッといかなかったのでまとめておきます。さて、インストールしよ！(カタカタッターン！) sudo port install hugo Error: Current platform “darwin 17” does not match expected platform “darwin 14” Erro…

はじめまして 今日からブログを書いていきます！ 元SE、PGからWebコーダーへのキャリアチェンジを図る とあるアラサー女のブログです。 よろしくおねがいします。