SlideShare a Scribd company logo
1 of 25
Download to read offline
2015/06/25
@MintoAoyama
In JSオジサン #5
トゥギャッターを支えるJS
自己紹介
自己紹介
Webエンジニア(広義) /
Java → Perl → PHP⇆Ruby /
SI → SNG → CGM
サーバサイド中心でクライアントは添えるだけ
Lightweight Language に憧れてこの桃の世界に入りました
インターネットらしいオープン&フリーな世界を求めて
自己紹介
2015年から『リードエンジニア』としてJoin
(まだまだ微力ながら)フロントエンドから
サーバサイド、インフラ(AWS)、デザイン、
企画、運営、分析など色々関わっています
トゥギャッターとは
「ツイートやさまざまな情報を組み合わせてコンテンツ
を保存できるキュレーションサービス」
今年で誕生から7年目!
(2009/9/24 - )
5月には誕生以来最高の
1000万UU突破!!!
ドラッグアンドドロップでツイートを選択
スマホ(Web)でもまとめが作れます
スワイプでツイートを選択
コメントの返信元をマウスオーバーで れる
/js/application.js
• jQueryベースの数千行のJavaScript
• 「トゥギャッターの6年間の集大成」
• 「秘伝のタレ」というより「秘伝の書」
• PC / スマホ 共にほとんど同じ仕組み
• onClick中心で実装されている
https://twitter.com/ironsjp/status/8069950683
5年以上前のツイート…
あった!!!
まだあった!!!
iPhone アプリ
Andoroid アプリ
実はiOSもAndroidも
JavaScriptで実装されてます
そうです…
です
Wanted
突然ですが
Hiring
『iPhone / Android アプリ化エンジニア』
『ゼロからサービスを生み出せるWebエンジニア』
【 paiza 】
【 Wantedly 】
『トゥギャッターをさらに盛り上げてくれるエンジニア』
『日本のおもしろ記事を発信する翻訳担当者(日→英)』
『トゥギャッター東南アジア版の担当者』
『デザインフルモデルチェンジにトライしたいデザイナー』
中央線.JS
中央線.JSの機運
http://togetter.com/li/816460
中央線.JS 第0回
http://togetter.com/li/816611
中央線.JS 第0回
http://togetter.com/li/816611
中央線.JS 第0.5回
http://togetter.com/li/831809
ご清聴ありがとうございました

More Related Content

What's hot

kintone Café 名古屋 Vol.4
kintone Café 名古屋 Vol.4kintone Café 名古屋 Vol.4
kintone Café 名古屋 Vol.4kintone papers
 
セキュリティの基本とWordPress
セキュリティの基本とWordPressセキュリティの基本とWordPress
セキュリティの基本とWordPressEndoh Shingo
 
コミュニティを持って学んだ交流できる”場”の6つのポイント
コミュニティを持って学んだ交流できる”場”の6つのポイントコミュニティを持って学んだ交流できる”場”の6つのポイント
コミュニティを持って学んだ交流できる”場”の6つのポイントHiroyuki Ishikawa
 
全てのムダに理由あり!弱者のブランディング戦略 先生:吉原 ゴウ
全てのムダに理由あり!弱者のブランディング戦略 先生:吉原 ゴウ全てのムダに理由あり!弱者のブランディング戦略 先生:吉原 ゴウ
全てのムダに理由あり!弱者のブランディング戦略 先生:吉原 ゴウschoowebcampus
 
30分で分かる!kintoneの基本
30分で分かる!kintoneの基本30分で分かる!kintoneの基本
30分で分かる!kintoneの基本kintone papers
 
20180628 sappor alibaba_event
20180628 sappor alibaba_event20180628 sappor alibaba_event
20180628 sappor alibaba_eventSix Apart
 
WordPressの紹介@CMS Fun Nagoya 2015.2.21
WordPressの紹介@CMS Fun Nagoya 2015.2.21WordPressの紹介@CMS Fun Nagoya 2015.2.21
WordPressの紹介@CMS Fun Nagoya 2015.2.21Yasuhiro Nozue
 
