SlideShare a Scribd company logo
アジェンダ
どんなことが出来るか

作ってみよう

困ったところ

使ってみる

まとめ
どんなことが出来るか
話のネタ
どんなことが出来るか
あふれる知識欲満たすため
どんなことが出来るか
仕事のあいまの時間つぶし
作ってみよう
IGoogleにそっくりなガジェットが…


おし!パクろう!!

 ダウンロードしてJavascriptで書かれている
 コード読む
作ってみよう
そのままJavascriptで通信してもつながらない
作ってみよう
やっぱりPHPで書いてみよう!
作ってみよう
PEARを利用するか


wikitextをそのままHTMLにできる!


でも、インストールがめんどくさい!
作ってみよう
正規表現でかく

wikitextを正規表現で置き換え


ごめんなさい><
作ってみよう
まずはHTMLからXML形式に

simpleXMLでXML形式にし、欲しい部分をかん
 たんに抽出
作ってみよう
HTML→XML→HTML→Javascriptへ


wikipediaからのデータの流れ


 
困ったところ
Wikipedia内のリンクはすべて相対リンク


 PHPで/wiki/をhttp://ja.wikipedia.org/wiki/に置き換
 える
困ったところ
smartyのサニタイズ(無効化)を無効化
困ったところ
ページ処理
シングルクォートのエスケープ
javascriptの最大文字列?
困ったところ
Idを指定する


 javascriptのfunctionやgetElementById、対象の
 HTMLのidにブロックのidを指定する
使ってみる



デモやります!!
『今日は何の日?』



Wikipediaからその日の情報を教えてくれるプラグイ
        ンをご紹介します!
自己紹介
名前:田渕 宣行

会社:合同会社ORES
web制作、動画制作などやってます


趣味:
まとめ
エラーを出力する

ご意見・ご感想がある場合は
http://ores-company/まで


Amazonをあまりあてにしない

More Related Content

What's hot

HTML5 開発環境の紹介
HTML5 開発環境の紹介HTML5 開発環境の紹介
HTML5 開発環境の紹介
tomo_masakura
 
Jspmとtypescriptで開発する
Jspmとtypescriptで開発するJspmとtypescriptで開発する
Jspmとtypescriptで開発する
Taketoshi 青野健利
 
Angular js meets cakephp at cloud on the beach 2014 前夜祭
Angular js meets cakephp at cloud on the beach 2014 前夜祭Angular js meets cakephp at cloud on the beach 2014 前夜祭
Angular js meets cakephp at cloud on the beach 2014 前夜祭
司 知花
 
WordPressをCMSとして利用するために便利なWP SiteManagerについて
WordPressをCMSとして利用するために便利なWP SiteManagerについてWordPressをCMSとして利用するために便利なWP SiteManagerについて
WordPressをCMSとして利用するために便利なWP SiteManagerについて
Tsuyoshi.
 
Yeoman RIAビルドツール超入門
Yeoman RIAビルドツール超入門Yeoman RIAビルドツール超入門
Yeoman RIAビルドツール超入門Masakazu Muraoka
 
Cocoa関西勉強会#49
Cocoa関西勉強会#49Cocoa関西勉強会#49
Cocoa関西勉強会#49
yashigani
 
トークイベントいろいろ
トークイベントいろいろトークイベントいろいろ
トークイベントいろいろ
高見 知英
 
歴史あるWebサービスに携わって2年半の間に起きた事やった事
歴史あるWebサービスに携わって2年半の間に起きた事やった事歴史あるWebサービスに携わって2年半の間に起きた事やった事
歴史あるWebサービスに携わって2年半の間に起きた事やった事
Masataka Kono
 
プロトタイピングでしあわせになろうよ
プロトタイピングでしあわせになろうよプロトタイピングでしあわせになろうよ
プロトタイピングでしあわせになろうよ
Yoshiki Kojima
 
You Can Be a CPAN Auhor
You Can Be a CPAN AuhorYou Can Be a CPAN Auhor
You Can Be a CPAN Auhor
moznion
 
これで大丈夫。Web制作で使うコマンドラインツールの名前と役割をざっくり理解する
これで大丈夫。Web制作で使うコマンドラインツールの名前と役割をざっくり理解するこれで大丈夫。Web制作で使うコマンドラインツールの名前と役割をざっくり理解する
これで大丈夫。Web制作で使うコマンドラインツールの名前と役割をざっくり理解する
Hajime Ogushi
 
