9月9日（月）の日記です。 本日からWordPressの勉強を行います。 理由としては、日本のみならず世界中でWordPressが使われている事と、Progateにて習得したPHPのスキルを活かす為です。 今までは単純にHTMLによるWebページ制作が主でしたが、これからはWebフ…

9月7日（土）の日記です。 休日という事で、読み終わっていない本を読んだりProgateの復習を行う事にしました。 まずはランディングページの制作に関して参考になるかと思って少しずつ読み進めていた、あびるやすみつ氏著書の『LP ランディングページの教科…

9月6日（金）の日記です。 先日は生のHTML・CSSでランディングページを書きましたが、本日は同じWebページを今度はBootstrap4にて書く事にしました。 目的としてはBootstrapの復習もそうですが、やはり実務ではBootstrapを使う機会が多いと思うので、ランデ…

9月5日（木）の日記です。 本日はひたすらレスポンシブ対応に向けてSASSのコードの見直しと修正を行いました。レスポンシブ化にもそれ程労力を費やさないレイアウトをあらかじめ考えていたのですが、やはり実際に適用させるとなると、そう簡単にはいかないみ…

9月4日（水）の日記です。 何とか、PC版のランディングページが完成しました。 Bootstrap4を使わず生のcssで作ってみた感想ですが、代わりにflexboxを使用したので思った程作成に手間が掛かった様な感じは受けませんでした。「横並びにしたいブロックを floa…

9月3日（火）の日記です。 先日作成したデザインカンプの画像を元に、本日はHTMLにてWebページ制作を開始しました。 ちなみに今回はBootstrap4を使わず生のHTML・CSSでレスポンシブを踏まえたページを制作すると共に、先日Progateで新しく始まったFlexboxの…

9月2日（月）の日記です。 前回ランディングページのワイヤーフレームを制作したので、この日はデザインカンプ（デザインの完成見本図）を作ってみました。 文面やレイアウトに色使い等、最初は巷のサンプル等はあえて見ずに自分のアイディアだけで挑戦して…

8月30日（金）の日記です。 Bootstrapにもある程度慣れてきたので、本日からは実際に仕事で制作するとされる「ランディングページ」のスキル取得に向けて勉強を始めました。 ランディングページを簡単に調べたところ、 「検索結果や広告などを経由して訪問者…

8月29日（木）の日記です。 今回もBootstrap4を用いたサイト制作は行ないましたが、初めての試みで、メールフォームの送信機能の実装を行ないました。 まずは完成形です。 実際に各項目を入力して送信すると、下記の様に完了ページに飛び、メールが送信側と…

8月28日（水）の日記です。 前回ではBootstrap4を用いてPC版の写経を行ないましたが、今回はこのサンプルサイトを「スマホ」と「タブレット」にも適用するレスポンシブサイトにしてみます。 Bootstrap4の規定に従い、スマホ版は画面横幅が544px以下、そして…

8月27日（火）の日記です。 先日からBootstrap4の写経を行ないまして、ようやく1つのサンプルサイトが出来上がりました。 結論から言うと、1度ハマりました。 今まではサンプルのコードを書いていたから形に出来ていただけで、いざ写経となると本当に使いこ…

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月12日（月）の日記です。 SQLのレッスンをがっつり受けて、大分SQL文の仕組みと検索の仕方を身体で覚える事が出来ました。 当初は本に書いてある「SELECT」とか「FROM」すら深く理解せずに入力していましたが、理解出来ると実に分かりやすく検索出来るコー…

8月10日（土）の日記です。 この日はターミナルとGitの使い方を学びましたが、ターミナルでGitを扱った事は1度も無く、SourceTreeに頼っていた自分がいたので、ターミナルに慣れておくとスピードが上がるのが実感出来ましたね まあ、パッと見でプロジェクト…

8月9日（金）の日記です。 jQueryの中級・上級のレッスンをようやく修了しました。巷のサイトで使われているスライド機能やモーダルウィンドウ、ページトップへの遷移、便利な機能の基本を学ぶ事が出来て大満足です。 ですが、とにかく時間が掛かりました。1…

8月8日（木）の日記です。 JQueryのレッスンを中心に勉強しましたが、本当にJQueryは便利です（笑）。 「アコーディオン」という、クリックによって隠れた文章等を表示する機能もそうなんですが、「モーダルウィンドウ」という機能が凄かったです。というか…

8月7日（水）の日記です。 この日は予定があったのでProgateのレッスンは22時以降に可能な範囲で進めました。内容はJavascriptのES5なんですが、すでにES6を学んでおりますので、違いを確認しつつ、どんどん先に進めたいと思います。 また、新たなフリーラン…

8月6日（火）の日記です。 ようやくPHP基礎のレッスンが終わりました。昨日の日記でも書きましたが、やはりhtml内へのPHPコードの組み込み、これが難しかったです。まあ最終的に慣れればどうってこと無くなるとは思うんですが...。 よって、次からは「Webデ…

8月5日（月）の日記です。 「Progate」ですが、この日からPHPのレッスンに入りました。 結論としては、やはり今までのhtml・cssやJavascriptの基本と比べると難しいです。計算や分岐等の内部処理については今までの要領で解決出来るけど、いざhtml内にPHPの…

8月4日（日）の日記です。 Javascriptのレッスンが午前中に全て終わったので、午後は自宅のPCのセッティングをやっていました。Windows7 ↓ LiveUSBを作成してWindows10 Homeにアップグレード ↓ そのLiveUSBを使って、今度はBIOSから新規にWindows10をクリー…