HTML/CSSを学ぶ

「プログラミングを学びたい。ウェブサイトを作りたい、でも何から始めればいいか分からない」という初心者の方にぴったりのレッスンです。ウェブサイトの基本であるHTML/CSSを、成果をすぐに確認しながら楽しく学べます。

さらに、最新の「生成AI」を味方につければ、あなたの創造性は無限大に広がります。AIに文章や画像を生成させる方法も学び、効率的に魅力的なウェブサイトを制作することができます。

また掲示板のような、文字や写真を投稿できるアプリを作ってみたい方には、Ruby on Rails講座もご用意しています。

20代から50代まで幅広い年代の方が、プログラミングの第一歩を踏み出しています。一人ひとりのペースに合わせた丁寧なサポートで、安心して学習を進められます。

週1回、1回2時間のレッスンで、およそ1ヶ月後には自分のウェブサイトを作れるようになります。学んだスキルを活かして、会社のサイトや趣味のコミュニティサイトを立ち上げるなど、可能性はあなた次第です。

レッスンは名古屋市内のカフェでの対面形式、またはビデオ通話でのオンライン形式に対応しています。「まずは話だけ聞いてみたい」という方も、お気軽にお問い合わせください。

HTML

見出しや段落、画像などページの構造を定義するマークアップ言語です。意味のあるタグを使い分けることで検索性やアクセシビリティも向上します。

CSS

色やフォント、余白、レイアウトを細かく調整し、デザイン性の高い画面を作るスタイルシート言語です。レスポンシブ対応でデバイスごとの最適表示も担います。

JavaScript

クリック時の反応やアニメーション、フォームのバリデーションなど、Webページに動きを加えるためのプログラミング言語です。モダンなライブラリとの連携で表現力が広がります。

Slim

HTMLをシンプルなインデント構造で記述できるテンプレート言語です。冗長なタグを省き、読みやすく保守しやすいコードを書けます。

Bridgetown

Slim や Markdown をまとめて処理し、サイト全体をビルド・ホスティングまで効率化する静的サイトジェネレーターです。拡張性の高いプラグインで運用も柔軟に行えます。

Git

コードの変更履歴を時系列で管理できるバージョン管理システムです。お一人で学習・制作を進める際にも、いつでも過去状態へ戻せるため安心して試行錯誤でき、長期的な作品づくりを力強く支えてくれます。

【第1回】環境構築とAIによる土台作り

• 環境設定：エディタのインストールと初期設定。
• HTMLの基礎：マークアップの基本ルールを理解し、ウェブサイトの骨組みを作成します。
• AIエディタの活用：AIの自動補完やテンプレート機能を使い、効率的にHTMLを記述する方法を学びます。

【第2回】CSSによるデザインとレイアウト

• CSSの基本：フォント、色、テキストの装飾など、デザインの基礎を学びます。
• AIによるレイアウト支援：CSSグリッドレイアウトをAIの提案機能で迅速に組み上げ、レスポンシブデザインの基礎を学びます。
• 実践：ヒーローイメージやボタンなど、主要パーツの見栄えを整えます。

【第3回】応用技術と表現力の向上

• ウェブフォントと擬似要素：ウェブフォントやCSS擬似要素を使い、デザインの幅を広げます。
• AIによるアイデア出し：記事一覧のレイアウトなど、デザインのバリエーションをAIに提案させる方法を学びます。
• JavaScript入門：ウェブサイトに動きを加えるJavaScriptの基本的な役割や、簡単なコードの記述を体験します。

【第4回】ページ完成と公開

• コンテンツ追加：テーブルやフォーム、フォントアイコンなど、ウェブサイトに必要な要素を追加します。
• 最終調整：完成したウェブサイトの最終チェックと修正を行います。
• サイト公開：Netlifyを使って、作成したウェブサイトをインターネット上に公開する手順を学びます。
• Slimテンプレート：HTMLを簡潔に記述できるSlimの記法を習得します。
• Bridgetown活用：Bridgetownでのビルドと公開フローを体験し、静的サイト運用の基礎を学びます。

iPhoneにも対応したレスポンシブデザインで、次のようなサイトを作成していきます。

対面での講座

プログラミングを習得されたいあなたへ向けて、独学で学べる多数のオンライン講座もございますが、分からない点、疑問点を気軽に聞ける対面での講座は、学習意欲の維持や技術習得の観点からとてもお勧めです。

遠方の方には、ビデオ通話と画面共有ソフトを用いた遠隔でのご指導もいたしておりますので、お気軽にお声掛け下さい。

学びの形

先生が前に立ち、生徒は机に座って、授業を受ける。分からない点があっても質問できず四苦八苦してしまう。よくあるパソコン教室での学びはこのようになりがちです。

もっと気軽に情報技術(IT)やプログラミングを学んで欲しい。そんな想いから喫茶店等での個人指導を中心に行っています。

ちょうど家庭教師のような、あるいは共に技術向上を目指す仲間のような意識を持っていただければと思っております。

お友達や、会社、サークルの仲間達とご一緒に公共施設や会議室を借りてのグループレッスンも行っております。

こんな方が学んでいます

大学受験に活かしたい高校生の方〜在宅でお仕事をなさりたい主婦の方、お仕事に活かしたい社会人の方や、定年後の新しい趣味として学んでみたい方など、10代〜60代まで、老若男女、様々な方が学んでいます。

学習期間

学習期間ですが、週一回二時間、おおよそ二ヶ月を目安にしていただければと思います。

週二回学びたい、土日に纏めてやりたい、など対応させていただきますので、お気軽にご相談ください。

お近くの喫茶店でミニ講座も

喫茶店などでお打ち合わせやミニ講座を行っています。ご質問やご希望をお聞かせいただき、良い出会いとなることを願っています。