Submit Search
Upload
My portfolio
•
Download as PPTX, PDF
•
0 likes
•
718 views
S
ssuserc2210b
Follow
アカツキ社ではなしたことについてです。
Read less
Read more
Engineering
Report
Share
Report
Share
1 of 27
Download now
Recommended
KyotoLT(Online) 第26回
KyotoLT(Online) 第26回
hiroya akita
KyotoLT(Online) 第26回の発表資料です。
はんなりPython #45
はんなりPython #45
hiroya akita
はんなりPython #45 2022年あけおめLT会~
やすい・はやい・うまいMTのホスティング環境を求めて - jaws-ug-3to-2013-sprint
やすい・はやい・うまいMTのホスティング環境を求めて - jaws-ug-3to-2013-sprint
taiju higashi
mruby搭載ボード GR-CITRUS の新しい開発環境の紹介
mruby搭載ボード GR-CITRUS の新しい開発環境の紹介
三七男 山本
第80回Ruby関西勉強会での発表です。
TypeScript + Express
TypeScript + Express
kamiyam .
関西Node学園 梅田キャンパス 1時限目
Web matrix でプログラミング生放送してみた
Web matrix でプログラミング生放送してみた
Hidetoshi Yanagi
Html5 nagoya 07
Html5 nagoya 07
Yoshiaki Sugimoto
変数の重要度ってどうやったらわかるん?
変数の重要度ってどうやったらわかるん?
hiroya akita
機械学習/Kaggleもくもく会#11@大阪での発表資料になります
Recommended
KyotoLT(Online) 第26回
KyotoLT(Online) 第26回
hiroya akita
KyotoLT(Online) 第26回の発表資料です。
はんなりPython #45
はんなりPython #45
hiroya akita
はんなりPython #45 2022年あけおめLT会~
やすい・はやい・うまいMTのホスティング環境を求めて - jaws-ug-3to-2013-sprint
やすい・はやい・うまいMTのホスティング環境を求めて - jaws-ug-3to-2013-sprint
taiju higashi
mruby搭載ボード GR-CITRUS の新しい開発環境の紹介
mruby搭載ボード GR-CITRUS の新しい開発環境の紹介
三七男 山本
第80回Ruby関西勉強会での発表です。
TypeScript + Express
TypeScript + Express
kamiyam .
関西Node学園 梅田キャンパス 1時限目
Web matrix でプログラミング生放送してみた
Web matrix でプログラミング生放送してみた
Hidetoshi Yanagi
Html5 nagoya 07
Html5 nagoya 07
Yoshiaki Sugimoto
変数の重要度ってどうやったらわかるん?
変数の重要度ってどうやったらわかるん?
hiroya akita
機械学習/Kaggleもくもく会#11@大阪での発表資料になります
ET2014資料: mruby プログラム言語Rubyによる組込みソト開発
ET2014資料: mruby プログラム言語Rubyによる組込みソト開発
Kazuaki Tanaka
ET2014発表資料 mruby〜プログラム言語Rubyによる組込みソト開発
なぜ今OSGiか
なぜ今OSGiか
Hiroki Kondo
C#からSORACOMを管理できるようにした話(SoraCommonNet)
C#からSORACOMを管理できるようにした話(SoraCommonNet)
Kei Nakazawa
ソラコム Developers Conference #0での発表資料です
JavaScript TDD紹介 #agilesamurai
JavaScript TDD紹介 #agilesamurai
Go Sueyoshi (a.k.a sue445)
Agile Samurai Base Camp (http://www.agilesamuraibasecamp.org/) TDD track でのJavaScript TDDの紹介資料
懲りずにazure functionsでlinebotを作ってみた
懲りずにazure functionsでlinebotを作ってみた
裕之 木下
Azure FunctionsでLine Botを作成した話です
GruntでJavaScript 前作業の自動化!
GruntでJavaScript 前作業の自動化!
leverages_event
Non blocking and asynchronous
Non blocking and asynchronous
Norio Kobota
for WebSocket Study
Walking front end
Walking front end
Hirata Tomoko
20160726 GsNight登壇資料です。 https://atnd.org/events/78168
ネットワーク分散型フレームワークConView
ネットワーク分散型フレームワークConView
Rakuten Group, Inc.
「ネットワーク分散型フレームワーク ConView」 2009年10月24日に行われた、楽天テクノロジーカンファレンス2009での発表資料です。 http://tech.rakuten.co.jp/rtc2009/
2014年を振り返る 今年の技術トレンドとDockerについて
2014年を振り返る 今年の技術トレンドとDockerについて
Masahito Zembutsu
2014年12月4日(木) 株式会社リンク(東京都赤坂)18:00 ~ 21:00 ビール片手に!ゆくトレ くるトレ 2014 - 2015 発表資料
CSS Nite LP26 CodeKitで始める次世代Web制作
CSS Nite LP26 CodeKitで始める次世代Web制作
Maboroshi.inc
.NET の過去、現在、そして未来
.NET の過去、現在、そして未来
Akira Inoue
2020/02/01 - BuriKaigi2020 セッション資料です。 https://toyama-eng.connpass.com/event/156635/
ML system design_pattern
ML system design_pattern
yusuke shibui
Machine learning system design pattern
わんくま同盟名古屋勉強会18回目 ASP.NET MVC3を利用したHTML5な画面開発~クラウドも有るよ!~
わんくま同盟名古屋勉強会18回目 ASP.NET MVC3を利用したHTML5な画面開発~クラウドも有るよ!~
normalian
Djangoフレームワークの紹介 OSC2015北海道
Djangoフレームワークの紹介 OSC2015北海道
Shinya Okano
Djangoフレームワークの紹介
How To Drink Wsgi
How To Drink Wsgi
Atsushi Odagiri
[visasQ] 2017-04-26 ビザスクを支えるアーキテクチャ
[visasQ] 2017-04-26 ビザスクを支えるアーキテクチャ
visasQ - ビザスク
【初心者歓迎】PythonのWebスタートアップを詳しく語る会 PythonでWebサービス開発しているベンチャー企業の取り組みや課題について、詳しく語ります! ``` 4.ビザスクを支えるアーキテクチャ ビザスクで採用しているインフラやフレームワークのご紹介と、3年間の運用を 経て課題となっていること、今後の展望に関してお話させていただきます。 ``` https://iridge.connpass.com/event/54328/
SnapDishの事例
SnapDishの事例
Fumikazu Kiyota
PyConJP2012 SnapDish事例
ぼくのかんがえたさいきょうのうぇぶあぷりけーしょんふれーむわーく - YAPC Asia 2011
ぼくのかんがえたさいきょうのうぇぶあぷりけーしょんふれーむわーく - YAPC Asia 2011
Hiroh Satoh
初めてのWebプログラミング講座
初めてのWebプログラミング講座
DIVE INTO CODE Corp.
2017年11月23日開催
知ってると得するかもしれないConstraintsたち
知ってると得するかもしれないConstraintsたち
Kensaku Komatsu
WebRTC Meetup Tokyo #4のLT資料です。 あまり知られてないけど知ってると得する時があるかもしれないpcConstraintsたちの紹介
WebAssembly text format で画像処理を書くぞ
WebAssembly text format で画像処理を書くぞ
Kohei Kawasaki
UIT#2 怠けるために努力を惜しまない プロのフロントエンドエンジニアたち
More Related Content
What's hot
ET2014資料: mruby プログラム言語Rubyによる組込みソト開発
ET2014資料: mruby プログラム言語Rubyによる組込みソト開発
Kazuaki Tanaka
ET2014発表資料 mruby〜プログラム言語Rubyによる組込みソト開発
なぜ今OSGiか
なぜ今OSGiか
Hiroki Kondo
C#からSORACOMを管理できるようにした話(SoraCommonNet)
C#からSORACOMを管理できるようにした話(SoraCommonNet)
Kei Nakazawa
ソラコム Developers Conference #0での発表資料です
JavaScript TDD紹介 #agilesamurai
JavaScript TDD紹介 #agilesamurai
Go Sueyoshi (a.k.a sue445)
Agile Samurai Base Camp (http://www.agilesamuraibasecamp.org/) TDD track でのJavaScript TDDの紹介資料
懲りずにazure functionsでlinebotを作ってみた
懲りずにazure functionsでlinebotを作ってみた
裕之 木下
Azure FunctionsでLine Botを作成した話です
GruntでJavaScript 前作業の自動化!
GruntでJavaScript 前作業の自動化!
leverages_event
Non blocking and asynchronous
Non blocking and asynchronous
Norio Kobota
for WebSocket Study
What's hot
(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
Similar to My portfolio
Walking front end
Walking front end
Hirata Tomoko
20160726 GsNight登壇資料です。 https://atnd.org/events/78168
ネットワーク分散型フレームワークConView
ネットワーク分散型フレームワークConView
Rakuten Group, Inc.
「ネットワーク分散型フレームワーク ConView」 2009年10月24日に行われた、楽天テクノロジーカンファレンス2009での発表資料です。 http://tech.rakuten.co.jp/rtc2009/
2014年を振り返る 今年の技術トレンドとDockerについて
2014年を振り返る 今年の技術トレンドとDockerについて
Masahito Zembutsu
2014年12月4日(木) 株式会社リンク(東京都赤坂)18:00 ~ 21:00 ビール片手に!ゆくトレ くるトレ 2014 - 2015 発表資料
CSS Nite LP26 CodeKitで始める次世代Web制作
CSS Nite LP26 CodeKitで始める次世代Web制作
Maboroshi.inc
.NET の過去、現在、そして未来
.NET の過去、現在、そして未来
Akira Inoue
2020/02/01 - BuriKaigi2020 セッション資料です。 https://toyama-eng.connpass.com/event/156635/
ML system design_pattern
ML system design_pattern
yusuke shibui
Machine learning system design pattern
わんくま同盟名古屋勉強会18回目 ASP.NET MVC3を利用したHTML5な画面開発~クラウドも有るよ!~
わんくま同盟名古屋勉強会18回目 ASP.NET MVC3を利用したHTML5な画面開発~クラウドも有るよ!~
normalian
Djangoフレームワークの紹介 OSC2015北海道
Djangoフレームワークの紹介 OSC2015北海道
Shinya Okano
Djangoフレームワークの紹介
How To Drink Wsgi
How To Drink Wsgi
Atsushi Odagiri
[visasQ] 2017-04-26 ビザスクを支えるアーキテクチャ
[visasQ] 2017-04-26 ビザスクを支えるアーキテクチャ
visasQ - ビザスク
【初心者歓迎】PythonのWebスタートアップを詳しく語る会 PythonでWebサービス開発しているベンチャー企業の取り組みや課題について、詳しく語ります! ``` 4.ビザスクを支えるアーキテクチャ ビザスクで採用しているインフラやフレームワークのご紹介と、3年間の運用を 経て課題となっていること、今後の展望に関してお話させていただきます。 ``` https://iridge.connpass.com/event/54328/
SnapDishの事例
SnapDishの事例
Fumikazu Kiyota
PyConJP2012 SnapDish事例
ぼくのかんがえたさいきょうのうぇぶあぷりけーしょんふれーむわーく - YAPC Asia 2011
ぼくのかんがえたさいきょうのうぇぶあぷりけーしょんふれーむわーく - YAPC Asia 2011
Hiroh Satoh
初めてのWebプログラミング講座
初めてのWebプログラミング講座
DIVE INTO CODE Corp.
2017年11月23日開催
知ってると得するかもしれないConstraintsたち
知ってると得するかもしれないConstraintsたち
Kensaku Komatsu
WebRTC Meetup Tokyo #4のLT資料です。 あまり知られてないけど知ってると得する時があるかもしれないpcConstraintsたちの紹介
WebAssembly text format で画像処理を書くぞ
WebAssembly text format で画像処理を書くぞ
Kohei Kawasaki
UIT#2 怠けるために努力を惜しまない プロのフロントエンドエンジニアたち
VisualSFMとMeshLabとCloudCompareによるドローン撮影画像を用いたデジタル地図作成
VisualSFMとMeshLabとCloudCompareによるドローン撮影画像を用いたデジタル地図作成
Hiroshi Yamaguchi
ドローンで撮影した画像から3次元モデルやデジタル地図を作る方法。
VSCodeで始めるAzure Static Web Apps開発
VSCodeで始めるAzure Static Web Apps開発
Yuta Matsumura
登壇資料です https://vscode.connpass.com/event/221961/
SmartNews の Webmining を支えるプラットフォーム
SmartNews の Webmining を支えるプラットフォーム
SmartNews, Inc.
第48回データマイニング+ WEB @東京(#TokyoWebminig 48th)- AWS上での分析基盤アーキテクチャ最前線祭り-「SmartNews の Webmining を支えるプラットフォーム」 speaker: Yuhei Nishioka @SmartNews
WordBench Saitama vol.6
WordBench Saitama vol.6
masaaki komori
WordBench 埼玉 vol.6 こもりの資料
Chrome DevTools.next
Chrome DevTools.next
yoshikawa_t
2012/12/21に行われたサイバーエージェント社内勉強での講演資料です。
Similar to 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.
ご清聴ありがとうございます
Download now