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

N予備校プログラミングコースでは、毎週行っているプログラミング授業のほかに毎月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. フリータイム