SlideShare a Scribd company logo
1 of 11
Download to read offline
2016年を振り返る
2016/12/18
刀祢 邦芳(Tone, Kuniyoshi)
JavaScript Framework を色々つっつく
● Meteor
○ 昨年9月から今年の前半にかけて基礎的なところをビデオ講座で学習
○ リアルタイムで画面が同期するレスポンシブな Webアプリが簡単にできる
○ 大規模・ミッションクリティカルなアプリは現状難しそうだが、標準的フルスタックプラットフォームになる可
能性はおおいにある
● React
○ Webからネイティブアプリまでカバーするが若干敷居が高い( JSの中にHTMLを記述)
○ Flux, Reduxなどの状態遷移フレームワークをベースに大規模で保守し易いアプリ構築に適する
ユーザとコンテンツが各々役割や権限を持つような複雑なシステムはフレームワーク必須
○ Meteor+Reactのビデオ講座を修了
● Riot
○ 複雑・巨大化するフレームワーク競争へのアンチテーゼとして「反乱」を巻き起こす
○ HTMLの中にJSを記述するコンポーネントはわかりやすい
○ 2017年はまずこれをマスターしたい
○ まずは http://qiita.com/advent-calendar/2016/riotjs で入門
静的サイトジェネレータに目覚める
● DBを使うが故にセキュリティパッチが頻繁に発生するDrupalやWordPressの管理
の手間を省きたい
● 簡単なブログならデータベースが不要では?=>原点回帰!
● Gatsby
○ 任意のエディタでコンテンツを編集し即座に WebページをReactでレンダリングして確認
○ 最終的には別の場所に完全に静的なファイル (HTML,CSS,JSのみ)を生成し公開
○ 個人ブログで紹介した
 https://medium.com/@Kunichan/華麗なるgatsby-dead635d710d#.4en19b7l1