20160610 mtsaga handson_public
20160610 mtsaga handson_public20160610 mtsaga handson_public
20160610 mtsaga handson_publicSix Apart
 
Docker勉強会2017 実践編 スライド
Docker勉強会2017 実践編 スライドDocker勉強会2017 実践編 スライド
Docker勉強会2017 実践編 スライドShiojiri Ohhara
 
20160720 okubo mt_cloud_handson
20160720 okubo mt_cloud_handson20160720 okubo mt_cloud_handson
20160720 okubo mt_cloud_handsonSix Apart
 
CoderDojo五日市 OSChiroshima2017
CoderDojo五日市 OSChiroshima2017CoderDojo五日市 OSChiroshima2017
CoderDojo五日市 OSChiroshima2017朋紀 髙橋
 
山口県初のDojo「CoderDojo光」はじめました
山口県初のDojo「CoderDojo光」はじめました山口県初のDojo「CoderDojo光」はじめました
山口県初のDojo「CoderDojo光」はじめましたHiroyuki Ishikawa
 
XRにおけるプロトタイピングについて
XRにおけるプロトタイピングについてXRにおけるプロトタイピングについて
XRにおけるプロトタイピングについてWheetTweet
 
20170703_07 IoTシステム開発スタートアップって本を書こうと思ったら大変だった
20170703_07 IoTシステム開発スタートアップって本を書こうと思ったら大変だった20170703_07 IoTシステム開発スタートアップって本を書こうと思ったら大変だった
20170703_07 IoTシステム開発スタートアップって本を書こうと思ったら大変だったIoTビジネス共創ラボ
 
特別支援学校SNS活用から「おたがいネット」
特別支援学校SNS活用から「おたがいネット」特別支援学校SNS活用から「おたがいネット」
特別支援学校SNS活用から「おたがいネット」Yoshiaki Fukui
 
20180702 okubo mtc_loud_handson
20180702 okubo mtc_loud_handson20180702 okubo mtc_loud_handson
20180702 okubo mtc_loud_handsonSix Apart
 
WordPress とコミュニティについて
WordPress とコミュニティについてWordPress とコミュニティについて
WordPress とコミュニティについてYasuhiro Nozue
 
WordBench埼玉紹介 20130526
WordBench埼玉紹介 20130526WordBench埼玉紹介 20130526
WordBench埼玉紹介 20130526Yoshitaka KATO
 

What's hot (20)

kintone Café 名古屋 Vol.4
kintone Café 名古屋 Vol.4kintone Café 名古屋 Vol.4
kintone Café 名古屋 Vol.4
 
SQSでやらかしたLT
SQSでやらかしたLTSQSでやらかしたLT
SQSでやらかしたLT
 
セキュリティの基本とWordPress
セキュリティの基本とWordPressセキュリティの基本とWordPress
セキュリティの基本とWordPress
 
コミュニティを持って学んだ交流できる”場”の6つのポイント
コミュニティを持って学んだ交流できる”場”の6つのポイントコミュニティを持って学んだ交流できる”場”の6つのポイント
コミュニティを持って学んだ交流できる”場”の6つのポイント
 
全てのムダに理由あり!弱者のブランディング戦略 先生:吉原 ゴウ
全てのムダに理由あり!弱者のブランディング戦略 先生:吉原 ゴウ全てのムダに理由あり!弱者のブランディング戦略 先生:吉原 ゴウ
全てのムダに理由あり!弱者のブランディング戦略 先生:吉原 ゴウ
 
30分で分かる!kintoneの基本
30分で分かる!kintoneの基本30分で分かる!kintoneの基本
30分で分かる!kintoneの基本
 
20180628 sappor alibaba_event
20180628 sappor alibaba_event20180628 sappor alibaba_event
20180628 sappor alibaba_event
 