10年続いているwebサービスの画像サーバをノーメンテでftpサーバからs3互換のストレージサーバに移行している話
10年続いているwebサービスの画像サーバをノーメンテでftpサーバからs3互換のストレージサーバに移行している話 10年続いているwebサービスの画像サーバをノーメンテでftpサーバからs3互換のストレージサーバに移行している話
10年続いているwebサービスの画像サーバをノーメンテでftpサーバからs3互換のストレージサーバに移行している話
Masataka Kono
 
Laravelのeloquent だけ入れた話
Laravelのeloquent だけ入れた話Laravelのeloquent だけ入れた話
Laravelのeloquent だけ入れた話
Masataka Kono
 
goog.require()を手書きしていいのは小学生まで
goog.require()を手書きしていいのは小学生までgoog.require()を手書きしていいのは小学生まで
goog.require()を手書きしていいのは小学生まで
Teppei Sato
 
2014 1-19
2014 1-192014 1-19
2014 1-19
Satoshi KOJIMA
 
CakePHP を使ってよかったこと
CakePHP を使ってよかったことCakePHP を使ってよかったこと
CakePHP を使ってよかったことWataru Terada
 
Mysqlを4.0から5.0を経由して5.6へバージョンアップした話
Mysqlを4.0から5.0を経由して5.6へバージョンアップした話Mysqlを4.0から5.0を経由して5.6へバージョンアップした話
Mysqlを4.0から5.0を経由して5.6へバージョンアップした話
Masataka Kono
 
「現場のプロが教えるWebデザイン新・スタンダードテクニック37」に載っているテクニックでLP作ってみた話
「現場のプロが教えるWebデザイン新・スタンダードテクニック37」に載っているテクニックでLP作ってみた話「現場のプロが教えるWebデザイン新・スタンダードテクニック37」に載っているテクニックでLP作ってみた話
「現場のプロが教えるWebデザイン新・スタンダードテクニック37」に載っているテクニックでLP作ってみた話
Yuki Kuramochi
 
mrubyで作るマイコンボード
mrubyで作るマイコンボードmrubyで作るマイコンボード
mrubyで作るマイコンボード
kishima7
 

What's hot (20)

HTML5 開発環境の紹介
HTML5 開発環境の紹介HTML5 開発環境の紹介
HTML5 開発環境の紹介
 
Jspmとtypescriptで開発する
Jspmとtypescriptで開発するJspmとtypescriptで開発する
Jspmとtypescriptで開発する
 
Angular js meets cakephp at cloud on the beach 2014 前夜祭
Angular js meets cakephp at cloud on the beach 2014 前夜祭Angular js meets cakephp at cloud on the beach 2014 前夜祭
Angular js meets cakephp at cloud on the beach 2014 前夜祭
 
WordPressをCMSとして利用するために便利なWP SiteManagerについて
WordPressをCMSとして利用するために便利なWP SiteManagerについてWordPressをCMSとして利用するために便利なWP SiteManagerについて
WordPressをCMSとして利用するために便利なWP SiteManagerについて
 
Yeoman RIAビルドツール超入門
Yeoman RIAビルドツール超入門Yeoman RIAビルドツール超入門
Yeoman RIAビルドツール超入門
 
Cocoa関西勉強会#49
Cocoa関西勉強会#49Cocoa関西勉強会#49
Cocoa関西勉強会#49
 
トークイベントいろいろ
トークイベントいろいろトークイベントいろいろ
トークイベントいろいろ
 
歴史あるWebサービスに携わって2年半の間に起きた事やった事
歴史あるWebサービスに携わって2年半の間に起きた事やった事歴史あるWebサービスに携わって2年半の間に起きた事やった事
歴史あるWebサービスに携わって2年半の間に起きた事やった事
 
プロトタイピングでしあわせになろうよ
プロトタイピングでしあわせになろうよプロトタイピングでしあわせになろうよ
プロトタイピングでしあわせになろうよ
 
FireFoxによるWebデザイン
FireFoxによるWebデザインFireFoxによるWebデザイン
FireFoxによるWebデザイン
 
