Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
inner study
Search
sakakendo0321
April 17, 2019
1
60
inner study
https://gist.github.com/sakakendo0321/3383bff8d3899c802bd3b294e350bb5b
sakakendo0321
April 17, 2019
Tweet
Share
More Decks by sakakendo0321
See All by sakakendo0321
meister chapter4
sakakendo0321
0
27
Introducing static site
sakakendo0321
0
30
open source 2
sakakendo0321
0
46
pass the test
sakakendo0321
1
200
meister 2018 final
sakakendo0321
0
34
Featured
See All Featured
Art, The Web, and Tiny UX
lynnandtonic
298
20k
Code Reviewing Like a Champion
maltzj
521
39k
How STYLIGHT went responsive
nonsquared
98
5.3k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Building Better People: How to give real-time feedback that sticks.
wjessup
366
19k
Producing Creativity
orderedlist
PRO
343
39k
Build The Right Thing And Hit Your Dates
maggiecrowley
34
2.5k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
175
51k
Bash Introduction
62gerente
610
210k
RailsConf 2023
tenderlove
29
1k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
29
2.2k
Transcript
勉強会 vol.1 web アプリケーションについて @sakakendo
⽅針 講習と実践を通じて Web アプリケーションを理解し実装ができるようになる。 今回は特にWeb アプリケーションの全体像からrails を主に扱う
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
framework とは より構造的にウェブアプリケーションを構築するための仕組み。 規約に従ってファイルを配置したり関数を実装することでhtml の⽣成 やデータベースの設定などを⾃動で⾏ってくれる。 データベースなどを直接触らずに更新するなど低レイヤの抽象化をして くれる。 フレームワークによってそれぞれ思想や性質などの差異がある。 example)
rails, ask,django https://ja.wikipedia.org/wiki/Web アプリケーションフレームワーク
rails とは Ruby で書かれたフレームワーク、Ruby の⽣みの親が⽇本⼈であり、⽇ 本のコミュニティが活発でドキュメントも多い、メインのフレームワー クとして採⽤している企業も多い。 Model-View-Controller architecture とREST-ful
を基本原則とする。 哲学 DRY Don't Repeat Yourself( 同じことを繰り返さない) CoC Convention over Con guration ( 設定より規約) https://rubyonrails.org/
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
rails の構成 https://adrianmejia.com/blog/2011/08/11/ruby-on-rails-architectural- design/
フロントエンド View として実際にユーザーが接する部分。たぶんまた次のLT とかでだ れかが掘り下げてくれる。 html css javascript React
React virtual DOM という技術で部分的にレンダリングを更新することでより 早く効率的に描画することができる。 JSX という記法でcomponent を扱いやすくしてくれる。 tutorial https://qiita.com/NanayaKto/items/3ac123a61230c54c275f
browser 上での環境でのプログラミング https://qiita.com/NanayaKto/items/3ac123a61230c54c275f
まとめ、次回のための導⼊ 今回は仕組みの基本的なところからRails,React の話をした。複数⼈での 開発⼿法やバージョンの管理、サーバーなどの知識が必要になるので、 今後は以下のロードマップを追いかけながら知識を深めていく。 https://github.com/kamranahmedse/developer-roadmap この 作品 は クリエイティブ・コモンズ
表⽰ - ⾮営利 - 継承 2.1 ⽇本 ラ イセンスの下に提供されています。