デイトラWeb制作

デイトラWeb制作

AIを活用してコーディング!? Web制作コース中級編Day3「AIを活用した効率的なコーディング手法」  

GitHub CopilotやCursorを使った効率的なコーディング手法を学びます。AIツールの活用でエラーを減らし、作業を迅速に進める方法を紹介。特にGitHub Copilotのリアルタイムコード提案機能が魅力。
デイトラWeb制作

実践的なSassテクニックを学習! 書籍「Sassの教科書」で現場で使えるSassテクニックを学習しました

Sassの教科書から学んだ実践的なテクニックを紹介。ファイルの分割管理や変数の一元管理、ミックスインの活用方法を解説し、コーディングの効率を向上させる方法を学びます。
デイトラWeb制作

Figmaを使ってみよう! Web制作コース中級編Day1&2 「FigmaでWebカンプを作ってみよう」  

デイトラ中級編初回講義「FigmaでWebカンプを作ってみよう」の学習記録。Figmaの基本操作、PC版とスマートフォン版のWebカンプ作成方法、グループ化や共有方法を詳細に解説。
デイトラWeb制作

ポートフォリオサイトを公開! Web制作コース初級編Day32 「ポートフォリオを公開してみよう!」

デイトラWeb制作初級編の最終回では、ポートフォリオサイトをインターネット上に公開する手順を解説。サーバー契約からドメイン取得、FTPツールの使い方まで、初心者向けに詳しく説明しています。
デイトラWeb制作

オリジナルポートフォリオサイトにしよう! Web制作コース初級編Day31 「自分のポートフォリオサイトを作ろう(ブラッシュアップ編)」

自分だけのオリジナル要素を追加したポートフォリオサイトのブラッシュアップ過程を紹介。テキストや画像の変更、配色の調整、デザインの工夫など、具体的なステップで完成させます。
デイトラWeb制作

ポートフォリオサイトの雛形が完成! Web制作コース初級編Day30 「自分のポートフォリオサイトを作ろう(レスポンシブ対応と最終確認)」

ポートフォリオサイトのレスポンシブ対応を学び、PCやタブレットでバランスよく表示されるデザインを実現。Sassを活用し、headerやメインコンテンツの調整を行いました。
デイトラWeb制作

スマホ版ポートフォリオサイトが完成! Web制作コース初級編Day29 「自分のポートフォリオサイトを作ろう(スマホ版完成編)」

デイトラWeb制作初級編の学習記録。ポートフォリオサイトのスマホ版完成までのプロセスを解説。About、Work Flow、Message、Contact、footerの各セクションの作成方法を具体的なコード例と共に紹介します。
デイトラWeb制作

ファーストビューなどを作成しよう Web制作コース初級編Day28 「自分のポートフォリオサイトを作ろう(ファーストビュー~Worksセクション編)」

この記事では、デイトラWeb制作初級編で学んだ内容を元にポートフォリオサイトのファーストビューとWorksセクションを作成する手順を紹介。具体的なHTMLとSassのコード例を使って分かりやすく解説しています。
デイトラWeb制作

headerを作成しよう Web制作コース初級編Day27 「自分のポートフォリオサイトを作ろう(header編)」

デイトラWeb制作初級編Day27の学習記録です。ポートフォリオサイトのヘッダー部分の作成方法を詳しく解説し、HTML、Sass、SVG、jQueryを使った実装方法について紹介しています。
デイトラWeb制作

Sassの機能をさらに学習! 書籍「Sassの教科書」でより詳しくSassの便利機能を学習しました

この記事では、Sassの高度な機能について「Sassの教科書」を基に学習を深めます。ネスト、@at-root、条件分岐、繰り返し処理など、効率的なスタイルシートの作成に役立つ機能が詳しく解説されています。Sassを使いこなし、より洗練されたCSSを実現しましょう。
スポンサーリンク