$30 off During Our Annual Pro Sale. View Details »

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

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

天高くそびえ立つ巨塔によって 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
420
TSX First な Zero-Runtime SSG potato4d/dodai とその仕組み / owned static site generator #kyotojs
Avatar for potato4d(Takuma HANATANI) potato4d
1
2.4k
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.3k
私たちはなぜ 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
sbt 2
Avatar for kenji yoshida xuwei_k
0
140
これだけで丸わかり！LangChain v1.0 アップデートまとめ
Avatar for os1ma os1ma
6
1.2k
分散DBって何者なんだ．．． Spannerから学ぶRDBとの違い
Avatar for kensho iwashi623
0
160
Stay Hacker 〜九州で生まれ、Perlに出会い、コミュニティで育つ〜
Avatar for Kazuhiko Yamashita pyama86
2
3.4k
なあ兄弟、 余白の意味を考えてから UI実装してくれ！
Avatar for Ryomm ktcryomm
10
10k
AIと協働し、イベントソーシングとアクターモデルで作る後悔しないアーキテクチャ Regret-Free Architecture with AI, Event Sourcing, and Actors
Avatar for Tomohisa Takaoka tomohisa
5
16k
Integrating WordPress and Symfony
Avatar for Alexandre Salomé alexandresalome
0
100
JEP 496 と JEP 497 から学ぶ耐量子計算機暗号入門 / Learning Post-Quantum Crypto Basics from JEP 496 & 497
Avatar for mackey0225 mackey0225
2
550
モダンJSフレームワークのビルドプロセス 〜なぜReactは503行、Svelteは12行なのか〜
Avatar for Maple fuuki12
0
180
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
0
27k
Rails Girls Sapporo 2ndの裏側―準備の日々から見えた、私が得たもの / SAPPORO ENGINEER BASE #11
Avatar for はる lemonade_37
2
200
Micro Frontendsで築いた 共通基盤と運用の試行錯誤 / Building a Shared Platform with Micro Frontends: Operational Learnings
Avatar for Yuto Kaneko kyntk
1
1.9k

Featured

See All Featured
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
73
11k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
359
30k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
274
41k
Fireside Chat
Avatar for paigeccino paigeccino
41
3.7k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
34
2.5k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
791
250k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
269
13k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
55
12k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
333
24k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
370
20k
Done Done
Avatar for chrislema chrislema
186
16k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
1.8k

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Λ Ϗϧυͯ͠ΈΔ