inner study

https://gist.github.com/sakakendo0321/3383bff8d3899c802bd3b294e350bb5b

Transcript

1. 勉強会 vol.1 web アプリケーションについて @sakakendo
2. ⽅針 講習と実践を通じて Web アプリケーションを理解し実装ができるようになる。 今回は特にWeb アプリケーションの全体像からrails を主に扱う
3. Web アプリケーションの動く仕組み url を⼊⼒してから何が起きてるのか https://github.com/hatena/Hatena-Textbook/blob/master/web- application-development.md https://developer.mozilla.org/ja/docs/Learn/Getting_started_with_the_ web/How_the_Web_works
4. framework とは より構造的にウェブアプリケーションを構築するための仕組み。 規約に従ってファイルを配置したり関数を実装することでhtml の⽣成 やデータベースの設定などを⾃動で⾏ってくれる。 データベースなどを直接触らずに更新するなど低レイヤの抽象化をして くれる。 フレームワークによってそれぞれ思想や性質などの差異がある。 example) rails, ask,django https://ja.wikipedia.org/wiki/Web アプリケーションフレームワーク
5. rails とは Ruby で書かれたフレームワーク、Ruby の⽣みの親が⽇本⼈であり、⽇ 本のコミュニティが活発でドキュメントも多い、メインのフレームワー クとして採⽤している企業も多い。 Model-View-Controller architecture とREST-ful を基本原則とする。 哲学 DRY Don't Repeat Yourself( 同じことを繰り返さない) CoC Convention over Con guration ( 設定より規約) https://rubyonrails.org/
6. rails tutorial rails guides tutorial https://railsguides.jp/getting_started.html rubyist magazine tutorial https://magazine.rubyist.net/articles/0059/0059-Ruby-Rails- Beginners-Guide.html
7. rails の構成 https://adrianmejia.com/blog/2011/08/11/ruby-on-rails-architectural- design/
8. フロントエンド View として実際にユーザーが接する部分。たぶんまた次のLT とかでだ れかが掘り下げてくれる。 html css javascript React
9. React virtual DOM という技術で部分的にレンダリングを更新することでより 早く効率的に描画することができる。 JSX という記法でcomponent を扱いやすくしてくれる。 tutorial https://qiita.com/NanayaKto/items/3ac123a61230c54c275f browser 上での環境でのプログラミング https://qiita.com/NanayaKto/items/3ac123a61230c54c275f
10. まとめ、次回のための導⼊ 今回は仕組みの基本的なところからRails,React の話をした。複数⼈での 開発⼿法やバージョンの管理、サーバーなどの知識が必要になるので、 今後は以下のロードマップを追いかけながら知識を深めていく。 https://github.com/kamranahmedse/developer-roadmap この 作品 は クリエイティブ・コモンズ 表⽰ - ⾮営利 - 継承 2.1 ⽇本 ラ イセンスの下に提供されています。