Soumettre la recherche
Mettre en ligne
My portfolio
•
Télécharger en tant que PPTX, PDF
•
0 j'aime
•
714 vues
S
ssuserc2210b
Suivre
アカツキ社ではなしたことについてです。
Lire moins
Lire la suite
Ingénierie
Signaler
Partager
Signaler
Partager
1 sur 27
Télécharger maintenant
Recommandé
KyotoLT(Online) 第26回
KyotoLT(Online) 第26回
hiroya akita
はんなりPython #45
はんなりPython #45
hiroya akita
やすい・はやい・うまいMTのホスティング環境を求めて - jaws-ug-3to-2013-sprint
やすい・はやい・うまいMTのホスティング環境を求めて - jaws-ug-3to-2013-sprint
taiju higashi
mruby搭載ボード GR-CITRUS の新しい開発環境の紹介
mruby搭載ボード GR-CITRUS の新しい開発環境の紹介
三七男 山本
TypeScript + Express
TypeScript + Express
kamiyam .
Web matrix でプログラミング生放送してみた
Web matrix でプログラミング生放送してみた
Hidetoshi Yanagi
Html5 nagoya 07
Html5 nagoya 07
Yoshiaki Sugimoto
変数の重要度ってどうやったらわかるん?
変数の重要度ってどうやったらわかるん?
hiroya akita
Recommandé
KyotoLT(Online) 第26回
KyotoLT(Online) 第26回
hiroya akita
はんなりPython #45
はんなりPython #45
hiroya akita
やすい・はやい・うまいMTのホスティング環境を求めて - jaws-ug-3to-2013-sprint
やすい・はやい・うまいMTのホスティング環境を求めて - jaws-ug-3to-2013-sprint
taiju higashi
mruby搭載ボード GR-CITRUS の新しい開発環境の紹介
mruby搭載ボード GR-CITRUS の新しい開発環境の紹介
三七男 山本
TypeScript + Express
TypeScript + Express
kamiyam .
Web matrix でプログラミング生放送してみた
Web matrix でプログラミング生放送してみた
Hidetoshi Yanagi
Html5 nagoya 07
Html5 nagoya 07
Yoshiaki Sugimoto
変数の重要度ってどうやったらわかるん?
変数の重要度ってどうやったらわかるん?
hiroya akita
ET2014資料: mruby プログラム言語Rubyによる組込みソト開発
ET2014資料: mruby プログラム言語Rubyによる組込みソト開発
Kazuaki Tanaka
なぜ今OSGiか
なぜ今OSGiか
Hiroki Kondo
C#からSORACOMを管理できるようにした話(SoraCommonNet)
C#からSORACOMを管理できるようにした話(SoraCommonNet)
Kei Nakazawa
JavaScript TDD紹介 #agilesamurai
JavaScript TDD紹介 #agilesamurai
Go Sueyoshi (a.k.a sue445)
懲りずにazure functionsでlinebotを作ってみた
懲りずにazure functionsでlinebotを作ってみた
裕之 木下
GruntでJavaScript 前作業の自動化!
GruntでJavaScript 前作業の自動化!
leverages_event
Non blocking and asynchronous
Non blocking and asynchronous
Norio Kobota
Walking front end
Walking front end
Hirata Tomoko
ネットワーク分散型フレームワークConView
ネットワーク分散型フレームワークConView
Rakuten Group, Inc.
2014年を振り返る 今年の技術トレンドとDockerについて
2014年を振り返る 今年の技術トレンドとDockerについて
Masahito Zembutsu
CSS Nite LP26 CodeKitで始める次世代Web制作
CSS Nite LP26 CodeKitで始める次世代Web制作
Maboroshi.inc
.NET の過去、現在、そして未来
.NET の過去、現在、そして未来
Akira Inoue
ML system design_pattern
ML system design_pattern
yusuke shibui
わんくま同盟名古屋勉強会18回目 ASP.NET MVC3を利用したHTML5な画面開発~クラウドも有るよ!~
わんくま同盟名古屋勉強会18回目 ASP.NET MVC3を利用したHTML5な画面開発~クラウドも有るよ!~
normalian
Djangoフレームワークの紹介 OSC2015北海道
Djangoフレームワークの紹介 OSC2015北海道
Shinya Okano
How To Drink Wsgi
How To Drink Wsgi
Atsushi Odagiri
[visasQ] 2017-04-26 ビザスクを支えるアーキテクチャ
[visasQ] 2017-04-26 ビザスクを支えるアーキテクチャ
visasQ - ビザスク
SnapDishの事例
SnapDishの事例
Fumikazu Kiyota
ぼくのかんがえたさいきょうのうぇぶあぷりけーしょんふれーむわーく - YAPC Asia 2011
ぼくのかんがえたさいきょうのうぇぶあぷりけーしょんふれーむわーく - YAPC Asia 2011
Hiroh Satoh
初めてのWebプログラミング講座
初めてのWebプログラミング講座
DIVE INTO CODE Corp.
知ってると得するかもしれないConstraintsたち
知ってると得するかもしれないConstraintsたち
Kensaku Komatsu
WebAssembly text format で画像処理を書くぞ
WebAssembly text format で画像処理を書くぞ
Kohei Kawasaki
Contenu connexe
Tendances
ET2014資料: mruby プログラム言語Rubyによる組込みソト開発
ET2014資料: mruby プログラム言語Rubyによる組込みソト開発
Kazuaki Tanaka
なぜ今OSGiか
なぜ今OSGiか
Hiroki Kondo
C#からSORACOMを管理できるようにした話(SoraCommonNet)
C#からSORACOMを管理できるようにした話(SoraCommonNet)
Kei Nakazawa
JavaScript TDD紹介 #agilesamurai
JavaScript TDD紹介 #agilesamurai
Go Sueyoshi (a.k.a sue445)
懲りずにazure functionsでlinebotを作ってみた
懲りずにazure functionsでlinebotを作ってみた
裕之 木下
GruntでJavaScript 前作業の自動化!
GruntでJavaScript 前作業の自動化!
leverages_event
Non blocking and asynchronous
Non blocking and asynchronous
Norio Kobota
Tendances
(7)
ET2014資料: mruby プログラム言語Rubyによる組込みソト開発
ET2014資料: mruby プログラム言語Rubyによる組込みソト開発
なぜ今OSGiか
なぜ今OSGiか
C#からSORACOMを管理できるようにした話(SoraCommonNet)
C#からSORACOMを管理できるようにした話(SoraCommonNet)
JavaScript TDD紹介 #agilesamurai
JavaScript TDD紹介 #agilesamurai
懲りずにazure functionsでlinebotを作ってみた
懲りずにazure functionsでlinebotを作ってみた
GruntでJavaScript 前作業の自動化!
GruntでJavaScript 前作業の自動化!
Non blocking and asynchronous
Non blocking and asynchronous
Similaire à My portfolio
Walking front end
Walking front end
Hirata Tomoko
ネットワーク分散型フレームワークConView
ネットワーク分散型フレームワークConView
Rakuten Group, Inc.
2014年を振り返る 今年の技術トレンドとDockerについて
2014年を振り返る 今年の技術トレンドとDockerについて
Masahito Zembutsu
CSS Nite LP26 CodeKitで始める次世代Web制作
CSS Nite LP26 CodeKitで始める次世代Web制作
Maboroshi.inc
.NET の過去、現在、そして未来
.NET の過去、現在、そして未来
Akira Inoue
ML system design_pattern
ML system design_pattern
yusuke shibui
わんくま同盟名古屋勉強会18回目 ASP.NET MVC3を利用したHTML5な画面開発~クラウドも有るよ!~
わんくま同盟名古屋勉強会18回目 ASP.NET MVC3を利用したHTML5な画面開発~クラウドも有るよ!~
normalian
Djangoフレームワークの紹介 OSC2015北海道
Djangoフレームワークの紹介 OSC2015北海道
Shinya Okano
How To Drink Wsgi
How To Drink Wsgi
Atsushi Odagiri
[visasQ] 2017-04-26 ビザスクを支えるアーキテクチャ
[visasQ] 2017-04-26 ビザスクを支えるアーキテクチャ
visasQ - ビザスク
SnapDishの事例
SnapDishの事例
Fumikazu Kiyota
ぼくのかんがえたさいきょうのうぇぶあぷりけーしょんふれーむわーく - YAPC Asia 2011
ぼくのかんがえたさいきょうのうぇぶあぷりけーしょんふれーむわーく - YAPC Asia 2011
Hiroh Satoh
初めてのWebプログラミング講座
初めてのWebプログラミング講座
DIVE INTO CODE Corp.
知ってると得するかもしれないConstraintsたち
知ってると得するかもしれないConstraintsたち
Kensaku Komatsu
WebAssembly text format で画像処理を書くぞ
WebAssembly text format で画像処理を書くぞ
Kohei Kawasaki
VisualSFMとMeshLabとCloudCompareによるドローン撮影画像を用いたデジタル地図作成
VisualSFMとMeshLabとCloudCompareによるドローン撮影画像を用いたデジタル地図作成
Hiroshi Yamaguchi
VSCodeで始めるAzure Static Web Apps開発
VSCodeで始めるAzure Static Web Apps開発
Yuta Matsumura
SmartNews の Webmining を支えるプラットフォーム
SmartNews の Webmining を支えるプラットフォーム
SmartNews, Inc.
WordBench Saitama vol.6
WordBench Saitama vol.6
masaaki komori
Chrome DevTools.next
Chrome DevTools.next
yoshikawa_t
Similaire à My portfolio
(20)
Walking front end
Walking front end
ネットワーク分散型フレームワークConView
ネットワーク分散型フレームワークConView
2014年を振り返る 今年の技術トレンドとDockerについて
2014年を振り返る 今年の技術トレンドとDockerについて
CSS Nite LP26 CodeKitで始める次世代Web制作
CSS Nite LP26 CodeKitで始める次世代Web制作
.NET の過去、現在、そして未来
.NET の過去、現在、そして未来
ML system design_pattern
ML system design_pattern
わんくま同盟名古屋勉強会18回目 ASP.NET MVC3を利用したHTML5な画面開発~クラウドも有るよ!~
わんくま同盟名古屋勉強会18回目 ASP.NET MVC3を利用したHTML5な画面開発~クラウドも有るよ!~
Djangoフレームワークの紹介 OSC2015北海道
Djangoフレームワークの紹介 OSC2015北海道
How To Drink Wsgi
How To Drink Wsgi
[visasQ] 2017-04-26 ビザスクを支えるアーキテクチャ
[visasQ] 2017-04-26 ビザスクを支えるアーキテクチャ
SnapDishの事例
SnapDishの事例
ぼくのかんがえたさいきょうのうぇぶあぷりけーしょんふれーむわーく - YAPC Asia 2011
ぼくのかんがえたさいきょうのうぇぶあぷりけーしょんふれーむわーく - YAPC Asia 2011
初めてのWebプログラミング講座
初めてのWebプログラミング講座
知ってると得するかもしれないConstraintsたち
知ってると得するかもしれないConstraintsたち
WebAssembly text format で画像処理を書くぞ
WebAssembly text format で画像処理を書くぞ
VisualSFMとMeshLabとCloudCompareによるドローン撮影画像を用いたデジタル地図作成
VisualSFMとMeshLabとCloudCompareによるドローン撮影画像を用いたデジタル地図作成
VSCodeで始めるAzure Static Web Apps開発
VSCodeで始めるAzure Static Web Apps開発
SmartNews の Webmining を支えるプラットフォーム
SmartNews の Webmining を支えるプラットフォーム
WordBench Saitama vol.6
WordBench Saitama vol.6
Chrome DevTools.next
Chrome DevTools.next
My portfolio
1.
Gridsome で ポートフォリオを作った話
2.
自己紹介 岡 恭平 (おかきょー) 同志社大学
理工学部 機械システム学科 Python, JavaScript, TypeScript を利用して Webアプリ開発全般をしています
3.
ポートフォリオ Twitter はコチラ 詳しくはコチラを参照してください。
4.
では本題
5.
作ろうと思ったきっかけ ポートフォリオ+ ブログのサイトを持ちたい
6.
このようなブログサイト
7.
技術選定
8.
フロントエンド・フレームワーク
9.
フロントエンド・フレームワーク
10.
フロントエンド・フレームワーク
11.
フロントエンド・フレームワーク
12.
イメージ図
13.
選ばれたのは
14.
選ばれたのは でした。
15.
立ちはだかる壁 Docker を利用しての環境構築 DB, API
の設計を1 から組む XSS などのセキュリティを書く サーバーを維持するとなった時の維持費 … etc...
16.
2ヶ月後たっても 完成せず
17.
JAMStack を知る JavaScript ✖️
APIs ✖️ MarkUp
18.
JAMStack としての利点 より高速かつ優れたパフォーマンス 低コストで拡張が簡単 セキュリティの強化 Git 内で管理できる
... etc
19.
Gridsomeを使うことに
20.
利点 GraphQL が デフォルトで利用できる
21.
利点 CMS と連携させて、マークダウンや画像を無料で管理できる Netlify CMS
を利用すれば、 サーバーを無料で借りれるだけでなく、 独自の管理サイトで記事の変更を行える
22.
課題点
23.
課題点 新しすぎて情報が全くない !
24.
課題点 ・公式ドキュメントがそこまで親切ではない ・GraphQL を読み込むために、<page-query>, <static-query>
という 特殊なタグを使わないといけない(エディター非対応) ・マークダウンが使えるようにするための設定を自身で行う必要がある
25.
サイト完成
26.
最後に ● Gridsomeは、まだ発展途上の技術 (初リリース:2018
年 9月〜) ● Vue.js で簡単にブログを簡単に公開したい人にはおすすめ ● 開発には、ちゃぶ台返しも重要 ( それまで作ってきたものが無駄にはならない )
27.
ご清聴ありがとうございます
Télécharger maintenant