Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

9f2edd3fb2cc8feb20221138ca91d9fc?s=47 Hakoeda
December 10, 2021

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

N予備校プログラミングコースでは、毎週行っているプログラミング授業のほかに毎月1回の頻度でプログラミングコース座談会という番組を行っています。

この番組では、授業中での回答が難しい質問や悩み、エンジニア就職に関する話など、授業ではメインで扱うことが難しい話題を取り扱っています。

9f2edd3fb2cc8feb20221138ca91d9fc?s=128

Hakoeda

December 10, 2021
Tweet

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. フリータイム