Soumettre la recherche
Mettre en ligne
Twitter名刺ジェネレータ
•
0 j'aime
•
1,916 vues
Sho Hosoda
Suivre
KLab プロトタイピングラボ 2013 で開発したWebサービスの紹介です。 TwitterIDから手軽に名刺を作るサービスです。
Lire moins
Lire la suite
Signaler
Partager
Signaler
Partager
1 sur 17
Télécharger maintenant
Télécharger pour lire hors ligne
Recommandé
[120517]自己紹介
[120517]自己紹介
Takahiro Yano
名詞に関することを色々と (2012/03/21 @鈴鹿高専 LT大会第4回)
名刺の作り方(+α)
名刺の作り方(+α)
Takahiro Yano
2013/12/12 のTsukuba.rb の発表資料です。
Rubyで連結リスト使うためのgemを作った(tsukuba.rb版)
Rubyで連結リスト使うためのgemを作った(tsukuba.rb版)
Sho Hosoda
2016/02/14 シェーダだけで世界を創る!three.jsによるレイマーチング GPU の熱でチョコも溶けちゃう!? GLSL シェーダテクニック勉強会 @gam0022
シェーダだけで世界を創る!three.jsによるレイマーチング
シェーダだけで世界を創る!three.jsによるレイマーチング
Sho Hosoda
遷移図生成ツール blockdiag の紹介 @ Pycon mini JP 2011/01
遷移図生成ツール blockdiag の紹介 @ Pycon mini JP 2011/01
Takeshi Komiya
#WEBエンジニア勉強会03
Web study20171007
Web study20171007
Shinichiro Takezaki
第5回 八王子AI (2020年1月18日開催) セッション資料 Cognitive Services の Speech To Text, Text Analytics を使って、話した内容の感情分析をするアプリの紹介です。
API ペタペタしただけのお手軽 感情分析アプリ
API ペタペタしただけのお手軽 感情分析アプリ
Yoshitaka Seo
認証のパラダイムシフトは実際にみなさんの開発の現場に採用されるまでに時間差はあるものの開発者のみなさんに必要なスキルのひとつになっていきます。 たとえば外部情報の活用という点では、FacebookなどのアイデンティティプロバイダーのAPIでSSOを行うことでサービスを提供する側はアカウントの管理から解放されます。また、Microsoft GraphによるOffice 365連携をすることでユーザーの既存資産を活用します。その他の外部Webサービスとのマッシュアップを利用するシーンも増えてきています。Microsoft Graphでスコープの制限を使った情報共有のユーザーごとの制御の必要のあった開発の経験がある方やログイン時にアカウントをアイデンティティプロバイダーから選択できる画面の開発経験がある方は「認証におけるパラダイムシフトになるであろう分散型IDによる認証方式」を知っておくことの必要性を理解いただいていると思います。
Decentralized identity
Decentralized identity
Takao Tetsuro
Recommandé
[120517]自己紹介
[120517]自己紹介
Takahiro Yano
名詞に関することを色々と (2012/03/21 @鈴鹿高専 LT大会第4回)
名刺の作り方(+α)
名刺の作り方(+α)
Takahiro Yano
2013/12/12 のTsukuba.rb の発表資料です。
Rubyで連結リスト使うためのgemを作った(tsukuba.rb版)
Rubyで連結リスト使うためのgemを作った(tsukuba.rb版)
Sho Hosoda
2016/02/14 シェーダだけで世界を創る!three.jsによるレイマーチング GPU の熱でチョコも溶けちゃう!? GLSL シェーダテクニック勉強会 @gam0022
シェーダだけで世界を創る!three.jsによるレイマーチング
シェーダだけで世界を創る!three.jsによるレイマーチング
Sho Hosoda
遷移図生成ツール blockdiag の紹介 @ Pycon mini JP 2011/01
遷移図生成ツール blockdiag の紹介 @ Pycon mini JP 2011/01
Takeshi Komiya
#WEBエンジニア勉強会03
Web study20171007
Web study20171007
Shinichiro Takezaki
第5回 八王子AI (2020年1月18日開催) セッション資料 Cognitive Services の Speech To Text, Text Analytics を使って、話した内容の感情分析をするアプリの紹介です。
API ペタペタしただけのお手軽 感情分析アプリ
API ペタペタしただけのお手軽 感情分析アプリ
Yoshitaka Seo
認証のパラダイムシフトは実際にみなさんの開発の現場に採用されるまでに時間差はあるものの開発者のみなさんに必要なスキルのひとつになっていきます。 たとえば外部情報の活用という点では、FacebookなどのアイデンティティプロバイダーのAPIでSSOを行うことでサービスを提供する側はアカウントの管理から解放されます。また、Microsoft GraphによるOffice 365連携をすることでユーザーの既存資産を活用します。その他の外部Webサービスとのマッシュアップを利用するシーンも増えてきています。Microsoft Graphでスコープの制限を使った情報共有のユーザーごとの制御の必要のあった開発の経験がある方やログイン時にアカウントをアイデンティティプロバイダーから選択できる画面の開発経験がある方は「認証におけるパラダイムシフトになるであろう分散型IDによる認証方式」を知っておくことの必要性を理解いただいていると思います。
Decentralized identity
Decentralized identity
Takao Tetsuro
チャットボットやスマートスピーカーなどの新しいUser Interfaceの活用が求められています。 しかしながら、単にAI活用をしてみたという実績作りのためにチャットボットを導入し、効果をあげられていない企業も多く、どのようにチャットボットを導入すれば良いのか分からない企業が多く見受けられます。 本セミナーではチャットボットの基本的な技術理解から、チャットボットの種類や導入タイプ別の豊富な事例などの知識学習をしたうえで、顧客体験価値を起点としたチャットボットのUXデザインによる適用業務を発見するためのワークショップを実施します。 ワークショップを通して自社において、どういったチャットボット適用の可能性があるのかを考えられるノウハウを身に着けていただき、実際の導入に活かしていただける実践的なセミナーとなっております。 株式会社エデュテックパートナーズ http://www.edutech.co.jp/
チャットボットを自社業務に適用するにはどうしたらいいのか?:UXデザインによるチャット業務デザイン講座
チャットボットを自社業務に適用するにはどうしたらいいのか?:UXデザインによるチャット業務デザイン講座
munjapan
id=nagano nseg 合同新年会 LT資料
id=nagano nseg 合同新年会 LT資料
Masashi Takahashi
AzureのサーバレスでNode.jsテンプレート使ってチャットボット作れるよ
20180621_Node学園LT
20180621_Node学園LT
Kahori Takeda
ITと未来、.NETと未来、コミュニティと未来
User groupandfuture
User groupandfuture
Takao Tetsuro
コンテナ共創センター勉強会#23 公開資料①
OpenShiftで実現するプラットフォーム・エンジニアリングにおけるDevSecOpsの価値.pdf
OpenShiftで実現するプラットフォーム・エンジニアリングにおけるDevSecOpsの価値.pdf
FumieNakayama
LT資料 @ Prott User Meetup vol.6 TOKYO
Prototype in Service Design
Prototype in Service Design
Hiiro Kato
第56回 Machine Learning 15minutes! Broadcastで登壇した時のスライドです。 https://machine-learning15minutes.connpass.com/event/214810/ 修正版はこちら https://www.slideshare.net/NodokaFujimoto/ai-249801654
新卒2ヶ月でAIを社会実装させた3つのデザイン(修正前)
新卒2ヶ月でAIを社会実装させた3つのデザイン(修正前)
NodokaFujimoto
第56回 Machine Learning 15minutes! Broadcastで登壇した時のスライドです。 https://machine-learning15minutes.connpass.com/event/214810/ AIの導入ってハードルが高い...と思っている方、深層学習のモデル作成してみたけど実装には至らない...という方に、簡単な技術でAIを実装させるためのデザインについてお話ししました デザインのポイント3つ (1)ユーザが喜ぶ × すぐできそうな手法から初めてみる! (2)機能が完璧でなくてもデザインでカバーできる! (3)機能+デザインの提案によって方針決定を速める! データサイエンス&デザインをやっている人間に興味がある方は、ぜひ話しかけてください Twitter:https://twitter.com/p_lab_n
新卒2ヶ月でAIを社会実装させた3つのデザイン
新卒2ヶ月でAIを社会実装させた3つのデザイン
NodokaFujimoto
.NETラボ2020年6月で発表した資料です
TeamsのチャネルとやりとりするWeb Applicationを作ったお話
TeamsのチャネルとやりとりするWeb Applicationを作ったお話
DevTakas
2018.06.30 に開催された Interact 2018 #T24 のセッション資料です。
Power BI の可能性?見(魅)せてやるよ!!!その本気ってやつをな
Power BI の可能性?見(魅)せてやるよ!!!その本気ってやつをな
Yugo Shimizu
レイトレ合宿5‽のためにRustで開発したパストレーサの紹介です。 BVHなどでポリゴンとの衝突判定を高速化したり、薄レンズモデルによる被写界深度を入れたり、IBLしたりしました。
Hanamaru Renderer for レイトレ合宿5‽
Hanamaru Renderer for レイトレ合宿5‽
Sho Hosoda
関数型スタイルでのクイックソートを高速化した話(Ruby)です。KLab ALM 2014/07/29 で発表しました。
Immutable List Gem (KLab ALM版)
Immutable List Gem (KLab ALM版)
Sho Hosoda
three.js の紹介です。 #coinsLT で発表しました。
three.js の紹介
three.js の紹介
Sho Hosoda
Inter Hack U 2013 の時の発表資料です。 http://yhacks.jp/hacku/inter2013/ カメラで商品検索というiOSアプリを発表しました。
カメラで商品検索
カメラで商品検索
Sho Hosoda
2013/12/14に行われた、アカリク主催の学生のためのアプリ開発コンテストの発表資料です。 http://acaric-valuator.com/event/studentappcontest2013/ TwinCalという時間割作成を支援するWebアプリをプレゼンしました。
TwinCal(学生のためのアプリ開発コンテストVer.)
TwinCal(学生のためのアプリ開発コンテストVer.)
Sho Hosoda
Twincal
Twincal
Sho Hosoda
Contenu connexe
Similaire à Twitter名刺ジェネレータ
チャットボットやスマートスピーカーなどの新しいUser Interfaceの活用が求められています。 しかしながら、単にAI活用をしてみたという実績作りのためにチャットボットを導入し、効果をあげられていない企業も多く、どのようにチャットボットを導入すれば良いのか分からない企業が多く見受けられます。 本セミナーではチャットボットの基本的な技術理解から、チャットボットの種類や導入タイプ別の豊富な事例などの知識学習をしたうえで、顧客体験価値を起点としたチャットボットのUXデザインによる適用業務を発見するためのワークショップを実施します。 ワークショップを通して自社において、どういったチャットボット適用の可能性があるのかを考えられるノウハウを身に着けていただき、実際の導入に活かしていただける実践的なセミナーとなっております。 株式会社エデュテックパートナーズ http://www.edutech.co.jp/
チャットボットを自社業務に適用するにはどうしたらいいのか?:UXデザインによるチャット業務デザイン講座
チャットボットを自社業務に適用するにはどうしたらいいのか?:UXデザインによるチャット業務デザイン講座
munjapan
id=nagano nseg 合同新年会 LT資料
id=nagano nseg 合同新年会 LT資料
Masashi Takahashi
AzureのサーバレスでNode.jsテンプレート使ってチャットボット作れるよ
20180621_Node学園LT
20180621_Node学園LT
Kahori Takeda
ITと未来、.NETと未来、コミュニティと未来
User groupandfuture
User groupandfuture
Takao Tetsuro
コンテナ共創センター勉強会#23 公開資料①
OpenShiftで実現するプラットフォーム・エンジニアリングにおけるDevSecOpsの価値.pdf
OpenShiftで実現するプラットフォーム・エンジニアリングにおけるDevSecOpsの価値.pdf
FumieNakayama
LT資料 @ Prott User Meetup vol.6 TOKYO
Prototype in Service Design
Prototype in Service Design
Hiiro Kato
第56回 Machine Learning 15minutes! Broadcastで登壇した時のスライドです。 https://machine-learning15minutes.connpass.com/event/214810/ 修正版はこちら https://www.slideshare.net/NodokaFujimoto/ai-249801654
新卒2ヶ月でAIを社会実装させた3つのデザイン(修正前)
新卒2ヶ月でAIを社会実装させた3つのデザイン(修正前)
NodokaFujimoto
第56回 Machine Learning 15minutes! Broadcastで登壇した時のスライドです。 https://machine-learning15minutes.connpass.com/event/214810/ AIの導入ってハードルが高い...と思っている方、深層学習のモデル作成してみたけど実装には至らない...という方に、簡単な技術でAIを実装させるためのデザインについてお話ししました デザインのポイント3つ (1)ユーザが喜ぶ × すぐできそうな手法から初めてみる! (2)機能が完璧でなくてもデザインでカバーできる! (3)機能+デザインの提案によって方針決定を速める! データサイエンス&デザインをやっている人間に興味がある方は、ぜひ話しかけてください Twitter:https://twitter.com/p_lab_n
新卒2ヶ月でAIを社会実装させた3つのデザイン
新卒2ヶ月でAIを社会実装させた3つのデザイン
NodokaFujimoto
.NETラボ2020年6月で発表した資料です
TeamsのチャネルとやりとりするWeb Applicationを作ったお話
TeamsのチャネルとやりとりするWeb Applicationを作ったお話
DevTakas
2018.06.30 に開催された Interact 2018 #T24 のセッション資料です。
Power BI の可能性?見(魅)せてやるよ!!!その本気ってやつをな
Power BI の可能性?見(魅)せてやるよ!!!その本気ってやつをな
Yugo Shimizu
Similaire à Twitter名刺ジェネレータ
(10)
チャットボットを自社業務に適用するにはどうしたらいいのか?:UXデザインによるチャット業務デザイン講座
チャットボットを自社業務に適用するにはどうしたらいいのか?:UXデザインによるチャット業務デザイン講座
id=nagano nseg 合同新年会 LT資料
id=nagano nseg 合同新年会 LT資料
20180621_Node学園LT
20180621_Node学園LT
User groupandfuture
User groupandfuture
OpenShiftで実現するプラットフォーム・エンジニアリングにおけるDevSecOpsの価値.pdf
OpenShiftで実現するプラットフォーム・エンジニアリングにおけるDevSecOpsの価値.pdf
Prototype in Service Design
Prototype in Service Design
新卒2ヶ月でAIを社会実装させた3つのデザイン(修正前)
新卒2ヶ月でAIを社会実装させた3つのデザイン(修正前)
新卒2ヶ月でAIを社会実装させた3つのデザイン
新卒2ヶ月でAIを社会実装させた3つのデザイン
TeamsのチャネルとやりとりするWeb Applicationを作ったお話
TeamsのチャネルとやりとりするWeb Applicationを作ったお話
Power BI の可能性?見(魅)せてやるよ!!!その本気ってやつをな
Power BI の可能性?見(魅)せてやるよ!!!その本気ってやつをな
Plus de Sho Hosoda
レイトレ合宿5‽のためにRustで開発したパストレーサの紹介です。 BVHなどでポリゴンとの衝突判定を高速化したり、薄レンズモデルによる被写界深度を入れたり、IBLしたりしました。
Hanamaru Renderer for レイトレ合宿5‽
Hanamaru Renderer for レイトレ合宿5‽
Sho Hosoda
関数型スタイルでのクイックソートを高速化した話(Ruby)です。KLab ALM 2014/07/29 で発表しました。
Immutable List Gem (KLab ALM版)
Immutable List Gem (KLab ALM版)
Sho Hosoda
three.js の紹介です。 #coinsLT で発表しました。
three.js の紹介
three.js の紹介
Sho Hosoda
Inter Hack U 2013 の時の発表資料です。 http://yhacks.jp/hacku/inter2013/ カメラで商品検索というiOSアプリを発表しました。
カメラで商品検索
カメラで商品検索
Sho Hosoda
2013/12/14に行われた、アカリク主催の学生のためのアプリ開発コンテストの発表資料です。 http://acaric-valuator.com/event/studentappcontest2013/ TwinCalという時間割作成を支援するWebアプリをプレゼンしました。
TwinCal(学生のためのアプリ開発コンテストVer.)
TwinCal(学生のためのアプリ開発コンテストVer.)
Sho Hosoda
Twincal
Twincal
Sho Hosoda
Plus de Sho Hosoda
(6)
Hanamaru Renderer for レイトレ合宿5‽
Hanamaru Renderer for レイトレ合宿5‽
Immutable List Gem (KLab ALM版)
Immutable List Gem (KLab ALM版)
three.js の紹介
three.js の紹介
カメラで商品検索
カメラで商品検索
TwinCal(学生のためのアプリ開発コンテストVer.)
TwinCal(学生のためのアプリ開発コンテストVer.)
Twincal
Twincal
Twitter名刺ジェネレータ
1.
Twitter 名刺 ジェネレータ 筑波大学情報学群情報科学類
3年 細田 翔
2.
CONCEPT 気軽に名刺を作れるサービスを目指した。
3.
画面構成 ①Twitter ID を入力 (認証不要) ②デザインを選択 瞬時にプレビュー!
4.
類似サービスとの比較 ツイ名刺 ずっとメンテナンス中(◞‸◟) Proca 認証しないと使えない Twit Card 閉鎖\(^o^)/ ついったー名刺ジェネレータ API1.1に未対応.... Twitter API
1.1 に対応できなかった? 今年の6/12 で Twitter 1.1 に完全移行した。 「Twitter 名刺」でググった上位4件
5.
高速な描画 描画は クライアント側 (HTML5
Canvas) 。 高速な描画。デザインを選択したら瞬時にプレビュー! ストレスがない✌('ω')✌
6.
要約機能 仕組み 直近200件のツイートを 取得。 MeCab で形態素解析。 マルコフ連鎖で要約文を 生成。 結果は毎回変化! シュールで面白い!?
7.
レスポンシブルデザイン Android での表示 ナビゲーションがドロップダウ ン式に変化 2カラム →
1カラム に変化
8.
TOP → SHOW
の遷移方法 ここからは デモンストレーションします
9.
画面構成 SHOW Show 画面に遷移
10.
他の人の名刺を 見れる! 作った名刺を Twitter で共有 ※削除機能はBASIC認証で 管理者のみ実行可能
11.
TWITTER に投稿
12.
苦労した点 クロスドメインアクセスの回避。 サーバにアイコンを保存。 Canvas で複数行の文字を描画すること。 1文字ずつ文字を取り出して、指定した幅になるように文字を 分割。複数回に分けて canvas#fillText()
した。 長い bio、短い bio があるので、どんな文字数でもバランスよく なるようにした。(テキストを下寄せにする独自関数を実装)
13.
こだわり レンスポンスの速さ 使いやすくて分かりやすいUI エラー処理 セキュリティ(XSS回避) 3日間という短い開発期間だったが、 細部まで妥協せずに開発した。
14.
使用技術 クライアントサイド JavaScript, Ajax Canvas(HTML5) サーバサイド Ruby (Twitter
認証はサーバ側で行った) 形態素解析エンジンとして MeCab View に erb を利用 (MVCを意識)
15.
URL http://gam0022.net/app/tmg/
16.
SOURCE CODE https://github.com/gam0022/twitter-meishi-generator
17.
完。
Télécharger maintenant