You Can Be a CPAN Auhor
You Can Be a CPAN AuhorYou Can Be a CPAN Auhor
You Can Be a CPAN Auhor
 
これで大丈夫。Web制作で使うコマンドラインツールの名前と役割をざっくり理解する
これで大丈夫。Web制作で使うコマンドラインツールの名前と役割をざっくり理解するこれで大丈夫。Web制作で使うコマンドラインツールの名前と役割をざっくり理解する
これで大丈夫。Web制作で使うコマンドラインツールの名前と役割をざっくり理解する
 
10年続いているwebサービスの画像サーバをノーメンテでftpサーバからs3互換のストレージサーバに移行している話
10年続いているwebサービスの画像サーバをノーメンテでftpサーバからs3互換のストレージサーバに移行している話 10年続いているwebサービスの画像サーバをノーメンテでftpサーバからs3互換のストレージサーバに移行している話
10年続いているwebサービスの画像サーバをノーメンテでftpサーバからs3互換のストレージサーバに移行している話
 
Laravelのeloquent だけ入れた話
Laravelのeloquent だけ入れた話Laravelのeloquent だけ入れた話
Laravelのeloquent だけ入れた話
 
goog.require()を手書きしていいのは小学生まで
goog.require()を手書きしていいのは小学生までgoog.require()を手書きしていいのは小学生まで
goog.require()を手書きしていいのは小学生まで
 
2014 1-19
2014 1-192014 1-19
2014 1-19
 
CakePHP を使ってよかったこと
CakePHP を使ってよかったことCakePHP を使ってよかったこと
CakePHP を使ってよかったこと
 
Mysqlを4.0から5.0を経由して5.6へバージョンアップした話
Mysqlを4.0から5.0を経由して5.6へバージョンアップした話Mysqlを4.0から5.0を経由して5.6へバージョンアップした話
Mysqlを4.0から5.0を経由して5.6へバージョンアップした話
 
「現場のプロが教えるWebデザイン新・スタンダードテクニック37」に載っているテクニックでLP作ってみた話
「現場のプロが教えるWebデザイン新・スタンダードテクニック37」に載っているテクニックでLP作ってみた話「現場のプロが教えるWebデザイン新・スタンダードテクニック37」に載っているテクニックでLP作ってみた話
「現場のプロが教えるWebデザイン新・スタンダードテクニック37」に載っているテクニックでLP作ってみた話
 
mrubyで作るマイコンボード
mrubyで作るマイコンボードmrubyで作るマイコンボード
mrubyで作るマイコンボード
 

Viewers also liked

AH City Council Meeting 10/12/15 - Item #6
AH City Council Meeting 10/12/15 - Item #6AH City Council Meeting 10/12/15 - Item #6
AH City Council Meeting 10/12/15 - Item #6
Marian Vargas Mendoza
 
Edició de textos
Edició de textosEdició de textos
Edició de textos
andreapinogarcia
 
Advanced motion controls bd40a8
Advanced motion controls bd40a8Advanced motion controls bd40a8
Advanced motion controls bd40a8
Electromate
 
Orphan analysis
Orphan analysisOrphan analysis
Orphan analysis
hollyradford22
 
Photography by Suyash Creations
Photography by Suyash CreationsPhotography by Suyash Creations
Photography by Suyash Creations
Suyash Jain
 
TESTE
TESTETESTE
Doc - 16-7-5 下午7-52
Doc - 16-7-5 下午7-52Doc - 16-7-5 下午7-52
Doc - 16-7-5 下午7-52ZHAOXIA SONG
 
AISWA Libraries AGM 2015
AISWA Libraries AGM 2015 AISWA Libraries AGM 2015
AISWA Libraries AGM 2015
Studyvibe
 
vocabulary from STEVEN ARIAS
vocabulary from STEVEN ARIASvocabulary from STEVEN ARIAS
vocabulary from STEVEN ARIAS
Steven Arias
 
Advanced motion controls b15a20
Advanced motion controls b15a20Advanced motion controls b15a20
Advanced motion controls b15a20
Electromate
 
Item #5 ppt - 2016 smp low bid
Item #5   ppt - 2016 smp low bidItem #5   ppt - 2016 smp low bid
Item #5 ppt - 2016 smp low bid
Marian Vargas Mendoza
 
