Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

2023-07-01-piyopiyo.ex#17 発表スライド

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Alicesky2127 Alicesky2127
November 22, 2023
Programming
85
0

2023-07-01-piyopiyo.ex#17 発表スライド

piyopiyo.ex #17：Phoenix1.7のソースコードを眺めてみようで使用した発表スライドです。

Avatar for Alicesky2127

Alicesky2127

November 22, 2023

Other Decks in Programming

See All in Programming
機械に任せるテスト、人が見るテスト ⽣成AIで引き直した、運⽤保守フェーズの線引き
Avatar for KUSATAKE Daisuke dske104
0
190
Vue Fes Japan の “作る側”に関わってみて
Avatar for Naoki Haba naokihaba
0
160
sbt 2.0: takeoff
Avatar for Eugene Yokota eed3si9n
0
160
Augmenting AI with the Power of Jakarta EE
Avatar for ivargrimstad ivargrimstad
0
220
AI主導のプログラミング学習アプリを作ってみた
Avatar for econanringo econanringo
0
180
[2026-09-26]空論ジェネリックプロセス～テスト資産とAIで紡ぐ、再現可能なパフォーマンスチューニングの話～
Avatar for tosite tosite
0
270
気持ちぃ〜角丸 Squircle
Avatar for ryu ryu1013
0
310
Agents on Rails - Rails at Scale 2026
Avatar for Irina Nazarova irinanazarova
0
570
When benchmarks go bad - what I learned from measuring performance wrong
Avatar for Holly Cummins hollycummins
0
220
當我們開始不讀 Code - AI Agent 時代，Code Review 與 Clean Code 還剩下什麼？
Avatar for James Wang jame2408
1
250
最近”作らせてる” ローカルAIアプリの話
Avatar for ITO Akihiro akit37
0
480
全ての永続トークンを、生まれる前に消し去りたい！
Avatar for sylph01 sylph01
2
970

Featured

See All Featured
Primal Persuasion: How to Engage the Brain for Learning That Lasts
Avatar for Mike Taylor tmiket
0
500
Code Reviewing Like a Champion
Avatar for maltzj maltzj
529
40k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
306
120k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
57
14k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
Avatar for Aleyda Solis aleyda
2
2.2k
AI Search:
Where Are We & What Can We Do About It?
Avatar for Aleyda Solis aleyda
0
8.1k
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
59
7.1k
We Analyzed 250 Million AI Search Results: Here's What I Found
Avatar for Josh Blyskal joshbly
2
2k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
6
1.3k
Efficient Content Optimization with Google Search Console & Apps Script
Avatar for Katarina Dahlin katarinadahlin
PRO
1
930
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
1
800
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k

Transcript

  1. Phoenix1.7 で変わった箇所を ゆるーく眺めてみた 2023-07-01-piyopiyo.ex#17 alice

  2. 実行環境 Windows 11 ＋ WSL2 ＋ Ubuntu 22.04 Elixir v1.14.3

    Phoenix v1.7.2

  3. 実行手順※Phoenix1.6からの変更点はありません ElixirでPhoenix1.7のプロジェクトを作る(mix phx.new) ↓ mix phx.gen.liveでCRUDの機能を一発で実装する (mix phx.gen.live) ↓ 発行されたエンドポイントを

    router.exに追加 ↓ mix ecto.migrate ↓ ページがlocalhostで表示されることの確認(mix phx.server)

  4. 1.　パスは~pで書くようになった！

  5. Phoenix1.7(heex)

  6. Phoenix1.7(heex)

  7. 2.　TailwindCSSが標準搭載になった!

  8. Phoenix1.7(app.css)

  9. Phoenix1.7(heex)

  10. 3.　core_components.exに 　　「UIで良く使うもの」が部品として定義されるようになった！

  11. Phoenix1.7(core_component.ex)

  12. Phoenix1.7(core_component.ex)

  13. Phoenix1.7(core_component.ex)

  14. 4.　LiveViewの処理をstreamを使ってするようになった！

  15. Phoenix1.7(index.ex)

  16. None
  17. None

  18. 5.　フォームの値のデータ構造が変わった！

  19. Phoenix1.7(form_component.ex)

  20. Phoenix1.7(core_component.ex)

  21. Phoenix1.7(core_component.ex)