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

春だから始めようVue.js/2018-spring-hamamatsujs-3-vuejs

Avatar for euledge euledge
May 19, 2018
Technology
0
520

 春だから始めようVue.js/2018-spring-hamamatsujs-3-vuejs

Hamamatsu.js#3 発表資料

Avatar for euledge

euledge

May 19, 2018
Tweet

More Decks by euledge

See All by euledge
初Amplifyデプロイした話.pdf
Avatar for euledge euledge
0
120
AlexaSkillのVUIを改善した話
Avatar for euledge euledge
0
67

Other Decks in Technology

See All in Technology
楽しく学ぼう！コミュニティ入門 AWSと人が つむいできたストーリー
Avatar for hiroramos hiroramos4
PRO
1
190
モブプログラミング再入門 ー 基本から見直す、AI時代のチーム開発の選択肢 ー / A Re-introduction of Mob Programming
Avatar for TAKAKING22 takaking22
5
1.3k
Datadog の RBAC のすべて
Avatar for 株式会社ヌーラボ nulabinc
PRO
3
450
AWS DevOps Agent vs SRE俺 / AWS DevOps Agent vs me, the SRE
Avatar for SMS tech sms_tech
3
540
Claude Code Skills 勉強会 (DevelersIO向けに調整済み) / claude code skills for devio
Avatar for MasahiroKawahara masahirokawahara
1
16k
[JAWSDAYS2026][D8]その起票、愛が足りてますか？AWSサポートを味方につける、技術的「ラブレター」の書き方
Avatar for hirosys hirosys_
3
120
kintone開発のプラットフォームエンジニアの紹介
Avatar for Cybozu cybozuinsideout
PRO
0
860
情シスのための生成AI実践ガイド2026 / Generative AI Practical Guide for Business Technology 2026
Avatar for Akira Maeda glidenote
0
200
vLLM Community Meetup Tokyo #3 オープニングトーク
Avatar for jpishikawa jpishikawa
0
320
Kubernetesにおける推論基盤
Avatar for ry ry
1
310
組織全体で実現する標準監視設計
Avatar for Yuto Obayashi yuobayashi
3
480
AI時代のSaaSとETL
Avatar for Shu Suzuki shoe116
1
110

Featured

See All Featured
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
Avatar for Kenny Baas-Schwegler baasie
0
250
Building Adaptive Systems
Avatar for Chris Keathley keathley
44
3k
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
31k
Paper Plane
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
48k
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
Avatar for David Carrasco davidcarrasco
0
83
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
Avatar for Mine Cetinkaya-Rundel minecr
1
190
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
9.8k
How To Speak Unicorn (iThemes Webinar)
Avatar for Michelle Schulp Hunt marktimemedia
1
410
The SEO Collaboration Effect
Avatar for Kristina Bergwall kristinabergwall1
0
390
Collaborative Software Design: How to facilitate domain modelling decisions
Avatar for Kenny Baas-Schwegler baasie
0
160
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
370
20k
Joys of Absence: A Defence of Solitary Play
Avatar for Sebastian Deterding codingconduct
1
300

Transcript

  1. 春だからはじめようVue.js @euledge Hamamatsu.js #3

  2. 自己紹介 氏名 黒柳 仁 (@euledge) 今までの開発 Windows(イントラ向けDesktop,Web) AIX(イントラ向け Motif GUI)

    CAD,PLMカスタマイズ BtoC Webサイト 環境構築 Vagrant,Ansible,Docker 経験した言語 C++, Java, Rails, PHP

  3. 本日の内容 • 私がVue.jsを使いだしたきっかけ • Vue.jsの基本を紹介 • Vue.jsで開発するときに知ってると便利なこと

  4. 初心者でも学習コストが低いこと

  5. 再利用可能なコンポーネント可能

  6. 日本語の情報が得られること

  7. Javascript Frameworkの選定

  8. Github Starsトレンド React Vuejs Angular

  9. None
  10. None

  11. Vue.jsとは メインコミッター Evan You

  12. ライブコーディングやってみる

  13. Vueはじめるにはここから

  14. 条件レンダリング

  15. 繰り返し

  16. クラスと属性のバインディング

  17. 算出プロパティ

  18. フォーム入力バインディング

  19. イベントとメソッド

  20. コンポーネント

  21. 単一ファイルコンポーネント 詳しくは https://jp.vuejs.org/v2/guide/single-file- components.html

  22. 他のライブラリの併用

  23. Vue.jsもっと知りたい?

  24. https://jp.vuejs.org/

  25. http://gihyo.jp/dev/serial/01/vuejs/0001

  26. https://www.amazon.co.jp/dp/B07BS62Z94

  27. https://www.amazon.co.jp/dp/4863542453

  28. 今日からVue.jsやってみたくなった?

  29. https://jsfiddle.net

  30. https://codesandbox.io

  31. VSCode 拡張機能 vue スニペット

  32. VSCode 拡張機能 browser sync

  33. Vue.js devtools