html・css
8月26日（月）の日記です。 本日はBootstrap4の技術取得の前に、以前知り合いから頂いた日経ソフトウェア付録の『プログラマとWebデザイナーをつなぐjQuery教本』という冊子を勉強しました。 内容としてはjQueryの簡単な基礎や応用が書かれているのですが、…
8月24日（土）の日記です。 Bootstrap4の勉強ですが、『Bootstrap4 フロントエンド開発の教科書』を元にクラス名をザッと理解し、サンプルサイトの制作を行ないました。 非常に濃密な内容ですので一度に全部を覚える事は出来ませんが、1つ1つのクラスがどの…
8月23日（金）の日記です。 先日はjQueryの復習を行ないましたが、今日からはBootstrapを勉強していきます。 現在はBootstrap4が主流との事ですが、まずはBootstrap3にてサンプルを作ってみました。 感想ですが、びっくりする事に、一切独自のCSSを作る事無…
8月22日（木）の日記です。 これからも写経は随時続けていきたいと思いますが、今日はjQueryについて新たにインターネット学習サイトおよび書籍にて勉強をする事にしました。 まずは学習サイトですが、下記レッスンが無料で受けられるので20回分、ぶっ通しで…
8月21日（水）の日記です。 今日は雑誌内の写真付きページを1ページスキャンし、それをなるべく忠実にトレースという試みを行ないました。 やり方としては、 スキャンした画像をWebページの横幅に収まる程度のサイズに変更する。 CSSのbackground-image等の…
8月20日（火）の日記です。 今回の写経材料ですが、巷では非常に有名なサイトで知られる、俳優 阿部寛さんのホームページにしました。 実は知り合いから提案を受けるまで、阿部寛さんのページの事は知りませんでした。 「結婚できない男」というドラマは本当…
8月19日（月）の日記です。 この日は「川平湾」のWikipediaのページの写経を行ないました。このページを選んだ理由は、知り合いから「写経に慣れるのにちょうど良い内容」と聞いたからです。 さて、川平湾のページを写経して気付いた点を書きます。 ヘッダー…
8月16日（金）の日記です。 この日から今度はWebサイトの写経練習を行なう事にしました。 ルールとしては、要素検証にて模写したいサイトのコードは一切見ずに調整を行ない、どうしても解決出来ない場合のみ参考にするという決まりです。 早速ですが、まずは…
8月15日（木）の日記です。 『HTML5 & CSS3 デザインブック』でのサンプルサイトの作成を一通り終えました。 まだこの時点ではリンク先もありませんし、データベースとの連携等も無い、単純なWebサイトのトップページです。 ですが、非常に勉強になりました…
8月14日（水）の日記です。 先日の日記でも書いた通り、『HTML5 & CSS3 デザインブック』でのサンプルサイトの作成を早速進めております。 現時点で3章まで終わり、メインのレスポンシブ対応のサンプルWebページを作成する事が出来ました。 各項目用のブロッ…
8月13日（火）の日記です。 Progateにて一通りのWebページ制作手法を学んだと思うので、今度は書籍を基に実際にWebサイト制作の練習を行なう事となりました。 さて、今回からサイト制作練習で参考にさせてもらう書籍は、『HTML5 & CSS3 デザインブック』です…
8月9日（金）の日記です。 jQueryの中級・上級のレッスンをようやく修了しました。巷のサイトで使われているスライド機能やモーダルウィンドウ、ページトップへの遷移、便利な機能の基本を学ぶ事が出来て大満足です。 ですが、とにかく時間が掛かりました。1…
8月8日（木）の日記です。 JQueryのレッスンを中心に勉強しましたが、本当にJQueryは便利です（笑）。 「アコーディオン」という、クリックによって隠れた文章等を表示する機能もそうなんですが、「モーダルウィンドウ」という機能が凄かったです。というか…
8月7日（水）の日記です。 この日は予定があったのでProgateのレッスンは22時以降に可能な範囲で進めました。内容はJavascriptのES5なんですが、すでにES6を学んでおりますので、違いを確認しつつ、どんどん先に進めたいと思います。 また、新たなフリーラン…
8月3日（土）の日記です。 「Progate」、非常に楽しく学べてます。完全に自分のペースで進める為、理解が早ければそれだけ早いスピードで進められるのは嬉しい限りです。 やはり自分にはProgateがかなり良さげな感じがしますね。 HTML・CSSの初歩のレッスン…
8月2日（金）の日記です。 知人から早速「Progate」というプログラミング学習サイトを紹介して頂いた為、登録してまずはhtml・cssの基本練習を受けてみました。 感想ですが、非常に学びやすいレッスンですね。 過去に「ドットインストール」にて学習した事が…
