40代目前の男がフリーランスを目指すブログ

40代目前の男がフリーランスを目指す為の日記です。

自己紹介サイトの制作

しばらく更新していなかったと思いきや、それでも1週間振りだったんですね。もっと月日が経っているのかと感じちゃいました。 何にせよ、結構な無気力状態であった事は事実ですが...。 完璧ではないですが、ようやく自己紹介サイトが形になりました。 https:…

ポートフォリオ作成4日目

10月14日(月)の日記です。 何とも言えない出来ですが、まずは自己紹介サイトの土台を作りました。 https://eewano.github.io/portfolio01/index.html 背景色やレイアウトはまだまだ改良していきますが、雰囲気としてはこの様な感じです。 ちなみに、似顔絵…

ポートフォリオ作成3日目

10月10日(木)の日記です。 ポートフォリオサイトの制作は思った以上に難しいです。やはり1からアイディアを出してWebページを完成させる、これは最初の一歩は非常に大変だという事を身に沁みてます。さてどうしたものか...。 ひたすら唸って考えても時間の…

ポートフォリオ作成2日目&『リーダブルコード』を読んで

10月8日(火)の日記です。 ようやくポートフォリオサイトの制作に意欲というか方向性が確立してきたので、また日記を再開したいと思います。 ...およそ1週間、技術書典7にて購入した本を読んだり、再度Progateをちょこちょこ復習したり、今までの書籍の読み…

気持ちの整理

ポートフォリオの構成がどうしても決まらず、このまま苦悩し続けて作業が停滞するのもマズイので、しばらくは気分転換をする事にしました。 2ヶ月間、勉強一辺倒になった事もあったので、思考の切り替えが必要なのかもしれません。とにかく頭の中がぐちゃぐ…

ポートフォリオ作成1日目

10月1日(火)の日記です。 2ヶ月に渡って、 Progate HTML5 CSS3 Bootstrap ランディングページ WordPress これらを学んできました。あっという間に2ヶ月経ってしまった気がします。 そして、それらに関わる書籍も色々と読み、過去に遡ってみたらおおよそ20…

WordPressの勉強12日目

9月30日(月)の日記です。 約1ヶ月に渡ってWordPressを学んできましたが、9月最後という事で、下記書籍の勉強を最後に10月からは本格的にオリジナルテーマ(ポートフォリオ)の作成を実施していきたいと思います。 バージョンとしては5ではなく4となります…

RustとOpenGLを使った描画練習

9月29日(日)の日記です。 この日は技術書典7にて購入したRust関連の本を進めました。 書籍の内容としては、Rust言語にてOpenGLの機能を使って色々と描画するもので、グラフィック描画の大本とも言えるOpenGLの基礎ですね。 今までOpenGLといえばC言語及びC…

Ubuntu18.04を再インストールとWordPress仮想環境の構築

9月26・27日(木・金)の日記です。 今回は勉強日誌ではなく本当の日記みたいな内容ですね。 26日より、Ubuntu18.04を入れたノートPCでもWordPressの勉強が出来る様に仮想サーバーを構築しようとしていたのですが、 VCCW Local By Fly Wheel この2つのWordPr…

WordPressの勉強11日目

9月25日(水)の日記です。 本日は『グーテンベルグ時代のWordPressノート テーマの作り方(入門編)』のKindle本の3回目の復習を行いました。 ...何で3回もやろうと決めたのかについての理由は、今まで理解出来ていなかったCSS3のGrid Layoutの復習、及びWo…

WordPressの勉強10日目

9月24日(火)の日記です。 『WordPressユーザーのためのPHP入門』を一通り読み終わったので、今度はこの書籍を参考に、9月9日に一度拝見しました「たにぐち まこと氏のプログラミング学習チャンネル」をもう一度復習する事にしました。 たにぐち まことのプ…

WordPressの勉強9日目

9月23日(月)の日記です。 WordPress関連の書籍を2冊勉強しましたが、まだまだオリジナルテーマを独自に制作する為の作り方の理解は出来ておりません。HTML5・CSS3と比較すると覚える内容は沢山あると感じますし、やはり独自のテンプレートに慣れていないの…

