N予備校プログラミングコース座談会 in 2021.1

Transcript

1. プログラミングコース座談会 N予備校プログラミングコース

2. プログラミングコース座談会 プログラミングコース座談会は、プログラミ ングに関する相談・悩みへの回答や、N予備 校プログラミングコースについての意見交換 会などを行う番組です。

3. • 津野 貴大(つの たかひろ) • ハンドルネーム labeneko • ドワンゴエンジニア10年目の31歳 •

   過去の担当サービスはニコニコ静画・ニコニコ漫画 • 生放送授業の運営コメントもやってます（不定期） • 趣味 ◦ 折原先生とランチ ◦ フォーラムの質問への回答（月間ランキング4ヶ月連続1位！） ◦ 最近は体力づくりでリングフィットアドベンチャーやってます 本日のゲスト

4. 本日のテーマ 1. Webサービスを作っても、使われずに閑古鳥が鳴いて います。どうすれば使われるwebサービスに育ちます か？ 2. intro-curriculum-3020あたりから、どのファイルが なんの働きしてるのかよく分かってない。 3. Gitを使ったGithubのリポジトリの作り方がよく分か

   らないので、教えてもらいたいです 4. フレームワークの習得のコツを教えて下さい。 5. - フリータイム - プログラミングコース座談会 at 2021-01

5. Webサービスを作っても、使われずに 閑古鳥が鳴いています。 どうすれば使われるwebサービスに育 ちますか？ 要 望

6. • 津野は個人でWebサービスを複数運営しています ◦ アドベントカレンダーに記事書いてます！ ▪ N予備校講師陣および関係者のアドベントカレン ダーからいけます(12/8の記事) ◦ 全運営サイト合わせて年間3000万ページビューほど •

   抑えておきたいこと（津野の失敗を踏まえつつ） ◦ 長く続けることを目標にする ◦ アクセス数を伸ばすために最低限やることはやる Webサービスの作成

7. • アクセス数のあるサイトは狙って作れない • 自分が欲しいサービスを作る • 可能な限り自動でサイト運営できるものにする ◦ ブログサイトとかはいずれ飽きる • ブームにむやみに乗らない

   ◦ みんなブームに乗って競争になる ◦ ブームが終わったら続けるモチベーションが無くなる • 自分がやってて楽しいと思えるサイトが理想 長く続けることを目標にする

8. • 分かりやすいサイト名と説明文（特に重要） ◦ パッと見て何やってるかわからないサイトに人は来ない • モバイルサイト対応 ◦ アクセスの大半はモバイルから ◦ Bootstrap等使う

   • SNS対応 ◦ OGP対応・Twitterボタン等で広める努力は大事 ◦ SNSからのアクセスは期待しないほうが良い 最低限やることはやる

9. intro-curriculum-3020あたりから、 どのファイルがなんの働きしてるのか よく分かってない。 質 問

10. • 分かりやすいサイト名と説明文（特に重要） ◦ パッと見て何やってるかわからないサイトに人は来ない • モバイルサイト対応 ◦ アクセスの大半はモバイルから ◦ Bootstrap等使う

    • SNS対応 ◦ OGP対応・Twitterボタン等で広める努力は大事 ◦ SNSからのアクセスは期待しないほうが良い 最低限やることはやる

11. lib ライブラリ、モジュール系のjsファイル view pugファイル、HTMLに変換される .gitignore Git管理しないディレクトリ、ファイルを記述 index.js サーバー起動時に呼ばれるjsファイル package.json 依存モジュールやパッケージ情報を管理する

    test.js テストで実行するファイル

12. Gitを使ったGithubのリポジトリの作 り方がよく分からないので、教えても らいたいです 質 問

13. • 連携に必要なものは4つ ◦ Github上にリポジトリがあること ◦ 手元PCのプロジェクトがGit管理されていること ◦ 手元PCのプロジェクトがGithubのリポジトリと連携してい ること ◦

    手元とGithub上に同じコミットが1つ以上ある GitとGithubの連携

14. • Github上にリポジトリを作るとコマンドがついてくる 連携に必要なコマンド

15. • Github上でREADMEファイルを作って、git cloneすれば、同じ 状態になる ◦ サイト上の操作で簡単 • git cloneで以下のことをやってくれる ◦

    ディレクトリ作成 ◦ Githubとの連携 ◦ Github上のコミットを持ってきて、手元用のmainブランチ も用意してくれる もっと簡単なやり方(こちらが主流)

16. • .gitignoreを作ってくれる ◦ 「コミットするときに無視するファイルやディレクトリ」 を指定するファイルを作ってくれる ◦ NodeJSで開発していると、 node_module下の変更は無視し たいって思いますよね？ ▪

    開発予定のライブラリにあわせて、無視すべきファイル やディレクトリを自動で設定してくれます • ライセンスを選べばライセンスファイルも作ってくれる ◦ 自分で作るとなると大変ですよね！ Github上で準備することのメリット

17. フレームワークの習得のコツを教えて下 さい。 暗記科目のように使い方を覚えるという 認識なのですが、なかなか辛いです。 質 問

18. フレームワークは暗記科目

19. フレームワークは暗記科目

20. Webアプリケーションの基本を学ぶ

21. フレームワークを体系立てて学ぶ Webアプリケーションの基本を学ぶ

22. • 公式チュートリアルを試す ◦ Express: Getting Started • 非公式のチュートリアルを試す ◦ MDN

    Web Docs: Express Web フレームワーク ◦ Qiita: Express(Node.js)チュートリアル • 日本語の入門書を読む ◦ Node.js + Express入門 - JavaScriptとコマンドラインがちょっと わかる人がNode.jsを使うサーバーサイド開発に入門するための本 フレームワークを体系立てて学ぶ

23. フリータイム