WordPressの紹介@CMS Fun Nagoya 2015.2.21
WordPressの紹介@CMS Fun Nagoya 2015.2.21WordPressの紹介@CMS Fun Nagoya 2015.2.21
WordPressの紹介@CMS Fun Nagoya 2015.2.21
 
20160610 mtsaga handson_public
20160610 mtsaga handson_public20160610 mtsaga handson_public
20160610 mtsaga handson_public
 
Docker勉強会2017 実践編 スライド
Docker勉強会2017 実践編 スライドDocker勉強会2017 実践編 スライド
Docker勉強会2017 実践編 スライド
 
20160720 okubo mt_cloud_handson
20160720 okubo mt_cloud_handson20160720 okubo mt_cloud_handson
20160720 okubo mt_cloud_handson
 
CoderDojo五日市 OSChiroshima2017
CoderDojo五日市 OSChiroshima2017CoderDojo五日市 OSChiroshima2017
CoderDojo五日市 OSChiroshima2017
 
山口県初のDojo「CoderDojo光」はじめました
山口県初のDojo「CoderDojo光」はじめました山口県初のDojo「CoderDojo光」はじめました
山口県初のDojo「CoderDojo光」はじめました
 
XRにおけるプロトタイピングについて
XRにおけるプロトタイピングについてXRにおけるプロトタイピングについて
XRにおけるプロトタイピングについて
 
20170703_07 IoTシステム開発スタートアップって本を書こうと思ったら大変だった
20170703_07 IoTシステム開発スタートアップって本を書こうと思ったら大変だった20170703_07 IoTシステム開発スタートアップって本を書こうと思ったら大変だった
20170703_07 IoTシステム開発スタートアップって本を書こうと思ったら大変だった
 
特別支援学校SNS活用から「おたがいネット」
特別支援学校SNS活用から「おたがいネット」特別支援学校SNS活用から「おたがいネット」
特別支援学校SNS活用から「おたがいネット」
 
20180702 okubo mtc_loud_handson
20180702 okubo mtc_loud_handson20180702 okubo mtc_loud_handson
20180702 okubo mtc_loud_handson
 
WordPress とコミュニティについて
WordPress とコミュニティについてWordPress とコミュニティについて
WordPress とコミュニティについて
 
WordBench埼玉紹介 20130526
WordBench埼玉紹介 20130526WordBench埼玉紹介 20130526
WordBench埼玉紹介 20130526
 
Security camp cpu
Security camp cpuSecurity camp cpu
Security camp cpu
 

Similar to 「トゥギャッターを支えるJS」In JSオジサン #5

金沢ハッカソン2013~オープンガバメント~
金沢ハッカソン2013~オープンガバメント~金沢ハッカソン2013~オープンガバメント~
金沢ハッカソン2013~オープンガバメント~Taisuke Fukuno
 
プログラミングを学ぶと何が良いのか
プログラミングを学ぶと何が良いのかプログラミングを学ぶと何が良いのか
プログラミングを学ぶと何が良いのかHaruo Sato
 
オフライン行動を支えるメール配送管理 at サイタ
オフライン行動を支えるメール配送管理 at サイタオフライン行動を支えるメール配送管理 at サイタ
オフライン行動を支えるメール配送管理 at サイタYosuke TOMITA
 
DevOpsが引き金となるインフラエンジニアの進撃
DevOpsが引き金となるインフラエンジニアの進撃DevOpsが引き金となるインフラエンジニアの進撃
DevOpsが引き金となるインフラエンジニアの進撃Teruo Adachi
 
2013年08月 夏サミ2013-A5「DevOpsってどうなのよ?」
2013年08月 夏サミ2013-A5「DevOpsってどうなのよ?」2013年08月 夏サミ2013-A5「DevOpsってどうなのよ?」
2013年08月 夏サミ2013-A5「DevOpsってどうなのよ?」Serverworks Co.,Ltd.
 