● Pulse CMS( https://www.pulsecms.com/ja/ )
○ 1ファイル1コンテンツのテキストファイルを Web画面で編集
○ PHPによりテキストファイルをレンダリング
○ 非OSS、本番使用時は商用ライセンス (1ドメイン3900円、5ドメイン9900円)必要だが、逆に機能拡張変更は開
発元に任せられるので安心
○ 12/16 Meetupで事例発表 http://www.slideshare.net/kunichan/post-by-email-for-pulse-cms
GitHubに貢献
● Node.jsの学習教材の翻訳
○ https://github.com/isRuslan/learn-generators
○ README.mdに名前が掲載された
● オリジナルプログラム初公開
○ 仕事関係のソースのリポジトリを Bitbucket(デフォルト非公開)に作ったことはあったが、公開は初め
て
○ 前ページのPulse CMSメール投稿プログラム
○ https://github.com/kunichan2013/MailBlog
Elixirを発見
● ふとしたことでElixir言語を発見
● 「オブジェクト指向プログラミング」から「関数型プログラミング」への移行がトレンド?
○ 確かにOOPよりは簡潔な考え方
● すなわちRuby + Rails から Elixir + Phoenix か?
● 電子書籍とビデオ講座で学習中
2017年の野望
● 前半
○ Riot + Firebaseでモバイルブログ
■ MBaaSを使えば自前のDBサーバ不要
■ いわゆるサーバーレスシステムができるはず
○ ELixirとPhoenixでECサイトのサンプル
■ やっぱりBaaSを使ったほうが楽かも?
● 後半
○ 社会貢献のためCoderDojoへの参加を検討
○ http://coderdojo.jp/?r=1
おまけのお役立ち情報
● Udemyで学習
○ 多数のビデオ教材が 1本2000円以下で公開
定価は2万円以上もあるが頻繁にバーゲンセール開催
○ 日本語教材も若干増えてきた
https://www.udemy.com/completeweb2_jp/  
○ ドットインストールも入門にはおすすめ http://dotinstall.com/  
● BitnamiでOSSをお試し
○ 多数のOSSを様々なプラットフォーム向けに提供 (dockerもAWSもOK)
https://bitnami.com/stacks
○ 新しいOSSをすぐインストールしていじくるには最適
● Contaboで安価なハイスペックVPSをゲット
○ 2 core/6GB RAM/500GB HD で月額7€(900円足らず)
さらにおまけ
「逃げるは恥だが役に立つ」
色々な分野に果敢にチャレンジし、その中で自分の得意技・好みに合うものを本格的に
追求。挫折は一時の恥。
完
ツール・言語・フレームワークの組合わせを考察
外部データソース
● SNS
● YouTube
● クラウド
内部データソース
● ローカルファイル
● 社内DB
オープンシステム
● インターネット公開
● 社内公開
クローズドシステム
● 個人利用
● プロトタイプ

More Related Content

Viewers also liked

Untitled Powtoon 1
Untitled Powtoon 1Untitled Powtoon 1
Untitled Powtoon 1
ttest9569
 
Economic performance management approach, itc ltd sustainability report 2006
Economic performance  management approach, itc ltd   sustainability report 2006Economic performance  management approach, itc ltd   sustainability report 2006
Economic performance management approach, itc ltd sustainability report 2006
varsha nihanth lade
 

Viewers also liked (20)

UX, ethnography and possibilities: for Libraries, Museums and Archives
UX, ethnography and possibilities: for Libraries, Museums and ArchivesUX, ethnography and possibilities: for Libraries, Museums and Archives
UX, ethnography and possibilities: for Libraries, Museums and Archives
 
Designing Teams for Emerging Challenges
Designing Teams for Emerging ChallengesDesigning Teams for Emerging Challenges
Designing Teams for Emerging Challenges
 
Visual Design with Data
Visual Design with DataVisual Design with Data
Visual Design with Data
 
3 Things Every Sales Team Needs to Be Thinking About in 2017
3 Things Every Sales Team Needs to Be Thinking About in 20173 Things Every Sales Team Needs to Be Thinking About in 2017
3 Things Every Sales Team Needs to Be Thinking About in 2017
 
How to Become a Thought Leader in Your Niche
How to Become a Thought Leader in Your NicheHow to Become a Thought Leader in Your Niche
How to Become a Thought Leader in Your Niche
 
Untitled Powtoon 1
Untitled Powtoon 1Untitled Powtoon 1
Untitled Powtoon 1
 
[Kho tài liệu ngành may] đồ án thiết kế áo veston nam
[Kho tài liệu ngành may] đồ án thiết kế áo veston nam[Kho tài liệu ngành may] đồ án thiết kế áo veston nam
[Kho tài liệu ngành may] đồ án thiết kế áo veston nam
 
Bai tap toan cao cap1
Bai tap toan cao cap1Bai tap toan cao cap1
Bai tap toan cao cap1
 
第二回 クラウドサーバー管理者若葉の会
第二回 クラウドサーバー管理者若葉の会第二回 クラウドサーバー管理者若葉の会
第二回 クラウドサーバー管理者若葉の会
 
Economic performance management approach, itc ltd sustainability report 2006
Economic performance  management approach, itc ltd   sustainability report 2006Economic performance  management approach, itc ltd   sustainability report 2006
Economic performance management approach, itc ltd sustainability report 2006
 
Meteor kitchen で楽々ウェブアプリ開発
Meteor kitchen で楽々ウェブアプリ開発Meteor kitchen で楽々ウェブアプリ開発
Meteor kitchen で楽々ウェブアプリ開発
 
死闘!Og mailinglist
死闘!Og mailinglist死闘!Og mailinglist
死闘!Og mailinglist
 
Drupal8を体験しよう Drupal8 & Docker
Drupal8を体験しよう Drupal8 & DockerDrupal8を体験しよう Drupal8 & Docker
Drupal8を体験しよう Drupal8 & Docker
 
What's Drupal & Drupal as a Employee App Platform
What's Drupal & Drupal as a Employee App PlatformWhat's Drupal & Drupal as a Employee App Platform
What's Drupal & Drupal as a Employee App Platform
 
Recovery: Job Growth and Education Requirements Through 2020
Recovery: Job Growth and Education Requirements Through 2020Recovery: Job Growth and Education Requirements Through 2020
Recovery: Job Growth and Education Requirements Through 2020
 
African Americans: College Majors and Earnings
African Americans: College Majors and Earnings African Americans: College Majors and Earnings
African Americans: College Majors and Earnings
 
The Online College Labor Market
The Online College Labor MarketThe Online College Labor Market
The Online College Labor Market
 
Game Based Learning for Language Learners
Game Based Learning for Language LearnersGame Based Learning for Language Learners
Game Based Learning for Language Learners
 
What's Trending in Talent and Learning for 2016?
What's Trending in Talent and Learning for 2016?What's Trending in Talent and Learning for 2016?
What's Trending in Talent and Learning for 2016?
 
SXSW 2016: The Need To Knows
SXSW 2016: The Need To KnowsSXSW 2016: The Need To Knows
SXSW 2016: The Need To Knows
 

Similar to 2016年を振り返る

HTML5 クロスプラットフォームアプリ開発の現実解
HTML5 クロスプラットフォームアプリ開発の現実解HTML5 クロスプラットフォームアプリ開発の現実解
HTML5 クロスプラットフォームアプリ開発の現実解
Monaca
 
Flux react現状確認会
Flux react現状確認会Flux react現状確認会
Flux react現状確認会
VOYAGE GROUP
 
基盤の改善から既存アプリケーションの改善
基盤の改善から既存アプリケーションの改善基盤の改善から既存アプリケーションの改善
基盤の改善から既存アプリケーションの改善
T.R. Nishi
 
090821 Ruby Sapporo Night Ruby Cocoa
090821 Ruby Sapporo Night Ruby Cocoa090821 Ruby Sapporo Night Ruby Cocoa
090821 Ruby Sapporo Night Ruby Cocoa
Tomoki Maeda
 
Intalio japan special cloud workshop
Intalio japan special cloud workshopIntalio japan special cloud workshop
Intalio japan special cloud workshop
Daisuke Sugai
 
Frameworks We Live By: Design by day-to-day framework development: Multi-para...
Frameworks We Live By: Design by day-to-day framework development: Multi-para...Frameworks We Live By: Design by day-to-day framework development: Multi-para...
Frameworks We Live By: Design by day-to-day framework development: Multi-para...
Atsuhiro Kubo
 

Similar to 2016年を振り返る (20)

HTML5 クロスプラットフォームアプリ開発の現実解
HTML5 クロスプラットフォームアプリ開発の現実解HTML5 クロスプラットフォームアプリ開発の現実解
HTML5 クロスプラットフォームアプリ開発の現実解
 
Visual Studio 2019 GA ! ~ 最新情報 & これからの開発スタイル
Visual Studio 2019 GA ! ~ 最新情報 & これからの開発スタイルVisual Studio 2019 GA ! ~ 最新情報 & これからの開発スタイル
Visual Studio 2019 GA ! ~ 最新情報 & これからの開発スタイル
 
Spring I/O 2019 報告 Spring Frameworkのロードマップと5.2の新機能
Spring I/O 2019 報告 Spring Frameworkのロードマップと5.2の新機能Spring I/O 2019 報告 Spring Frameworkのロードマップと5.2の新機能
Spring I/O 2019 報告 Spring Frameworkのロードマップと5.2の新機能
 
Flux react現状確認会
Flux react現状確認会Flux react現状確認会
Flux react現状確認会
 
React.js + Flux
React.js + FluxReact.js + Flux
React.js + Flux
 
レガシーと向き合い技術スタックを代謝する(ElasticBeanstalk / Vue.js)
レガシーと向き合い技術スタックを代謝する(ElasticBeanstalk / Vue.js)レガシーと向き合い技術スタックを代謝する(ElasticBeanstalk / Vue.js)
レガシーと向き合い技術スタックを代謝する(ElasticBeanstalk / Vue.js)
 
基盤の改善から既存アプリケーションの改善
基盤の改善から既存アプリケーションの改善基盤の改善から既存アプリケーションの改善
基盤の改善から既存アプリケーションの改善
 
新しいWEBフロントの開拓.pptx
新しいWEBフロントの開拓.pptx新しいWEBフロントの開拓.pptx
新しいWEBフロントの開拓.pptx
 
090821 Ruby Sapporo Night Ruby Cocoa
090821 Ruby Sapporo Night Ruby Cocoa090821 Ruby Sapporo Night Ruby Cocoa
090821 Ruby Sapporo Night Ruby Cocoa
 
Nttドコモ事例から見るモバイル&クラウド時代のサービス開発についてr4(public)
Nttドコモ事例から見るモバイル&クラウド時代のサービス開発についてr4(public)Nttドコモ事例から見るモバイル&クラウド時代のサービス開発についてr4(public)
Nttドコモ事例から見るモバイル&クラウド時代のサービス開発についてr4(public)
 
マイクロサービスとそれを支えるアーキテクチャー
マイクロサービスとそれを支えるアーキテクチャーマイクロサービスとそれを支えるアーキテクチャー
マイクロサービスとそれを支えるアーキテクチャー
 
~初心者がこれから Web アプリの開発をするために~
~初心者がこれから Web アプリの開発をするために~~初心者がこれから Web アプリの開発をするために~
~初心者がこれから Web アプリの開発をするために~
 
【メタサーベイ】Video Transformer
 【メタサーベイ】Video Transformer 【メタサーベイ】Video Transformer
【メタサーベイ】Video Transformer
 
【BS11】毎年訪れる .NET のメジャーバージョンアップに備えるために取り組めること
【BS11】毎年訪れる .NET のメジャーバージョンアップに備えるために取り組めること 【BS11】毎年訪れる .NET のメジャーバージョンアップに備えるために取り組めること
【BS11】毎年訪れる .NET のメジャーバージョンアップに備えるために取り組めること
 
React + Flux
React + FluxReact + Flux
React + Flux
 
Rubyプログラミング教育に対する取り組みと事例紹介
Rubyプログラミング教育に対する取り組みと事例紹介Rubyプログラミング教育に対する取り組みと事例紹介
Rubyプログラミング教育に対する取り組みと事例紹介
 
Intalio japan special cloud workshop
Intalio japan special cloud workshopIntalio japan special cloud workshop
Intalio japan special cloud workshop
 
フロントエンド技術の変遷
フロントエンド技術の変遷フロントエンド技術の変遷
フロントエンド技術の変遷
 
ReactでCMSを作ったときにハマったこと
ReactでCMSを作ったときにハマったことReactでCMSを作ったときにハマったこと
ReactでCMSを作ったときにハマったこと
 
Frameworks We Live By: Design by day-to-day framework development: Multi-para...
Frameworks We Live By: Design by day-to-day framework development: Multi-para...Frameworks We Live By: Design by day-to-day framework development: Multi-para...
Frameworks We Live By: Design by day-to-day framework development: Multi-para...
 

2016年を振り返る