Infrastructure Monitoring Maturity: Modeling Technology, Process, & Culture
Infrastructure Monitoring Maturity: Modeling Technology, Process, & CultureInfrastructure Monitoring Maturity: Modeling Technology, Process, & Culture
Infrastructure Monitoring Maturity: Modeling Technology, Process, & Culture
Enterprise Management Associates
 
Jansen Facility Masterplan
Jansen Facility MasterplanJansen Facility Masterplan
Jansen Facility Masterplan
pijay13
 
Mardi gras fun
Mardi gras funMardi gras fun
Mardi gras fun
Siobhan Becker
 
(GAM404) Hunting Monsters in a Low-Latency Multiplayer Game on EC2
(GAM404) Hunting Monsters in a Low-Latency Multiplayer Game on EC2(GAM404) Hunting Monsters in a Low-Latency Multiplayer Game on EC2
(GAM404) Hunting Monsters in a Low-Latency Multiplayer Game on EC2
Amazon Web Services
 
Words, images
Words, imagesWords, images
Words, images
gianandrea facchini
 
Kisan 2012 sponsorship
Kisan 2012 sponsorshipKisan 2012 sponsorship
Kisan 2012 sponsorshipkrishna singh
 

Viewers also liked (19)

AH City Council Meeting 10/12/15 - Item #6
AH City Council Meeting 10/12/15 - Item #6AH City Council Meeting 10/12/15 - Item #6
AH City Council Meeting 10/12/15 - Item #6
 
Edició de textos
Edició de textosEdició de textos
Edició de textos
 
Advanced motion controls bd40a8
Advanced motion controls bd40a8Advanced motion controls bd40a8
Advanced motion controls bd40a8
 
Orphan analysis
Orphan analysisOrphan analysis
Orphan analysis
 
Photography by Suyash Creations
Photography by Suyash CreationsPhotography by Suyash Creations
Photography by Suyash Creations
 
TESTE
TESTETESTE
TESTE
 
Doc - 16-7-5 下午7-52
Doc - 16-7-5 下午7-52Doc - 16-7-5 下午7-52
Doc - 16-7-5 下午7-52
 
AISWA Libraries AGM 2015
AISWA Libraries AGM 2015 AISWA Libraries AGM 2015
AISWA Libraries AGM 2015
 
vocabulary from STEVEN ARIAS
vocabulary from STEVEN ARIASvocabulary from STEVEN ARIAS
vocabulary from STEVEN ARIAS
 
Advanced motion controls b15a20
Advanced motion controls b15a20Advanced motion controls b15a20
Advanced motion controls b15a20
 
Item #5 ppt - 2016 smp low bid
Item #5   ppt - 2016 smp low bidItem #5   ppt - 2016 smp low bid
Item #5 ppt - 2016 smp low bid
 
Infrastructure Monitoring Maturity: Modeling Technology, Process, & Culture
Infrastructure Monitoring Maturity: Modeling Technology, Process, & CultureInfrastructure Monitoring Maturity: Modeling Technology, Process, & Culture
Infrastructure Monitoring Maturity: Modeling Technology, Process, & Culture
 
Im Haushalt Vokabel Blog
Im Haushalt Vokabel BlogIm Haushalt Vokabel Blog
Im Haushalt Vokabel Blog
 
Jansen Facility Masterplan
Jansen Facility MasterplanJansen Facility Masterplan
Jansen Facility Masterplan
 
Mardi gras fun
Mardi gras funMardi gras fun
Mardi gras fun
 
Manual
ManualManual
Manual
 
(GAM404) Hunting Monsters in a Low-Latency Multiplayer Game on EC2
(GAM404) Hunting Monsters in a Low-Latency Multiplayer Game on EC2(GAM404) Hunting Monsters in a Low-Latency Multiplayer Game on EC2
(GAM404) Hunting Monsters in a Low-Latency Multiplayer Game on EC2
 
Words, images
Words, imagesWords, images
Words, images
 
Kisan 2012 sponsorship
Kisan 2012 sponsorshipKisan 2012 sponsorship
Kisan 2012 sponsorship
 

Similar to 第5回アドオンモジュールセミナー発表資料

