Web Development

Web Development

【CSS】インライン要素のバックグランドを改行しても保つ方法

日々Web制作をしていく中で学んだCSS忘備録です。 今回はインライン要素のバックグランドのデザインを改行しても保つことのできる「box-decoration-break」です。
Web Development

WordPressオリジナルテーマ制作【WPインストール】

WordPressの学習記録としてWordPressのオリジナルテーマの制作の記事をステップごとに紹介しています。 第1回目はWordPressをローカル環境でインストールする方法と、知っておきたいWordPressのファイル構造の説明です。
Web Development

未経験から海外Webエンジニアになるまで

海外で未経験から念願のWebエンジニアに就職(転職)することができました! 紆余曲折を経ての未経験エンジニア就職となりますが、私が未経験から海外Webエンジニアになるまでにやったことを振り返りながら、通った道筋を紹介します。
Web Development

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

2019年にTwitterから誕生した格安オンラインプログラミングサービスの「デイトラ」の先駆けとなった「30DAYSトライアル1st」の30日間の課題のまとめ記事です。 30DAYSトライアル1stを進めていく上で実際にかかった費用、そして何ができるようになったか?30日間を振り返ってみました。
Web Development

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

コーディングの基礎学習(HTML&CSS)が終わったら、実在するサイトを模写するのが実力をつけるためにオススメですが、難しいのを選んでしまうと挫折してしまいがちです。 この記事ではサイト模写前の準備から、初心者にオススメの挫折しにくい模写サイトを5つ紹介します。
Web Development

【30DAYSトライアル1st】実践編②

2019年にTwitterから誕生した格安オンラインプログラミングサービスの「デイトラ」の先駆けとなった「30DAYSトライアル1st」の実践編②(Day26からDay30)の課題をまとめた記事です。 30DAYSトライアル1stの最後の5日間、Day26からDay30の課題はLP製作を完了させて、これからコーダーとして仕事をこなしていくために知っておくべきことを学びます。
Web Development

【30DAYSトライアル1st】実践編①

2019年にTwitterから誕生した格安オンラインプログラミングサービスの「デイトラ」の先駆けとなった「30DAYSトライアル1st」の実践編①(Day21からDay25)の課題をまとめた記事です。 Day21からDay25は実践的な課題が増えるので、「自分の頭で考える力」と「行動する勇気」が課題をこなすポイントになってきます。
Web Development

【30DAYSトライアル1st】ポートフォリオ編

2019年にTwitterから誕生した格安オンラインプログラミングサービスの「デイトラ」の先駆けとなった「30DAYSトライアル1st」のポートフォリオ編(Day18からDay20)の課題をまとめた記事です。 Day18からDay20の3日間でポートフォリオを作成します。いままでの課題とは違って受け身の姿勢ではなく、積極的的に手を動かして自分のサイトを完成させていきましょう。
Web Development

【30DAYSトライアル1st】Bootstrap編

2019年にTwitterから誕生した格安オンラインプログラミングサービスの「デイトラ」の先駆けとなった「30DAYSトライアル1st」のBootstrap編(Day11からDay17)の課題をまとめた記事です。 DAY11からDAY17ではCSSのフレームワークで有名な「Bootstrap」の学習をします。環境構築編で準備したローカル環境を使い、「Bootstrap」を使ってLP作成をしていきます。
Web Development

【30DAYSトライアル1st】環境設定編

2019年にTwitterから誕生した格安オンラインプログラミングサービスの「デイトラ」の先駆けとなった「30DAYSトライアル1st」の環境設定編(Day8からDay10)の課題をまとめた記事です。 Day8からDay10では自分のパソコン内でコードを書ける環境を整えるので、自分のパソコンがあればコーディング作業ができるようになります。