[DynamoDB][AmazonES]メディア向けデータストアサービスをリリースして直面したツラミ ~X-Tech後日談~
[DynamoDB][AmazonES]メディア向けデータストアサービスをリリースして直面したツラミ ~X-Tech後日談~[DynamoDB][AmazonES]メディア向けデータストアサービスをリリースして直面したツラミ ~X-Tech後日談~
[DynamoDB][AmazonES]メディア向けデータストアサービスをリリースして直面したツラミ ~X-Tech後日談~Yasuhiro Murata
 
みんなが安全にクラウドを使うために色々考えた結果
みんなが安全にクラウドを使うために色々考えた結果みんなが安全にクラウドを使うために色々考えた結果
みんなが安全にクラウドを使うために色々考えた結果Masamitsu Maehara
 
開発者からサポートエンジニアにジョブチェンジした話
開発者からサポートエンジニアにジョブチェンジした話開発者からサポートエンジニアにジョブチェンジした話
開発者からサポートエンジニアにジョブチェンジした話Ito Takayuki
 
記事には書けなかったHTML5の話
記事には書けなかったHTML5の話記事には書けなかったHTML5の話
記事には書けなかったHTML5の話Shumpei Shiraishi
 
kintone café 大阪 Vol.1
kintone café 大阪 Vol.1kintone café 大阪 Vol.1
kintone café 大阪 Vol.1Koji Asaga
 
マイクロサービスとそれを支えるアーキテクチャー
マイクロサービスとそれを支えるアーキテクチャーマイクロサービスとそれを支えるアーキテクチャー
マイクロサービスとそれを支えるアーキテクチャーTsukasa Kato
 
我が家のフロントエンド開発事情
我が家のフロントエンド開発事情我が家のフロントエンド開発事情
我が家のフロントエンド開発事情Naoki Yamada
 
イノベーションエッグLt資料
イノベーションエッグLt資料イノベーションエッグLt資料
イノベーションエッグLt資料Yuki Yoshida
 
地方とTwilioJP-UGの素敵な関係
地方とTwilioJP-UGの素敵な関係地方とTwilioJP-UGの素敵な関係
地方とTwilioJP-UGの素敵な関係Hiroyuki Hiki
 
業務系WebアプリケーションがStrutsから旅立つ日
業務系WebアプリケーションがStrutsから旅立つ日業務系WebアプリケーションがStrutsから旅立つ日
業務系WebアプリケーションがStrutsから旅立つ日Mitsuru Ogawa
 
Google CardbordとLeapMotion 〜お手軽VR〜
Google CardbordとLeapMotion〜お手軽VR〜Google CardbordとLeapMotion〜お手軽VR〜
Google CardbordとLeapMotion 〜お手軽VR〜Yutaka Fujisaki
 
html5とcss3実例紹介とデモ
html5とcss3実例紹介とデモhtml5とcss3実例紹介とデモ
html5とcss3実例紹介とデモAkihiro Sugiyama
 
プロが教える Rails 教え方ワンポイントとキャリア情報
プロが教える Rails 教え方ワンポイントとキャリア情報プロが教える Rails 教え方ワンポイントとキャリア情報
プロが教える Rails 教え方ワンポイントとキャリア情報DIVE INTO CODE Corp.
 
UXを損ねる静的コンテンツ配信アンチパターン7選
UXを損ねる静的コンテンツ配信アンチパターン7選UXを損ねる静的コンテンツ配信アンチパターン7選
UXを損ねる静的コンテンツ配信アンチパターン7選Yuki Okada
 

Similar to 「トゥギャッターを支えるJS」In JSオジサン #5 (20)

金沢ハッカソン2013~オープンガバメント~
金沢ハッカソン2013~オープンガバメント~金沢ハッカソン2013~オープンガバメント~
金沢ハッカソン2013~オープンガバメント~
 
プログラミングを学ぶと何が良いのか
プログラミングを学ぶと何が良いのかプログラミングを学ぶと何が良いのか
プログラミングを学ぶと何が良いのか
 
オフライン行動を支えるメール配送管理 at サイタ
オフライン行動を支えるメール配送管理 at サイタオフライン行動を支えるメール配送管理 at サイタ
オフライン行動を支えるメール配送管理 at サイタ
 
