Submit Search
Upload
すごいぞVuetify!! 〜ポートフォリオを作ってみた〜
•
0 likes
•
835 views
S
SHOYAYAMAMOTO
Follow
2019/9/27 LT会登壇用資料
Read less
Read more
Engineering
Report
Share
Report
Share
1 of 13
Download now
Download to read offline
Recommended
RubyGemsで公開されているライブラリをモンキーパッチした話
RubyGemsで公開されているライブラリをモンキーパッチした話
SHOYAYAMAMOTO
2019/7/12 開催 Webナイト宮崎 Vol.5 〜てげ飲みながらLTしたい〜 LT用資料
本格的に始めるzsh
本格的に始めるzsh
Hideaki Miyake
本格的に始めるzsh
RubyConfの話の続きのおはなし
RubyConfの話の続きのおはなし
yamanekko
大江戸Ruby会議03の発表資料です。 mrubyに関する内容は資料の中にはありません。デモで使用した環境については https://github.com/yamanekko/stm32f4discovery/wiki https://github.com/yamanekko/mruby-on-stm32f4discovery/wiki にて更新中です。
oh-my-zshを使うのは止めよう
oh-my-zshを使うのは止めよう
Hideaki Miyake
oh-my-zshを使うのは止めよう
宇宙zsh #2
宇宙zsh #2
Hideaki Miyake
Raspberry piの紹介
Raspberry piの紹介
2bo 2bo
Zsh 2
Zsh 2
Hideaki Miyake
pieniというFWを作ってみる。
pieniというFWを作ってみる。
Kenta Saito
CodeIgniter好きが作るオレオレフレームワーク。 https://drive.google.com/open?id=1JGoEaEv1Of_MhH3V-TlaPlZaENfOJ3CDwgtgnjiELv4
Recommended
RubyGemsで公開されているライブラリをモンキーパッチした話
RubyGemsで公開されているライブラリをモンキーパッチした話
SHOYAYAMAMOTO
2019/7/12 開催 Webナイト宮崎 Vol.5 〜てげ飲みながらLTしたい〜 LT用資料
本格的に始めるzsh
本格的に始めるzsh
Hideaki Miyake
本格的に始めるzsh
RubyConfの話の続きのおはなし
RubyConfの話の続きのおはなし
yamanekko
大江戸Ruby会議03の発表資料です。 mrubyに関する内容は資料の中にはありません。デモで使用した環境については https://github.com/yamanekko/stm32f4discovery/wiki https://github.com/yamanekko/mruby-on-stm32f4discovery/wiki にて更新中です。
oh-my-zshを使うのは止めよう
oh-my-zshを使うのは止めよう
Hideaki Miyake
oh-my-zshを使うのは止めよう
宇宙zsh #2
宇宙zsh #2
Hideaki Miyake
Raspberry piの紹介
Raspberry piの紹介
2bo 2bo
Zsh 2
Zsh 2
Hideaki Miyake
pieniというFWを作ってみる。
pieniというFWを作ってみる。
Kenta Saito
CodeIgniter好きが作るオレオレフレームワーク。 https://drive.google.com/open?id=1JGoEaEv1Of_MhH3V-TlaPlZaENfOJ3CDwgtgnjiELv4
Wcan summer 2014 lt
Wcan summer 2014 lt
kuma2515
ロボットシステム学2015年第13回
ロボットシステム学2015年第13回
Ryuichi Ueda
デバイスドライバの作り方の概説
年越しVue.jsをした話
年越しVue.jsをした話
YukiSamuraki
Webデザイン・Web制作に関する勉強会 #7 LT登壇
OSC 2016 Nagoya - MineOSのすすめ -
OSC 2016 Nagoya - MineOSのすすめ -
roamer7038
OSC名古屋 2016 東海道らぐLT大会発表でしたやつ 初LT
WordCamp Yokohama2010 プレゼン
WordCamp Yokohama2010 プレゼン
miccweb
文系女子(micc)的オープンソースコミュニティとの付き合い方 ※期間限定公開
第32回信号処理シンポジウム「Raspberry PiとROSを使ったロボットシステム」
第32回信号処理シンポジウム「Raspberry PiとROSを使ったロボットシステム」
Ryuichi Ueda
ロボットの話とコミュニティーの話
フロントエンド温泉にサーバーレスでダイブする(Public)
フロントエンド温泉にサーバーレスでダイブする(Public)
Yuki Ito
- Webへの愛の叫び方
マルチブラウザやりました (DMM.Study Night)
マルチブラウザやりました (DMM.Study Night)
Takafumi Sugie
DMM.Study Night フロントエンド勉強会 https://atnd.org/events/71568
サーバ擬人化ユーザ会Lt資料 qpstudy lite
サーバ擬人化ユーザ会Lt資料 qpstudy lite
Seiichiro Ishida
qpstudyLiteでやったサーバ擬人化ユーザ会のLT資料です。
今のWeb開発者に伝えたいWebブラウザの病みの歴史
今のWeb開発者に伝えたいWebブラウザの病みの歴史
Sho Okada
表参道Web勉強会で話したネタです https://connpass.com/event/136133/
jTthree V3 technical preview
jTthree V3 technical preview
Masaki Yamamoto
jThree V3 の2015年11月時点での最新情報
Bootstrap
Bootstrap
Masaki Kusuhata
mrubyのJIT
mrubyのJIT
miura1729
名古屋Ruby会議 03のスライド
松江Ruby会議03 LT るりまアピール
松江Ruby会議03 LT るりまアピール
Sho Hashimoto
【Qp08】ざびたん2リリース報告lt 20111022
【Qp08】ざびたん2リリース報告lt 20111022
Seiichiro Ishida
qpstudy #08 懇親会で行ったざびたん2リリースLT資料です。
IT業界における伝統芸能の継承 #hachiojipm
IT業界における伝統芸能の継承 #hachiojipm
鉄次 尾形
2013年4月6日に行われた Hachioji.pm#27 の「1枚LT」でトークした際のスライドです。
Ruby関西勉強会発表資料
Ruby関西勉強会発表資料
三七男 山本
Wakayama.rbボードの話
SDK for NFC Starter Kit(2) 使ってみる
SDK for NFC Starter Kit(2) 使ってみる
Hirokuma Ueno
Firefox OSがモテないのは どう考えてもお前らが悪い!(FxOS Gecko勉強会LT版)
Firefox OSがモテないのは どう考えてもお前らが悪い!(FxOS Gecko勉強会LT版)
星影 月夜
Geckoと仲良くなりたい人主催 FxOS Gecko勉強会(http://atnd.org/events/43052)でのLT発表資料です。 最終版はこちら↓ http://www.slideshare.net/unsolublesugar/firefox-os-27243327
るりまの1/nはMatsue.rbでできています。
るりまの1/nはMatsue.rbでできています。
Sho Hashimoto
本の感想共有会「データモデリングでドメインを駆動する」本が突きつける我々の課題について
本の感想共有会「データモデリングでドメインを駆動する」本が突きつける我々の課題について
Masatsugu Matsushita
下記の会の感想 https://kichijojipm.connpass.com/event/315276/presentation/
エンジニアのセルフブランディングと技術情報発信の重要性 テクニカルライターになろう 講演資料
エンジニアのセルフブランディングと技術情報発信の重要性 テクニカルライターになろう 講演資料
Toru Miyahara
エンジニアのセルフブランディングと技術情報発信の重要性 テクニカルライターになろう 講演資料
More Related Content
What's hot
Wcan summer 2014 lt
Wcan summer 2014 lt
kuma2515
ロボットシステム学2015年第13回
ロボットシステム学2015年第13回
Ryuichi Ueda
デバイスドライバの作り方の概説
年越しVue.jsをした話
年越しVue.jsをした話
YukiSamuraki
Webデザイン・Web制作に関する勉強会 #7 LT登壇
OSC 2016 Nagoya - MineOSのすすめ -
OSC 2016 Nagoya - MineOSのすすめ -
roamer7038
OSC名古屋 2016 東海道らぐLT大会発表でしたやつ 初LT
WordCamp Yokohama2010 プレゼン
WordCamp Yokohama2010 プレゼン
miccweb
文系女子(micc)的オープンソースコミュニティとの付き合い方 ※期間限定公開
第32回信号処理シンポジウム「Raspberry PiとROSを使ったロボットシステム」
第32回信号処理シンポジウム「Raspberry PiとROSを使ったロボットシステム」
Ryuichi Ueda
ロボットの話とコミュニティーの話
フロントエンド温泉にサーバーレスでダイブする(Public)
フロントエンド温泉にサーバーレスでダイブする(Public)
Yuki Ito
- Webへの愛の叫び方
マルチブラウザやりました (DMM.Study Night)
マルチブラウザやりました (DMM.Study Night)
Takafumi Sugie
DMM.Study Night フロントエンド勉強会 https://atnd.org/events/71568
サーバ擬人化ユーザ会Lt資料 qpstudy lite
サーバ擬人化ユーザ会Lt資料 qpstudy lite
Seiichiro Ishida
qpstudyLiteでやったサーバ擬人化ユーザ会のLT資料です。
今のWeb開発者に伝えたいWebブラウザの病みの歴史
今のWeb開発者に伝えたいWebブラウザの病みの歴史
Sho Okada
表参道Web勉強会で話したネタです https://connpass.com/event/136133/
jTthree V3 technical preview
jTthree V3 technical preview
Masaki Yamamoto
jThree V3 の2015年11月時点での最新情報
Bootstrap
Bootstrap
Masaki Kusuhata
mrubyのJIT
mrubyのJIT
miura1729
名古屋Ruby会議 03のスライド
松江Ruby会議03 LT るりまアピール
松江Ruby会議03 LT るりまアピール
Sho Hashimoto
【Qp08】ざびたん2リリース報告lt 20111022
【Qp08】ざびたん2リリース報告lt 20111022
Seiichiro Ishida
qpstudy #08 懇親会で行ったざびたん2リリースLT資料です。
IT業界における伝統芸能の継承 #hachiojipm
IT業界における伝統芸能の継承 #hachiojipm
鉄次 尾形
2013年4月6日に行われた Hachioji.pm#27 の「1枚LT」でトークした際のスライドです。
Ruby関西勉強会発表資料
Ruby関西勉強会発表資料
三七男 山本
Wakayama.rbボードの話
SDK for NFC Starter Kit(2) 使ってみる
SDK for NFC Starter Kit(2) 使ってみる
Hirokuma Ueno
Firefox OSがモテないのは どう考えてもお前らが悪い!(FxOS Gecko勉強会LT版)
Firefox OSがモテないのは どう考えてもお前らが悪い!(FxOS Gecko勉強会LT版)
星影 月夜
Geckoと仲良くなりたい人主催 FxOS Gecko勉強会(http://atnd.org/events/43052)でのLT発表資料です。 最終版はこちら↓ http://www.slideshare.net/unsolublesugar/firefox-os-27243327
るりまの1/nはMatsue.rbでできています。
るりまの1/nはMatsue.rbでできています。
Sho Hashimoto
What's hot
(20)
Wcan summer 2014 lt
Wcan summer 2014 lt
ロボットシステム学2015年第13回
ロボットシステム学2015年第13回
年越しVue.jsをした話
年越しVue.jsをした話
OSC 2016 Nagoya - MineOSのすすめ -
OSC 2016 Nagoya - MineOSのすすめ -
WordCamp Yokohama2010 プレゼン
WordCamp Yokohama2010 プレゼン
第32回信号処理シンポジウム「Raspberry PiとROSを使ったロボットシステム」
第32回信号処理シンポジウム「Raspberry PiとROSを使ったロボットシステム」
フロントエンド温泉にサーバーレスでダイブする(Public)
フロントエンド温泉にサーバーレスでダイブする(Public)
マルチブラウザやりました (DMM.Study Night)
マルチブラウザやりました (DMM.Study Night)
サーバ擬人化ユーザ会Lt資料 qpstudy lite
サーバ擬人化ユーザ会Lt資料 qpstudy lite
今のWeb開発者に伝えたいWebブラウザの病みの歴史
今のWeb開発者に伝えたいWebブラウザの病みの歴史
jTthree V3 technical preview
jTthree V3 technical preview
Bootstrap
Bootstrap
mrubyのJIT
mrubyのJIT
松江Ruby会議03 LT るりまアピール
松江Ruby会議03 LT るりまアピール
【Qp08】ざびたん2リリース報告lt 20111022
【Qp08】ざびたん2リリース報告lt 20111022
IT業界における伝統芸能の継承 #hachiojipm
IT業界における伝統芸能の継承 #hachiojipm
Ruby関西勉強会発表資料
Ruby関西勉強会発表資料
SDK for NFC Starter Kit(2) 使ってみる
SDK for NFC Starter Kit(2) 使ってみる
Firefox OSがモテないのは どう考えてもお前らが悪い!(FxOS Gecko勉強会LT版)
Firefox OSがモテないのは どう考えてもお前らが悪い!(FxOS Gecko勉強会LT版)
るりまの1/nはMatsue.rbでできています。
るりまの1/nはMatsue.rbでできています。
Recently uploaded
本の感想共有会「データモデリングでドメインを駆動する」本が突きつける我々の課題について
本の感想共有会「データモデリングでドメインを駆動する」本が突きつける我々の課題について
Masatsugu Matsushita
下記の会の感想 https://kichijojipm.connpass.com/event/315276/presentation/
エンジニアのセルフブランディングと技術情報発信の重要性 テクニカルライターになろう 講演資料
エンジニアのセルフブランディングと技術情報発信の重要性 テクニカルライターになろう 講演資料
Toru Miyahara
エンジニアのセルフブランディングと技術情報発信の重要性 テクニカルライターになろう 講演資料
「VRC海のおはなし会_深海探査とロボットのお話」発表資料
「VRC海のおはなし会_深海探査とロボットのお話」発表資料
Yuuitirou528 default
深海探査を行うロボットについてざっくりと初心者向け?に解説したおはなし会の資料です。 https://x.com/INHI_UV2B/status/1796712335765369263
今さら聞けない人のためのDevOps超入門 OSC2024名古屋 セミナー資料
今さら聞けない人のためのDevOps超入門 OSC2024名古屋 セミナー資料
Toru Miyahara
今さら聞けない人のためのDevOps超入門 OSC2024名古屋 セミナー資料
Compute Units/Budget最適化 - Solana Developer Hub Online 6 #SolDevHub
Compute Units/Budget最適化 - Solana Developer Hub Online 6 #SolDevHub
K Kinzal
Solana Developer Hub Online #6 https://lu.ma/evx8jtpi
ビジュアルプログラミングIotLT17-オープンソース化されたビジュアルプログラミング環境Noodlの紹介
ビジュアルプログラミングIotLT17-オープンソース化されたビジュアルプログラミング環境Noodlの紹介
miyp
ビジュアルプログラミングIoTLT17資料です。
Linuxサーバー構築 学習のポイントと環境構築 OSC2024名古屋 セミナー資料
Linuxサーバー構築 学習のポイントと環境構築 OSC2024名古屋 セミナー資料
Toru Miyahara
Linuxサーバー構築 学習のポイントと環境構築 OSC2024名古屋 セミナー資料
Recently uploaded
(7)
本の感想共有会「データモデリングでドメインを駆動する」本が突きつける我々の課題について
本の感想共有会「データモデリングでドメインを駆動する」本が突きつける我々の課題について
エンジニアのセルフブランディングと技術情報発信の重要性 テクニカルライターになろう 講演資料
エンジニアのセルフブランディングと技術情報発信の重要性 テクニカルライターになろう 講演資料
「VRC海のおはなし会_深海探査とロボットのお話」発表資料
「VRC海のおはなし会_深海探査とロボットのお話」発表資料
今さら聞けない人のためのDevOps超入門 OSC2024名古屋 セミナー資料
今さら聞けない人のためのDevOps超入門 OSC2024名古屋 セミナー資料
Compute Units/Budget最適化 - Solana Developer Hub Online 6 #SolDevHub
Compute Units/Budget最適化 - Solana Developer Hub Online 6 #SolDevHub
ビジュアルプログラミングIotLT17-オープンソース化されたビジュアルプログラミング環境Noodlの紹介
ビジュアルプログラミングIotLT17-オープンソース化されたビジュアルプログラミング環境Noodlの紹介
Linuxサーバー構築 学習のポイントと環境構築 OSC2024名古屋 セミナー資料
Linuxサーバー構築 学習のポイントと環境構築 OSC2024名古屋 セミナー資料
すごいぞVuetify!! 〜ポートフォリオを作ってみた〜
1.
Webナイト宮崎 Vol.6 ~てげJavaScript学びたい~ すごいぞVuetify!! ポートフォリオを作ってみた Shoya Yamamoto 2019
/ 9 / 27
2.
今日話すこと 自己紹介 すごいぞVuetify Vuetifyとは?‐ 結論何ができるのか‐ 作ったもの ポートフォリオ‐ 使ったライブラリとか‐ 最後に宣伝
3.
自己紹介 山元 彰也(Yamamoto Shoya)
28歳 システムエンジニア(3年程) Ruby,Rails,CMS保守/開発‐ 好きなこと / もの 音楽(主に邦楽Rockバンド)‐ 関ジャニ∞ ※ジャニヲタです。‐ ゲーム(Splatoon2)‐ サッカー、フットサル‐
4.
すごいぞ Vuetify
5.
Vuetifyとは? Vue.jsで使えるフレームワーク マテリアルデザイン 豊富なコンポーネント グリッドシステム
6.
結論何ができるのか cssを書かず見栄えの良いものができる Vue版Bootstrapみたいなもの VueにはBootstrapVueなるものもある‐ もちろんレスポンシブ対応可
7.
作った もの
8.
ポートフォリオ https://s-yamamoto3215.github.io/portfolio/
9.
使ったライブラリとか vuetify vue-typer トップページのタイピングアニメ‐ fontawesome-free 無料のアイコンフォント‐ pug sass
10.
結局何がすごかったか デザインできなくてもそれっぽいものできる 細々書かなくてもさっとパーツができあが る 豊富なオプションで以外に自由度もある 物が出来上がるから楽しい 今後の展望として、Googleカレンダーとの連携 やTwitterのタイムラインの埋め込みも実装した い。
11.
最後に宣伝 先日こんなツイートをしました。
12.
SNSやら Facebook => 「山元
彰也」で検索 Twitter => @yamamon_zawawa LINEもあるよ Gmailもあるよ
13.
Fin,
Download now