⑮jQueryをおぼえよう!その1
⑮jQueryをおぼえよう!その1⑮jQueryをおぼえよう!その1
⑮jQueryをおぼえよう!その1
Nishida Kansuke
 
JavaScriptで「キャピタライズ」を 実装してみる
JavaScriptで「キャピタライズ」を 実装してみるJavaScriptで「キャピタライズ」を 実装してみる
JavaScriptで「キャピタライズ」を 実装してみる
iPride Co., Ltd.
 
Goで始める言語処理系実装入門
Goで始める言語処理系実装入門Goで始める言語処理系実装入門
Goで始める言語処理系実装入門
虎の穴 開発室
 
LT#7 Hello coffeeしてきた
LT#7 Hello coffeeしてきたLT#7 Hello coffeeしてきた
LT#7 Hello coffeeしてきた
Shingo Inoue
 
2012.11.03 #odstudy Excel方眼紙に魂を削られない為のoffice講座
2012.11.03 #odstudy Excel方眼紙に魂を削られない為のoffice講座 2012.11.03 #odstudy Excel方眼紙に魂を削られない為のoffice講座
2012.11.03 #odstudy Excel方眼紙に魂を削られない為のoffice講座 真乙 九龍
 
5回目Java script構文
5回目Java script構文5回目Java script構文
5回目Java script構文Takuya Shishido
 
プログラミング(プログラムの書き方)基礎
プログラミング(プログラムの書き方)基礎プログラミング(プログラムの書き方)基礎
プログラミング(プログラムの書き方)基礎
galluda
 
さあ!Javascriptでデバイスとやりとりするよ!
さあ!Javascriptでデバイスとやりとりするよ!さあ!Javascriptでデバイスとやりとりするよ!
さあ!Javascriptでデバイスとやりとりするよ!
Seigo Tanaka
 
YAPC::ASIA 2012 LT GaiaX
YAPC::ASIA 2012 LT GaiaXYAPC::ASIA 2012 LT GaiaX
YAPC::ASIA 2012 LT GaiaXKazuyuki Todo
 
冬合宿でOpenProcessing
冬合宿でOpenProcessing冬合宿でOpenProcessing
冬合宿でOpenProcessing
yusuketomioka
 
Introduction to Favmemo for Immature Engineers
Introduction to Favmemo for Immature EngineersIntroduction to Favmemo for Immature Engineers
Introduction to Favmemo for Immature EngineersTakeshi Arabiki
 
MongoTalkを試してみた
MongoTalkを試してみたMongoTalkを試してみた
MongoTalkを試してみた
Naruhiko Ogasawara
 
入門書を読み終わったらなにしよう? 〜Python と WebAPI の使い方から学ぶ次の一歩〜 / next-step-python-programing
入門書を読み終わったらなにしよう? 〜Python と WebAPI の使い方から学ぶ次の一歩〜 / next-step-python-programing入門書を読み終わったらなにしよう? 〜Python と WebAPI の使い方から学ぶ次の一歩〜 / next-step-python-programing
入門書を読み終わったらなにしよう? 〜Python と WebAPI の使い方から学ぶ次の一歩〜 / next-step-python-programing
Kei IWASAKI
 
TypeScriptをオススメする理由
TypeScriptをオススメする理由TypeScriptをオススメする理由
TypeScriptをオススメする理由
Yusuke Naka
 
コードをさわらずにビジネスサイトを作ろう!
コードをさわらずにビジネスサイトを作ろう!コードをさわらずにビジネスサイトを作ろう!
コードをさわらずにビジネスサイトを作ろう!
FLOW web planning & design
 
Webサーバ、HTML
Webサーバ、HTMLWebサーバ、HTML
Webサーバ、HTML
Shuhei Iitsuka
 
Lombok ハンズオン
Lombok ハンズオンLombok ハンズオン
Lombok ハンズオン
Hiroto Yamakawa
 
Firefox OS勉強会 2nd TypeScript+AngularJS
Firefox OS勉強会 2nd TypeScript+AngularJSFirefox OS勉強会 2nd TypeScript+AngularJS
Firefox OS勉強会 2nd TypeScript+AngularJS
Masahiro Wakame
 
Java素人がeclipseプラグインを作るためにやったこと
Java素人がeclipseプラグインを作るためにやったことJava素人がeclipseプラグインを作るためにやったこと
Java素人がeclipseプラグインを作るためにやったこと
TAKEMURA Takayuki
 