「技術書典7」のイベントに行ってきました。

9月22日(日)の日記です。 この日は、技術書典7というイベントに行きました。 技術書典7 様々なサークルがオリジナルの書籍を作って販売する、コミケのプログラミング業界版みたいな感じでしょうか。 実際にイベント会場に入って思いましたが、凄い人数です…

『HTML5 & CSS3 ステップアップブック』によるCSS3 Grid Layout の勉強

9月20日(金)の日記です。 前回から『グーテンベルグ時代のWordPressノート テーマの作り方2(ランディングページ&ワンカラムサイト編)』のKindle本を読んだ結果、やはりCSS3におけるGrid Layoutは学んでおく必要があると感じましたので、急遽そのレイアウ…

WordPressの勉強8日目

9月19日(木)の日記です。 『グーテンベルグ時代のWordPressノート テーマの作り方2(ランディングページ&ワンカラムサイト編)』のKindle本をコツコツ進めて、ようやくランディングページが完成しました。 実はこの書籍では従来のスタイルでランディングペ…

WordPressの勉強7日目

9月18日(水)の日記です。 『グーテンベルグ時代のWordPressノート テーマの作り方2(ランディングページ&ワンカラムサイト編)』のKindle本を進めておりますが、2つの発見がありました。 『グーテンベルグ時代のWordPressノート テーマの作り方(入門編)…

WordPressの勉強6日目

9月17日(火)の日記です。 『グーテンベルグ時代のWordPressノート テーマの作り方(入門編)』のKindle書籍を2回通しで読み、WordPressでのサンプルサイト作成の要領が徐々に掴めて来ました。 少なくともオリジナルテーマの制作の仕方がおおよそ理解出来た…

『HTML5 & CSS3 デザインレシピ集』を読んで

9月16日(月)の日記です。 休日であった為、フリーランスに向けてのスキル取得以外の事をメインにやっていましたが、HTML5・CSS3関連で興味が湧いた本があったのでそれを何日かに分けて読んでいました。 狩野祐東氏 著書の『HTML5 & CSS3 デザインレシピ集…

WordPressの勉強5日目(『グーテンベルグ時代のWordPressノート テーマの作り方(入門編)』)

9月13日(金)の日記です。 本日は『グーテンベルグ時代のWordPressノート テーマの作り方(入門編)』のKindle本を元に、まずは通しでサンプルのWprdPressブログの作成を行いました。 WordPressのオリジナルテーマの制作においては、 index.php functions.p…

WordPressの勉強4日目

9月12日(木)の日記です。 『WordPress標準デザイン講座 第2版』を繰り返し勉強し、今度はミス無く1発でhttps://(SSL対応)のサーバーにあげる事が出来ました。 まだまだWordPressのテンプレートやプラグインについては復習していかないとですが、サーバー…

WordPressの勉強3日目(『WordPress標準デザイン講座 第2版』の続き)

9月11日(水)の日記です。 この日は先日紹介した『WordPress標準デザイン講座 第2版』の書籍を学び終えました。 また、事前に購入しておいたロリポップサーバーに、作成したWordPressのサンプルサイトをアップロードして公に公開するところまでを完了させる…

WordPressの勉強2日目(『WordPress標準デザイン講座 第2版』)

9月10日(火)の日記です。 WordPressですが、しばらくは書籍にて基礎を固める事にしました。 参考にさせて頂くのは、野村圭氏・石原隆志氏 著書の『WordPress標準デザイン講座 第2版』です。 最新のWordPress(Gutenberg)に対応しているとの事で、これを元…

WordPressの勉強1日目

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

Progateの復習 & 『LP ランディングページの教科書』の本を読んで

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

簡易ランディングページの作成6日目

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

簡易ランディングページの作成5日目

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

簡易ランディングページの作成4日目

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

簡易ランディングページの作成3日目

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

簡易ランディングページの作成2日目 & 『ランディングページ 成果を上げる100のメソッド』を読んで

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

簡易ランディングページの作成1日目 & 『文系でもプログラミング副業で月10万円稼ぐ!』を読んで

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