Treat Myself

海外生活中アラサー女子の英語・プログラミング学習備忘録

プログラミング独学

【30DAYSトライアル 3rd】1. テーマの初期設定

WordPressをローカル環境で動かせる準備が整ったらいよいよ30DAYSトライアル 3rdの本番が始まります。 第一回目は「WordPressテーマの初期設定+テンプレートファイルを作成する」で、用意されているテンプレートをダウンロードして、WordPress用に新しいフ…

【30DAYSトライアル 3rd】Progate編のまとめと感想(DAY1からDAY7)

30DAYSトライアル 3rdはWordPressの自作テーマを作れるようになるためのトレーニングです。 初めの7日間ではWordPressの自作テーマ制作をするにあって理解しておく必要のあるPHPをオンラインプログラムサイト「Progate」と利用して学んでいきます。

30DAYSトライアル 2nd 余裕がある人向け課題総まとめ

30DAYSトライアル 2ndには本課題に加えて「余裕がある人向け」ということで別の課題がパーツごとに11種類用意されていてその中の9種類を終わらせたました。 余裕がある人向け課題に関しては感想をひとつづつ記事として書いたのでこの記事はまとめ記事になり…

30DAYSトライアル 2nd 30日間総まとめ

東京フリーランスさんが主催している「30DAYSトライアル1st」に引き続き「30DAYSトライアル2nd」も無事完走できましたので、30DAYSトライアル2ndを進めていくと何ができるようになったか? 30日間を振り返ってみます。

余裕がある人向け課題 アコーディオン編 【30Daysトライアル2nd】

30Daysトライアル2nd Day25 余裕がある人向け課題の感想記事です。

余裕がある人向け課題 クリックイベント編 【30Daysトライアル2nd】

30Daysトライアル2nd Day24 余裕がある人向け課題の感想記事です。

【30DAYSトライアル 2nd】最終課題(DAY27からDAY30)

30DAYSトライアル 2nd 最終課題の感想です。

余裕がある人向け課題 フッター編 【30Daysトライアル2nd】

30Daysトライアル2nd Day16 余裕がある人向け課題をやった感想記事です。

余裕がある人向け課題 フォーム編 【30Daysトライアル2nd】

30Daysトライアル2nd Day15 余裕がある人向け課題をやった感想記事です。

余裕がある人向け課題 テーブル編 【30Daysトライアル2nd】

30Daysトライアル2nd Day14 余裕がある人向け課題をやった感想記事です。

【30DAYSトライアル 2nd】アニメーション編②のまとめ&感想(DAY22からDAY26)

30DAYSトライアル 2nd DAY22からDAY26では最終課題にむけて習得必須なjQueryの実装を習得していきます。

CodePen に画像を挿入する方法【無料会員】

無料版CodePenで画像が挿入できたら。。。と思ったことはありませんか? 私が実際使っている簡単に画像を挿入できる方法をご紹介します。

余裕がある人向け課題 ニュース編 【30Daysトライアル2nd】

30Daysトライアル2nd Day13 余裕がある人向け課題をやった感想記事です。

余裕がある人向け課題 カード編 【30Daysトライアル2nd】

30Daysトライアル2nd Day10余裕がある人向け課題をやった感想記事です。

【30DAYSトライアル 2nd】アニメーション編①のまとめ&感想(DAY17からDAY21)

アニメーションをとりいれてページに動きを付ける方法を学んでいきます。

余裕がある人向け課題 Header編 【30Daysトライアル2nd】

30Daysトライアル2nd Day9余裕がある人向け課題をやった感想記事です。

【初心者向け】オススメ模写サイト

Web製作(HTML&CSS)の基本を学んだら実在するサイトを模写するトレーニングがオススメです。 私が実際に模写を行って初心者にオススメの模写サイトをご紹介します。

【30DAYSトライアル 2nd】デザインカンプコーディング編②のまとめ&感想(DAY12からDAY16)

一気にやろうとすると大変かもしれないですが、毎日積み上げていくと完成できるように課題が構成されていて、デザインカンプからのコーディングもDAY16でいったん完成しちゃいます。 DAY12からDAY16の課題と気付いた点をまとめました。

初心者がプログラミング独学を継続させる3つの方法

独学だと挫折しやすいと言われているプログラミング独学を始めて気付いたら3ヶ月以上が経過していましたので、続けれたコツをご紹介します。

【30DAYSトライアル 2nd】SASS・デザインカンプコーディング編①のまとめ&感想(DAY7からDAY11)

30DAYSトライアル2ndの目玉でもあるデザインカンプからのコーディング実践がはじまります。 Progateでの学習の仕上げと、デザインカンプコーディングを実際に行った感想・課題を進めるポイントをまとめました。

SASSの学び方【4種類方法別】

CSSを効率的に記述することができるSASSを4種類の方法を使って学んだので、それぞれのメリット・デメリットをご紹介します。

【30DAYSトライアル 2nd】JavaScript・jQuery編のまとめ&感想(DAY1からDAY6)

30DAYSトライアル2ndでも始めはオンライン学習サイトのProgateを利用してJavaScript・jQueryの基本を学びます。 マークアップ言語のHTMLとはまた違い、JavaScriptではいよいよプログラミングらしい学習が始まりますよ。

オンラインデザインツール「Figma」を使ってみよう

オンライン上でWeb・UI/IXデザインができるデザインツール「Figma」を使ってみたので、基本の使い方と、基本操作を覚えた後の実践方法までまとめました。

【初心者】ブログ型サイト模写の感想

30DAYSトライアル1stのDAY25の課題として取り組んだWordpressのテーマのひとつ「Write」を模写した感想と気付いたことをまとめます。

Firebaseでウェブサイトを公開しよう

「30DAYSトライアル 1st ポートフォリオ編」で作った作品をWeb上に公開する際に「Firebase」のホスティング機能を使いWeb上にアップロードしたので、その方法をまとめした。

【30DAYSトライアル 1st】30日間総まとめ

東京フリーランスさんが主催している「30DAYSトライアル1st」第二回目に参加しましたYaponkaです。 トライアルを進めていく上で実際にかかった費用、そして何ができるようになったか? 30日間を振り返ってみました。

【30DAYSトライアル 1st】実践編②のまとめ&感想(DAY26からDAY30)

30DAYSトライアル最後の5日間、DAY26からDAY30の課題はLP製作を完了させて、これからコーダーとして仕事をこなしていくために知っておくことを学びました。 課題のまとめに加え、課題をこなした私個人の感想・気付いたポイントを綴っていきます。

ポートフォリオを作成するために活用したオンラインツール【30DAYSトライアル1st】

30DAYSトライアル1stの課題のひとつであるポートフォリオを製作・公開した際に使用したオンラインツールのまとめです。すべて無料で使えました。

【30DAYSトライアル 1st】実践編①のまとめ&感想(DAY21からDAY25)

30DAYSトライアルDAY21からDAY25は実践的な課題が増え、自分の頭で考えて、行動する力も必要になる課題が出題されています。 課題のまとめに加え、課題をこなした私個人の感想・気付いたポイントを綴っていきます。

覚えておきたいEmmet 20選(CSS編)

CSSを書く際によく使うEmmetをまとめました。