Similar to 第5回アドオンモジュールセミナー発表資料 (20)

⑮jQueryをおぼえよう!その1
⑮jQueryをおぼえよう!その1⑮jQueryをおぼえよう!その1
⑮jQueryをおぼえよう!その1
 
JavaScriptで「キャピタライズ」を 実装してみる
JavaScriptで「キャピタライズ」を 実装してみるJavaScriptで「キャピタライズ」を 実装してみる
JavaScriptで「キャピタライズ」を 実装してみる
 
Goで始める言語処理系実装入門
Goで始める言語処理系実装入門Goで始める言語処理系実装入門
Goで始める言語処理系実装入門
 
LT#7 Hello coffeeしてきた
LT#7 Hello coffeeしてきたLT#7 Hello coffeeしてきた
LT#7 Hello coffeeしてきた
 
2012.11.03 #odstudy Excel方眼紙に魂を削られない為のoffice講座
2012.11.03 #odstudy Excel方眼紙に魂を削られない為のoffice講座 2012.11.03 #odstudy Excel方眼紙に魂を削られない為のoffice講座
2012.11.03 #odstudy Excel方眼紙に魂を削られない為のoffice講座
 
5回目Java script構文
5回目Java script構文5回目Java script構文
5回目Java script構文
 
プログラミング(プログラムの書き方)基礎
プログラミング(プログラムの書き方)基礎プログラミング(プログラムの書き方)基礎
プログラミング(プログラムの書き方)基礎
 
さあ!Javascriptでデバイスとやりとりするよ!
さあ!Javascriptでデバイスとやりとりするよ!さあ!Javascriptでデバイスとやりとりするよ!
さあ!Javascriptでデバイスとやりとりするよ!
 
YAPC::ASIA 2012 LT GaiaX
YAPC::ASIA 2012 LT GaiaXYAPC::ASIA 2012 LT GaiaX
YAPC::ASIA 2012 LT GaiaX
 
冬合宿でOpenProcessing
冬合宿でOpenProcessing冬合宿でOpenProcessing
冬合宿でOpenProcessing
 
Introduction to Favmemo for Immature Engineers
Introduction to Favmemo for Immature EngineersIntroduction to Favmemo for Immature Engineers
Introduction to Favmemo for Immature Engineers
 
MongoTalkを試してみた
MongoTalkを試してみたMongoTalkを試してみた
MongoTalkを試してみた
 
入門書を読み終わったらなにしよう? 〜Python と WebAPI の使い方から学ぶ次の一歩〜 / next-step-python-programing
入門書を読み終わったらなにしよう? 〜Python と WebAPI の使い方から学ぶ次の一歩〜 / next-step-python-programing入門書を読み終わったらなにしよう? 〜Python と WebAPI の使い方から学ぶ次の一歩〜 / next-step-python-programing
入門書を読み終わったらなにしよう? 〜Python と WebAPI の使い方から学ぶ次の一歩〜 / next-step-python-programing
 
TypeScriptをオススメする理由
TypeScriptをオススメする理由TypeScriptをオススメする理由
TypeScriptをオススメする理由
 
コードをさわらずにビジネスサイトを作ろう!
コードをさわらずにビジネスサイトを作ろう!コードをさわらずにビジネスサイトを作ろう!
コードをさわらずにビジネスサイトを作ろう!
 
Webサーバ、HTML
Webサーバ、HTMLWebサーバ、HTML
Webサーバ、HTML
 
Lombok ハンズオン
Lombok ハンズオンLombok ハンズオン
Lombok ハンズオン
 
Firefox OS勉強会 2nd TypeScript+AngularJS
Firefox OS勉強会 2nd TypeScript+AngularJSFirefox OS勉強会 2nd TypeScript+AngularJS
Firefox OS勉強会 2nd TypeScript+AngularJS
 
Air forandroidreader
Air forandroidreaderAir forandroidreader
Air forandroidreader
 
Java素人がeclipseプラグインを作るためにやったこと
Java素人がeclipseプラグインを作るためにやったことJava素人がeclipseプラグインを作るためにやったこと
Java素人がeclipseプラグインを作るためにやったこと
 

第5回アドオンモジュールセミナー発表資料