SlideShare a Scribd company logo
Submit Search
Upload
Login
Signup
MT LOVE!
Report
Kaori Kotobuki
Follow
Corporate Communications at Six Apart
Aug. 4, 2012
•
0 likes
•
2,684 views
1
of
31
MT LOVE!
Aug. 4, 2012
•
0 likes
•
2,684 views
Report
Technology
J( 'ー`)しカーチャンが、たかしにMT用og_imageプラグイン開発のお願いをしています。
Kaori Kotobuki
Follow
Corporate Communications at Six Apart
Recommended
メイドめーる
だいすけ ふるかわ
2.1K views
•
87 slides
YUI
Tatsuya Sasaki
1.2K views
•
27 slides
ChatWorkではじめるChrome Extensionもぐもぐ会
cw-ozaki
5.6K views
•
28 slides
アレと Perl で AWS を - JAWS-UG Aomori #2
Eikichi Gotoh
1.7K views
•
96 slides
ドリコムの分析環境とデータサイエンス活用事例
Yohei Sato
13.1K views
•
40 slides
Passportでサクッと外部認証を組み込もう
Yuusuke Takeuchi
2.4K views
•
11 slides
More Related Content
What's hot
Ossで作るwebサイト
Soudai Sone
1.3K views
•
64 slides
東京Node学園祭2014 飛び入りLT
Yuusuke Takeuchi
1.6K views
•
7 slides
Debug Hacks出版記念トークイベント、新宿ジュンク堂
Hiro Yoshioka
713 views
•
34 slides
2012 09-29.yapcasia2012ltthon
IWATA Susumu
995 views
•
55 slides
Cake php4designers
Seiji Ogawa
2.6K views
•
19 slides
Visual resume2
Nitish Bhardwaj
250 views
•
1 slide
What's hot
(6)
Ossで作るwebサイト
Soudai Sone
•
1.3K views
東京Node学園祭2014 飛び入りLT
Yuusuke Takeuchi
•
1.6K views
Debug Hacks出版記念トークイベント、新宿ジュンク堂
Hiro Yoshioka
•
713 views
2012 09-29.yapcasia2012ltthon
IWATA Susumu
•
995 views
Cake php4designers
Seiji Ogawa
•
2.6K views
Visual resume2
Nitish Bhardwaj
•
250 views
Similar to MT LOVE!
ディレクター・ノンプログラマー目線のMovable Type
Yasufumi Nishiyama
3.3K views
•
101 slides
Inside Movable Type
純生 野田
6.6K views
•
72 slides
脱コピペ!デザイナーにもわかるPHPとWP_Query
Hidekazu Ishikawa
4.7K views
•
65 slides
MTDDC Meetup TOKYO 2015 bit-part
bitpart
2.3K views
•
109 slides
Css Nite Word Press
Web nist
1.2K views
•
58 slides
第5回 HTML5minutes! LT 「ねこでもできるWebGL」
Shinnosuke Morimoto
652 views
•
30 slides
Similar to MT LOVE!
(20)
ディレクター・ノンプログラマー目線のMovable Type
Yasufumi Nishiyama
•
3.3K views
Inside Movable Type
純生 野田
•
6.6K views
脱コピペ!デザイナーにもわかるPHPとWP_Query
Hidekazu Ishikawa
•
4.7K views
MTDDC Meetup TOKYO 2015 bit-part
bitpart
•
2.3K views
Css Nite Word Press
Web nist
•
1.2K views
第5回 HTML5minutes! LT 「ねこでもできるWebGL」
Shinnosuke Morimoto
•
652 views
Oktopartial Introduction
Takeshi AKIMA
•
56.1K views
2005 11 29_template_customize_seminer_04
Tom Hayakawa
•
331 views
SQLマッピングフレームワーク「Kobati」のはなし
Kazuki Minamitani
•
1.3K views
Webteko 20090925
だいすけ ふるかわ
•
1.1K views
GDG Women DevfestW
Tomoko Sato
•
1.7K views
Wp html5
regret raym
•
1.2K views
jadeで作るclient template
Ota Tomoaki
•
1K views
HTML で自己紹介ページをつくる
Shuhei Iitsuka
•
5.7K views
MT meets PHP - PHP conference Kansai 2013
純生 野田
•
18.3K views
ザ・ドキュメント~うまくいかないNoSQL~
Akihiro Kuwano
•
27.4K views
閉じタグを超えた先に僕が見た景色とは
Muyuu Fujita
•
2.6K views
お父さんのための実用JavaScriptプログラミング~入門篇~
Che Renkov
•
1.1K views
Polymerやってみた
Yosuke Onoue
•
1.2K views
Movable typeでモバイルギャラリーサイト
regret raym
•
2.1K views
More from Kaori Kotobuki
プレミアムフライデーではなくプレミアムエブリデーな弊社を露出するための方法、広報の皆さん教えてください! #PRLT
Kaori Kotobuki
978 views
•
38 slides
予算0、コーディング無し でも出来る! マーケターのための自動化
Kaori Kotobuki
1.1K views
•
20 slides
広報活動の一環として取り組む、オウンドメディアの勘所
Kaori Kotobuki
2.2K views
•
80 slides
Movable Typeでニンテンドー3DSの課題を解決!?またはSix Apart エンジニア求人募集 #cross2015 #cross2015d
Kaori Kotobuki
2.9K views
•
38 slides
複数メディア・アカウント運用者のためのBuffer活用術 - オウンドメディア勉強会第四回
Kaori Kotobuki
8.6K views
•
24 slides
いつ読むの?あとでしょ!「Pocket」再入門
Kaori Kotobuki
1.3K views
•
33 slides
More from Kaori Kotobuki
(11)
プレミアムフライデーではなくプレミアムエブリデーな弊社を露出するための方法、広報の皆さん教えてください! #PRLT
Kaori Kotobuki
•
978 views
予算0、コーディング無し でも出来る! マーケターのための自動化
Kaori Kotobuki
•
1.1K views
広報活動の一環として取り組む、オウンドメディアの勘所
Kaori Kotobuki
•
2.2K views
Movable Typeでニンテンドー3DSの課題を解決!?またはSix Apart エンジニア求人募集 #cross2015 #cross2015d
Kaori Kotobuki
•
2.9K views
複数メディア・アカウント運用者のためのBuffer活用術 - オウンドメディア勉強会第四回
Kaori Kotobuki
•
8.6K views
いつ読むの?あとでしょ!「Pocket」再入門
Kaori Kotobuki
•
1.3K views
$whoami kaoritter at Tokyo girl geek dinners 2013 #TGGD
Kaori Kotobuki
•
1.6K views
ZenbackとWordPressのイイ関係
Kaori Kotobuki
•
911 views
僕らがZenbackを作る理由&ブログとソーシャルの関係について
Kaori Kotobuki
•
956 views
全てのページにcanonicalを!
Kaori Kotobuki
•
2.9K views
Power of Social network on your site with zenback
Kaori Kotobuki
•
600 views
Recently uploaded
遠征ドルヲタのための便利サイトを作ってみた
Kenta Fujimoto
91 views
•
24 slides
磁石内臓イヤリングによる磁力変化を利用したジェスチャ識別
sugiuralab
90 views
•
1 slide
インフラチームとCCoEの関係.pptx
ssuser5c7ee4
72 views
•
18 slides
CatBoost on GPU のひみつ
Takuji Tahara
982 views
•
30 slides
ヒアラブルデバイスにおける音漏れ信号を用いた空中ジェスチャ認識
sugiuralab
83 views
•
1 slide
指側面を入力インタフェース化するリング型デバイス
sugiuralab
5 views
•
1 slide
Recently uploaded
(13)
遠征ドルヲタのための便利サイトを作ってみた
Kenta Fujimoto
•
91 views
磁石内臓イヤリングによる磁力変化を利用したジェスチャ識別
sugiuralab
•
90 views
インフラチームとCCoEの関係.pptx
ssuser5c7ee4
•
72 views
CatBoost on GPU のひみつ
Takuji Tahara
•
982 views
ヒアラブルデバイスにおける音漏れ信号を用いた空中ジェスチャ認識
sugiuralab
•
83 views
指側面を入力インタフェース化するリング型デバイス
sugiuralab
•
5 views
画像生成AIの問題点
iPride Co., Ltd.
•
127 views
拡散する画像生成.pdf
NTTDOCOMO-ServiceInnovation
•
226 views
GraphQLはどんな時に使うか
Yutaka Tachibana
•
137 views
骨抜きアジャイルの骨を生み出す 〜私(スクラムマスター)のXP学習記録〜(XP祭り2023 発表資料)
NTT DATA Technology & Innovation
•
321 views
MLOps Course Slides_JP(配布用).pdf
Yuya Yamamoto
•
245 views
PostgreSQLのバグとの付き合い方 ~バグの調査からコミュニティへの報告、修正パッチ投稿まで~(Open Source Conference 202...
NTT DATA Technology & Innovation
•
32 views
2023情報処理学会関西支部大会-G12.pdf
KoseiShimoda1
•
113 views
MT LOVE!
1.
MT LOVE!
@kaoritter at MTDDC 2012
2.
メ タ MT LOVE!
@kaoritter at MTDDC 2012
3.
こんにちは!
4.
@kaoritter です。 現
プロダクトマネージャー 元 マーケ&広報 3歳児のままです
5.
ところで、
6.
諸君、 わたしは
7.
メタ情報が 好きだ!
8.
メタ情報が 大好きだ!!
9.
charset が好きだ shortcut icon
が好きだ description が好きだ robots が好きだ canonical が好きだ OGP が好きだ
10.
<head>内に 記述される
ありとあらゆる メタ情報が大好きだ!
11.
meta generatorとか (↑何のツールで作ったか書く)
誰得なのか、 さっぱりわからなくて 感動すら覚える
12.
よろしい ならば、 メタ情報だ!
13.
というわけで、
14.
og_image のお話
15.
こういうやつ
16.
<meta property=“og:image” content=”hogehoge.jpg“>
↑ ここに記事の サムネイル画像を 指定します
17.
あちこちで 使われてます
18.
Facebookとか
19.
Google+ とか
20.
mixi でも
21.
我らが
でも
22.
あらやだ、 気づいたら 結構使われてる じゃないの!
( ゚д゚)
23.
J( „ー`)し カーチャンも頑張って 対応してみよう!
24.
J( „ー`)し
「たかしへ。 カーチャンのMTブログに og_image設定してみたの。 良かったら 見てみてください。」
25.
<meta property="og:image"
content="<mt:EntryBody regex_replace="/<[^i].*?>|<i[^m]*?>| <iframe.*?>|<input.*?>|<ins.*?>|<isi ndex.*?>|s/g","" regex_replace='/(.*?src=")(.*?)(".*)/g ','$2' regex_replace='/^[^./h].*/g',''>" /> ブログ記事本文中の最初のimgのURLを取得する | かたつむりくんのWWWのページを参考にして、カーチャンが実装してみました。
26.
<meta property="og:image"
content="<mt:EntryBody regex_replace="/<[^i].*?>|<i[^m]*?>| J( д ) ゜゜ <iframe.*?>|<input.*?>|<ins.*?>|<isi ndex.*?>|s/g","" ポーン! regex_replace='/(.*?src=")(.*?)(".*)/g ','$2' regex_replace='/^[^./h].*/g',''>" /> ブログ記事本文中の最初のimgのURLを取得する | かたつむりくんのWWWのページを参考にして、カーチャンが実装してみました。
27.
J( „ー`)し …カーチャン、ただ記事ごとに 最適なog_image画像を
出したかっただけなの… できれば、次のような仕様で
28.
1.カスタムフィールドで 手動で指定した画像 2.↑がなければ記事の最初の画像
※できれば、絵文字などは入らないように 指定サイズ以上の画像のみにできるとうれしいわ 3.画像のない記事は 指定したデフォルト画像
29.
J( „ー`)し
「たかしへ。 カーチャンには理想的なog_image指定を 書くのは難しかったみたい。 たかしはパソコンが得意だから、 きっと素敵なMTのプラグインを作って くれるって信じてます。」
30.
J( „ー`)し
「カーチャン、 いつまでも待ってるからね。」
31.
おしまい をよろしくね!