Jaws niigata#8
Jaws niigata#8Jaws niigata#8
Jaws niigata#8
 
DevOpsが引き金となるインフラエンジニアの進撃
DevOpsが引き金となるインフラエンジニアの進撃DevOpsが引き金となるインフラエンジニアの進撃
DevOpsが引き金となるインフラエンジニアの進撃
 
2013年08月 夏サミ2013-A5「DevOpsってどうなのよ?」
2013年08月 夏サミ2013-A5「DevOpsってどうなのよ?」2013年08月 夏サミ2013-A5「DevOpsってどうなのよ?」
2013年08月 夏サミ2013-A5「DevOpsってどうなのよ?」
 
[DynamoDB][AmazonES]メディア向けデータストアサービスをリリースして直面したツラミ ~X-Tech後日談~
[DynamoDB][AmazonES]メディア向けデータストアサービスをリリースして直面したツラミ ~X-Tech後日談~[DynamoDB][AmazonES]メディア向けデータストアサービスをリリースして直面したツラミ ~X-Tech後日談~
[DynamoDB][AmazonES]メディア向けデータストアサービスをリリースして直面したツラミ ~X-Tech後日談~
 
みんなが安全にクラウドを使うために色々考えた結果
みんなが安全にクラウドを使うために色々考えた結果みんなが安全にクラウドを使うために色々考えた結果
みんなが安全にクラウドを使うために色々考えた結果
 
開発者からサポートエンジニアにジョブチェンジした話
開発者からサポートエンジニアにジョブチェンジした話開発者からサポートエンジニアにジョブチェンジした話
開発者からサポートエンジニアにジョブチェンジした話
 
記事には書けなかったHTML5の話
記事には書けなかったHTML5の話記事には書けなかったHTML5の話
記事には書けなかったHTML5の話
 
kintone café 大阪 Vol.1
kintone café 大阪 Vol.1kintone café 大阪 Vol.1
kintone café 大阪 Vol.1
 
マイクロサービスとそれを支えるアーキテクチャー
マイクロサービスとそれを支えるアーキテクチャーマイクロサービスとそれを支えるアーキテクチャー
マイクロサービスとそれを支えるアーキテクチャー
 
我が家のフロントエンド開発事情
我が家のフロントエンド開発事情我が家のフロントエンド開発事情
我が家のフロントエンド開発事情
 
イノベーションエッグLt資料
イノベーションエッグLt資料イノベーションエッグLt資料
イノベーションエッグLt資料
 
地方とTwilioJP-UGの素敵な関係
地方とTwilioJP-UGの素敵な関係地方とTwilioJP-UGの素敵な関係
地方とTwilioJP-UGの素敵な関係
 
業務系WebアプリケーションがStrutsから旅立つ日
業務系WebアプリケーションがStrutsから旅立つ日業務系WebアプリケーションがStrutsから旅立つ日
業務系WebアプリケーションがStrutsから旅立つ日
 
Google CardbordとLeapMotion 〜お手軽VR〜
Google CardbordとLeapMotion〜お手軽VR〜Google CardbordとLeapMotion〜お手軽VR〜
Google CardbordとLeapMotion 〜お手軽VR〜
 
html5とcss3実例紹介とデモ
html5とcss3実例紹介とデモhtml5とcss3実例紹介とデモ
html5とcss3実例紹介とデモ
 
プロが教える Rails 教え方ワンポイントとキャリア情報
プロが教える Rails 教え方ワンポイントとキャリア情報プロが教える Rails 教え方ワンポイントとキャリア情報
プロが教える Rails 教え方ワンポイントとキャリア情報
 
UXを損ねる静的コンテンツ配信アンチパターン7選
UXを損ねる静的コンテンツ配信アンチパターン7選UXを損ねる静的コンテンツ配信アンチパターン7選
UXを損ねる静的コンテンツ配信アンチパターン7選
 

「トゥギャッターを支えるJS」In JSオジサン #5