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

天高くそびえ立つ巨塔によって PHPをJavaScriptに変換する

Avatar for potato4d(Takuma HANATANI) potato4d(Takuma HANATANI)
July 15, 2017
Programming
0
600

天高くそびえ立つ巨塔によって PHPをJavaScriptに変換する

2017.07.15 Potato4d #phpkansai Lightning Talk

Avatar for potato4d(Takuma HANATANI)

potato4d(Takuma HANATANI)

July 15, 2017
Tweet

More Decks by potato4d(Takuma HANATANI)

See All by potato4d(Takuma HANATANI)
どうせキレイに書けない処理は逆にAIに書いてもらうほうが良い説 / #kyotojs 22
Avatar for potato4d(Takuma HANATANI) potato4d
3
410
TSX First な Zero-Runtime SSG potato4d/dodai とその仕組み / owned static site generator #kyotojs
Avatar for potato4d(Takuma HANATANI) potato4d
1
2.3k
Vue.js with TSX - From Vue 2.x to Vue 3 #v_tokyo11
Avatar for potato4d(Takuma HANATANI) potato4d
9
4.9k
終わりゆく Vue 2.x 時代の状態設計のアンサー - Vue 3 の Provider への期待 / The Last Architecture of the Vue 2.x
Avatar for potato4d(Takuma HANATANI) potato4d
25
7k
Web Worker を使ってブラウザ上でポケモンの画像を解析したい！ / Pokemon recognition from screenshots in browser using web worker
Avatar for potato4d(Takuma HANATANI) potato4d
0
1.3k
Firebase & Google Cloud によるサーバーレス帳票管理 #FJUG / Serverless Architecture in Candy
Avatar for potato4d(Takuma HANATANI) potato4d
8
3.7k
NestJS meetup Tokyo Opening Talk / What is NestJS? #nestjs_meetup
Avatar for potato4d(Takuma HANATANI) potato4d
11
4.2k
私たちはなぜ SPA で開発するのか / Why you choose SPA
Avatar for potato4d(Takuma HANATANI) potato4d
39
27k
Amplify Console 誕生以来本番運用しつづけてわかったこと #awswakaran_tokyo
Avatar for potato4d(Takuma HANATANI) potato4d
6
3.6k

Other Decks in Programming

See All in Programming
私はどうやって技術力を上げたのか
Avatar for Yusuke Wada yusukebe
43
19k
PHPに関数型の魂を宿す〜PHP 8.5 で実現する堅牢なコードとは〜 #phpcon_hiroshima / phpcon-hiroshima-2025
Avatar for shogogg shogogg
1
230
ALL CODE BASE ARE BELONG TO STUDY
Avatar for uzulla uzulla
25
6k
After go func(): Goroutines Through a Beginner’s Eye
Avatar for Vaibhav Gupta 97vaibhav
0
400
私達はmodernize packageに夢を見るか feat. go/analysis, go/ast / Go Conference 2025
Avatar for m_t_tion1 kaorumuta
2
570
CSC305 Lecture 05
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
220
3年ぶりにコードを書いた元CTOが Claude Codeと30分でMVPを作った話
Avatar for 小島舞子 / Maiko Kojima maikokojima
0
330
Devvox Belgium - Agentic AI Patterns
Avatar for Kevin Dubois kdubois
1
120
デミカツ切り抜きで面倒くさいことはPythonにやらせよう
Avatar for aokirishima aokswork3
0
240
理論と実務のギャップを超える
Avatar for kmuto eycjur
0
140
AIと人間の共創開発！OSSで試行錯誤した開発スタイル
Avatar for mae616 mae616
1
440
10年もののAPIサーバーにおけるCI/CDの改善の奮闘
Avatar for masato hommaru mbook
0
830

Featured

See All Featured
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
20
1.2k
Navigating Team Friction
Avatar for Lara Hogan lara
190
15k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.2k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.3k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
369
20k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
115
20k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
8
910
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
274
41k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.5k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
332
24k
Docker and Python
Avatar for Tania Allard trallard
46
3.6k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
35
6.1k

Transcript

  1. ఱߴͦ͘ͼཱ͑ͭڊౝʹΑͬͯ PHPΛJavaScriptʹม׵͢Δ 2017.07.15 Potato4d #phpkansai Lightning Talk

  2. ࣗݾ঺հ

  3. @potato4d

  4. None
  5. None

  6. ࿩ͯͨ͠

  7. νϟϥ͍όϯυϚϯΈ͍͔ͨͩ Β΍ΊΖͱݴΘΕΔΞΠίϯͷ ਓ

  8. None

  9. օ͞Μbabel͸͝ଘ஌Ͱ͔͢ʁ

  10. None

  11. ES2015+ͱ͍͏2015೥Ҏ߱ͷ JavaScriptΛݹ͍ES5ʹม׵͢Δ

  12. ESͱ͍͏ͷ͕JavaScriptͷ ϕʔε࢓༷Έ͍ͨͳ΋ͷ

  13. ͦͷޙͷ੢ྐྵ͕ͦͷ࣌ͷ࣌఺Ͱ ͷ࢓༷ʹͳΔ

  14. ৽͍͠JavaScriptͷػೳΛઌʹ ࢼ͢πʔϧ

  15. ݱߦͷJavaScriptͷػೳΛݹ͍ ϒϥ΢βͰಈ͔͢πʔϧ

  16. html5shiv͋Δ͍͸Auto Prefixer

  17. ಥવͰ͕͢͜͜Ͱ

  18. ΫΠζͰ͢ʂ

  19. ES2015͸2015೥ͷJavaScript

  20. ES2016͸2016೥ͷJavaScript

  21. ͡Ό͋ES5͸Կ೥ͷ JavaScriptʁ

  22. ͦ͏Ͱ͢Ͷ

  23. A.D. 5೥Ͱ͢Ͷ

  24. ͜ͷ੢ྐྵ5೥ͷJavaScriptʹม׵ ͢Δπʔϧ

  25. ΍͍ͬͯΔ͜ͱ͸ ೚ҙͷςΩετ to JS

  26. ΍͍ͬͯΔ͜ͱ͸ ೚ҙͷPHP to JS

  27. babel-preset-php

  28. ΍Δ

  29. ͓΋ΉΖʹλʔϛφϧΛ։͘

  30. mkdir _test

  31. cd $_

  32. npm init -

  33. yarn add babel-cli babel- preset-php

  34. > main.php

  35. <?php $hoge=1; var_dump($hoge);

  36. ./node_modules/.bin/babel ./ main.php -o main.js

  37. ΍ͬͨ

  38. ͭΒ͍ͱ͜Ζ

  39. ͍͍ͩͨಈ ͔ͳ͍

  40. file_get_contents΋ಈ͔ͳ͍

  41. xhrʹͳͬͨΓfetchʹͳͬͨΓ͠ͳ ͍

  42. PHP to JSͷເͷπʔϧ

  43. None

  44. ͳ͔ͬͨ

  45. ͓·͚

  46. ࡶʹEC-CUBEΛ Ϗϧυͯ͠ΈΔ