06javascript合宿 プログラミングJavascript練習コードHTML JavaScript勉強 2日目：小さく分けて、配列を味方に、そしてデータを取る 今日のゴール 関数を小さく分ける設計感覚をつかむ map / filter / reduce の「雰囲気＋使いどころ」を体感 fetch でAPIからJSONを取り、画面に表示 1日目のカウンターを発展させて、ToDoアプリを完成（localStorage保存） 1. 関数は「小さく」「役割ひとつ」 まずは“その関数、... EBI Dev Lab
06javascript合宿 プログラミングJavascript練習コードHTML JavaScript勉強 1日目：まず「動かす」→「触る」→「わかる」 今日のゴール ブラウザで Hello, JavaScript! が出る ボタンをクリックして数字が増える（DOM操作） つまずいたら自分で原因を見つけられる（DevTools/console） 0. 環境準備（5分） ブラウザ：Chrome（Edge/Safari でもOK。この記事はChrome基準） エディタ：VS... EBI Dev Lab
02プログラミング プログラミングJavascript練習コードHTML 初心者向け「コピペで動く」バニラJavaScriptのカレンダーアプリと作り方 この記事で作るもの 月ごとのカレンダー（前月・次月・今月ボタン） 日付クリックでモーダルが開き、その日の予定を追加・削除 予定はブラウザのローカルストレージに保存（自動で永続化） 予定のエクスポート/インポート（JSON） 使い方（超シンプル） 下のコードをそのまま1つのHTMLファイルとして保存（例：easy-cal... EBI Dev Lab
05その他 プログラミングその他集中力モチベーション モチベーションは「設計」できる やる気は気分任せではなく、環境と手順の設計で大きく左右されます。心理学の基盤理論である**自己決定理論（SDT）**は、やる気が高く安定しやすい条件として「自律性・有能感・関係性」の3要素を示します。仕事や学習でこの3つが満たされるほど、内発的動機づけと持続が高まる、というものです。最近のレビューや教育領域のメタ分析で... EBI Dev Lab
05その他 機能紹介 無料で利用できるプロフィールサイト作成サービス おすすめ10選 X（旧Twitter）のプロフィール欄に貼れるURLは文字数の都合で限られ、Instagramも基本はリンクを1つしか置けません。そこで活躍するのが、複数のSNSやサイトを1ページに集約できる“プロフィール作成サイト（リンクインバイオ系）”です。 本記事では、テキストやURLを入力するだけで作れるリンク集タイプと、ドラ... EBI Dev Lab
05その他 Procom機能紹介比較 【比較】Lit.link・Linktree vs Procom リンクまとめだけじゃない！自分を魅せるならProcom SNSやWeb上で自分のリンクをまとめるサービスといえば、Lit.link や Linktree が有名ですよね。InstagramやTwitter（X）のプロフィール欄にリンクを一つ置くだけで、そこから他のSNSやサイトに誘導できる便利な仕組みです。 でも… 「... EBI Dev Lab
01Procomについて プログラミングProcom機能紹介pickup 【完全解説】Procomの全機能まとめ！これ一つでSNSもイベントも魅せられる みなさん、SNSや活動の情報、バラバラに管理していませんか？YouTubeはYouTube、InstagramはInstagram、イベント情報はまた別のサイト…これでは見てくれる人に全部を届けるのが難しいですよね。 Procom は、あなたのSNSや活動情報を1ページにぎゅっとまとめて魅せられるプラットフォームです。... EBI Dev Lab
05その他 プログラミングJavascriptエディタ 初心者から上級者まで使えるおすすめエディタ「VSCode」と「WebStorm」 プログラミングを始めるとき、真っ先に用意したいのが「エディタ」です。エディタとは、ソースコードを書くためのアプリケーションのこと。良いエディタは作業効率を劇的に上げ、学習のモチベーションまで高めてくれます。 今回は、世界中で愛される無料エディタ Visual Studio Code（VSCode） と、プロフェッショナ... EBI Dev Lab
02プログラミング プログラミングJavascript練習コード JavaScript初心者が楽しく学べる！マウス・キーボードで動く簡単Webアプリ5選 はじめに JavaScriptは「クリックしたら動く」だけではありません。マウスやキーボードのイベントを使えば、自分で操作できるインタラクティブな作品が簡単に作れます。今回は、初心者でも楽しみながら作れる5つのアプリ例を紹介します。 1. 画像の拡大・縮小ビューア マウスホイールで画像を拡大縮小できます。 <im... EBI Dev Lab
02プログラミング プログラミングJavascript練習コード JavaScript初心者でも作れる！達成感がある5つのミニ作品アイデア はじめに 「JavaScriptを勉強しているけど、何から作ったらいいかわからない…」そんな初心者の方、多いですよね。実はJavaScriptは、ブラウザだけで動かせるので、インストールなしですぐに試せるのが魅力です。今回は、初心者でも数時間〜1日で完成できる「作れる物」5選と、簡単なコード例をご紹介します。 1. 時... EBI Dev Lab
