1. アイデア
1.1. 全員が運営者
1.1.1. Zennのような幅広さ
1.1.1.1. Zennは敷居、ハードルが少し高いイメージ
1.1.1.2. Zennほどしっかりしていない記事を気軽に投稿できる
1.1.2. レス機能がある
1.1.3. 記事を投稿
1.1.4. WordPressのメンバー制?
1.1.5. ログインサービス
1.2. ライブコーディング・レビュー
1.3. イメージマイニング
1.3.1. 説明より描写
1.3.1.1. 説明が長くなったら「例えば〇〇」
1.3.1.2. 既知より未知に誘導すると理解してもらいやすい
1.3.2. 人は行動するイメージをした瞬間に欲しくなる
1.3.3. スティーブジョブズはiphoneの説明よりソファでインターネットができることをイメージさせた
2. 名前
2.1. 集まる・憩いの場
2.1.1. coding junctiob
2.1.2. cafe
2.2. 土台となるもの
2.2.1. foundation
2.2.2. basement
2.3. 実行・行動
2.3.1. Right Here Right Now
2.4. 他コミュニティ例
2.4.1. シナカフェ(カフェ)
2.4.2. shibajuku(塾)
2.4.3. chotdesign
2.4.4. codedesign
2.5. 参考
2.5.1. 記憶に残るネーミングの5つの法則|1度聞いたら忘れない「名前」の付け方 | キャリアハック(CAREER HACK)
3. コンテンツ
3.1. 相談するスペース
3.1.1. slackまたはchatwork
3.1.1.1. slack
3.1.2. twitter感覚で見られる
3.2. 知識・スキル・ツール置き場
3.2.1. 言語など
3.2.1.1. HTML
3.2.1.2. CSS(Sass)
3.2.1.3. JavaScript(jQuery)
3.2.1.4. TypeScript
3.2.1.5. WordPress(PHP)
3.2.1.6. Vue.js(Nuxt..js)
3.2.1.7. React.js(Next.js)
3.2.2. デザインツールなど
3.2.2.1. Illustrator
3.2.2.2. Photoshop
3.2.2.3. XD
3.2.2.4. Figma
3.2.2.5. Zeplin
3.2.3. VSCode
3.2.3.1. 拡張機能
3.2.3.2. キーボードショートカット
3.2.3.3. スニペット
3.2.4. コーディング効率化ツール
3.2.4.1. ビルド・バンドルツール
3.2.4.1.1. gulp
3.2.4.1.2. webpack
3.2.4.2. リンター・フォーマッター
3.2.4.2.1. Prettier
3.2.4.2.2. ESLint
3.2.4.3. Local by Flywheel
3.2.5. ホスティングサービス
3.2.5.1. Git/GitHub/GitHubDesktop/GitLab/SourceTree
3.2.5.2. Netlify
3.2.6. その他オンライン上で使えるツール
3.2.6.1. clip-pathメーカー
3.2.6.2. ファビコンジェネレータ
3.2.6.3. 後ほど追加
3.3. ロードマップ・おすすめ教材
3.3.1. フロントエンドロードマップ
3.3.2. 教本
3.3.2.1. 書籍
3.3.2.2. kindle
3.3.2.2.1. コーディングブックシリーズ
3.3.2.2.2. 速習シリーズ
3.3.3. 動画
3.3.3.1. Udemy
3.3.3.2. YouTube
3.3.3.3. 海外サイト
3.4. コードレビュー
3.5. 練習問題
3.6. マークアップについて複数の実装方法を検討し合う
4. ターゲット
4.1. 会社に先輩がいないコーダー・エンジニア(Web制作・フロント中心)
4.1.1. webデザイナー兼務
4.2. フリーランスの方
4.3. 個人で会社経営している代表・社長
4.4. 実務経験があることが望ましい
4.4.1. 初学者がいてもよい?
4.4.1.1. 初学者かどうかの証明は?
4.4.2. 初学者だと一方的になるかも
4.4.2.1. 教える側の負担
4.4.2.2. 教わる側の遠慮
4.5. 非ターゲット
5. 運営・入会について
5.1. 入会について
5.1.1. 仕事の忙しさで変わるので年会費はナシ
5.1.2. 審査制?
5.1.3. 紹介制
5.1.4. 入会費?
5.2. 投げ銭システムあるとよい(povoみたいに個人の都合に寄り添ったシステム)
5.2.1. コーヒーショップギフトカード
5.2.2. 代表的なシステム
5.2.2.1. Amazonギフト券
5.2.2.2. PayPal.me
5.2.2.3. note→×
5.2.2.4. Ofuse
5.2.2.5. LINEギフト
5.3. 継続性のあるコミュニティ
5.3.1. 月額費用?
5.3.2. 記事の更新、投稿?
5.4. 仕事をしながらなのでTwitter感覚で見る場所にしたい
5.5. サイトで運営
5.5.1. ドメイン・サイト名
6. コミュニティの目的
6.1. コーディングスキルを上げたい
6.1.1. コーディング速度UP
6.1.2. より良いサイトをつくる
6.1.2.1. デザインに忠実に
6.1.2.2. セマンティック
6.1.2.3. アクセシビリティ考慮
6.1.2.4. パフォーマンスの高いサイト(高速化)
6.1.2.5. メンテナンス性が高い
6.1.2.6. 表現の幅を広げる(インタラクティブ)
6.1.3. 仕事・人生に還元
6.1.3.1. 年収アップ
6.1.3.2. 転職の幅を広げる
6.1.3.3. 独立する(起業・フリーランス)
6.2. 現場・実務でしか得られない情報を共有したい
6.2.1. デザインカンプ→コーディングの工程
6.2.2. ファイル・フォルダの管理
6.3. コードレビューの機会が欲しい(見る側・見られる側)
6.4. 困ったときに相談できる仲間が欲しい
6.4.1. 仕事
6.4.1.1. 急務の場合は投げ銭システム?
6.4.2. 普段の勉強
6.4.3. ググってもググっても解決できないときがある
6.4.4. オフ会などの交流
6.4.4.1. 顔を知ってるかどうか、会ったことがあるかどうかで心の距離が大きく変わる
6.4.4.2. リアルタイムで相談できる場
6.5. 某コーディングコミュニティの選考に落ちた(すでに実務で活躍されてそうなので、という理由)
7. 自己紹介
7.1. 実務経験2年(2021年8月からweb業界3年目)
7.1.1. 2021年現在の会社に入社するまでは実務でコーディングする機会が少なかったため、実質まだ1年目くらいのレベル
7.2. 制作会社勤務
7.2.1. エンジニア・コーダーの先輩がいない
7.2.1.1. コーディングができるwebデザイナーは2人いる
7.2.1.2. ディレクターさんもwebにそこまで詳しいわけではない
7.2.1.3. 前任のエンジニア(2人)は自分よりスキルが高かった
7.2.1.3.1. GitHubを見て勉強はできるが、webの知識・常識は流行が変わりやすい
7.2.2. 元々グラフィックデザインの会社でここ5年くらいでwebの案件も増やしてきている
7.2.3. 自分の裁量が大きい分、自由にできるが負担も大きい
7.2.3.1. 正しい知識を身につけたい
7.2.3.2. 別の制作会社のやり方などを知りたい
8. サイト
8.1. メンバーが自由投稿
8.1.1. WordPress
8.1.2. microCMS