記事一覧

自己PR・技術質問対応・逆質問の準備とAI面接練習

契約書確認・開発環境準備・初日までの質問事項整理とAI準備支援

エージェント経由の準委任契約で参画する前に知っておきたい、業種・チーム規模・開発手法の基礎知識

オセロの反転ルールを活用した、LOADINGテキストが順次表示されるローディングアニメーション

なぜ動くのかを理解し、問題を発見する思考法

契約形態別のお金の受け取り方と見積・請求の基本

SNSシェアボタンに動きのあるホバーエフェクトを追加。ツールチップ、横展開、アイコンズームの3パターンを実装します

懐かしのRPGコマンドウィンドウ風デザインのラジオボタン。data属性と疑似要素を活用

スクールに向いている人の特徴と、選び方・通い方のポイント

白黒とカラーが切り替わりながらパルスし、最後に拡大する印象的なローディング演出。霧エフェクトでヒーローセクションへ自然に遷移します

SVG（SMIL）版とCSS（Web Animations API）版の2種類で、ゼリーのように弾むボタンを作って仕組みを学びます。

シンプルなデザインからピル型まで、様々なページネーションパターンをAIと一緒に作成します

見出しが下からスライドアップし、サブタイトルが左から右へ展開されるスクロール連動アニメーション

意味のあるマークアップがもたらす価値と重要性を学び、アクセシブルで検索エンジンに優しいHTMLを理解しよう

HTMLの全ての技術を活用して、クイズに答えて完成度の高いWebサイトを制作する最終プロジェクト

希望条件の整理・経歴説明の練習・質問リストとAI面接練習

レバテック・ギークスジョブなど主要エージェントの特徴と選び方

ランサーズ・クラウドワークスの始め方と最初の案件獲得

エージェント登録に必要な職務経歴書の作り方とAI添削活用

X（Twitter）・GitHubでの発信とAI分析活用

複数行テキスト入力とプルダウンメニューの実装

画像を使った様々なカードデザインパターンを学びます

before疑似要素やdata属性を活用した、タイトル付き囲み枠デザインを17種類紹介します

クライアントに信頼される情報発信の拠点を作る

コーディングAI・デザインAI・翻訳AIなどの活用

Python・機械学習・データ分析の基礎を効率よく身につける方法

ChatGPT・Claude・Geminiなど学習支援AIの活用術

HTML・CSS・JavaScript・フレームワークの基礎を効率よく身につける方法