CODE-R: MovableTypeアーカイブ

 

   Clip to Evernote    このエントリーをはてなブックマークに追加

 

 ZCS000146.jpg

 

このブログはMT4.2で作ってるんですが、標準で用意されたスタイルのうち3カラムが使えるものは、いわゆる上部のメニューバーに対応していません。

プロフェッショナルWebサイトとやらいうスタイルを使えばメニューバーもあるみたいなんですが、こちらは2カラムのみの対応。

テンプレートセットを探すのも面倒だし、かといって自分でCSSの微調整しながら作るのはもっと面倒。

とゆーわけで、メニューバーだけをサクッと追加できるうまい方法はないものかなあと。

そこで見つけたのが、この「CSS Menu Generator」というサービス。

 

   Clip to Evernote    このエントリーをはてなブックマークに追加

 

最近、他人様のブログを見ている際に、TwitterのツイートボタンやFacebookのいいね!ボタン、Evernoteのサイトメモリーボタンなどの各種ソーシャルボタンを使うことが多くなりました。

ナニゲに便利なんですよね。

そこで、使わせてもらって便利なものは、自分のブログでも用意しておこうかと思いまして。

まーね、それほど見に来る人がいるブログじゃないし、それほど有用な情報があるわけでもないんだけど。

設置した結果はこんな感じ。

ZCS000114.jpg

 

   Clip to Evernote    このエントリーをはてなブックマークに追加

 

feeds2twitterあらため、feeds2tweet

なんでも、スクリプト名に「Twitter」と使ったらダメだそうで、いつの間にか改称されてました。

で、こちらのPHPスクリプト。

Twitterがベーシック認証を廃止したことで、しばらく使えなくなっていたのですが、先日oAuth対応版がリリースされていました。

とゆーわけで、遅ればせながらoAuth対応でRSSを自動的につぶやけるようにしてみた次第。

1.MTからRSS2.0のフィードを出力する

詳細は、以前のエントリー「MT4+MailPackによるエントリーは、feeds2twitterでTwitterに自動投稿するのが良いかも。」を参考に。

2.oAuth認証できるようにアプリを登録する

まず、こちらのページで新しくアプリ(この場合はfeeds2tweetのPHPスクリプト)を登録します。

「アプリケーション名」と「アプリケーションのウェブサイトURL」を記入。

種類はブラウザで、コールバックURLは空でOK。

アクセスタイプは、つぶやく必要があるのでRead&Writeにしましょう。

ZCS000032.jpg

 

こんな感じで新しいアプリが登録されました。

ZCS000031.jpg

 

なお、アプリケーション名はつぶやきのプロパティの「via」に相当するアプリ名になります。

でもって、登録したアプリを選ぶと、詳細が表示されます。

ここに、Consumer key と Consumer secret という2つのコードがあります。これ重要。

ZCS000033.jpg

 

さらに、画面右側の「My Accsess Token」をクリックすると、下記のような2つのコードが表示されます。これも重要。

ZCS000034.jpg

 

3.post.phpに設定を書き込む

「TwitterのoAuth情報」という部分に、上記の

  • Consumer key
  • Consumer secret
  • Access Token
  • Access Token Secret

の4つのコードを記入します。

でもって、bit.lyのAPIキー、フィードのURL、プレフィックス文字も設定しましょう。

ZCS000030.jpg

 

あとは、指定されたとおりに、

post.php、tmp.tsv、twitteroauth.php、OAuth.phpを同じディレクトリにアップ。

tmp.tsvのパーミッション変更も忘れずにね。

これで、あとは以前と同じようにcronで走らせればOK。

なお、Twitterの「設定」―「連携アプリ」を見ると、ちゃんとアプリが登録されますね。

ZCS000035.jpg

 

ちなみに私の場合、フィードURLはブログから直接ではなく、Yahoo! Pipesでいくつかのフィードをまとめたものを登録しています。この使い方も便利。

 

   Clip to Evernote    このエントリーをはてなブックマークに追加

 

そもそもほとんど放置状態で、思い出したときにしか更新しないこのブログなんですが。

これまでずっと、iPhoneには未対応のままでした。

こんな感じで、3カラム全部がそのまま表示されるので、えらく縮小されてしまうんですね。

IMG_0077.PNG

 

ダブルタップして本文幅に合わせるのは簡単ですが、どうせならきちんとiPhoneに対応させようかと。

そんなわけで、

MovableType (MT4)のブログをJS・CSSのみでiPhoneに対応させる  Kawanet Tech Blog

の記事を参考にして、とゆーか書かれたとおりにiPhone用のスタイルを追加

すごく簡単です。5分もあればすぐできちゃう。

再構築してiPod touchから見てみると、

IMG_0078.PNG

 

おお! ちゃんとiPhoneに最適化されてるじゃありませんか。

拡大表示したときと違って、左右にうねうね動くことがないのが良いですね。

ちなみに、元々右側にあった2つのナビゲーション用カラムは、そのまま画面下の方に表示されます。

IMG_0079.PNG

 

このやり方の良いところは、別途iPhone用のファイルを作るわけでなく、あくまでブラウザの種類によって適用するスタイルを切り換えているだけ、という点。

リンクの問題もないし、再構築の変な手間もいらないし。

なかなか便利!!

 

   Clip to Evernote    このエントリーをはてなブックマークに追加

 

ずーっとやろうやろうと思い、思うだけで延び延びになっていた件に、ようやく手を付けました。

データベースのバックアップではなく、HTML(もしくはPHP)形式でローカル環境にバックアップを取ってあった、かつてのエントリーや公開日記たち。

それをようやっと現在のブログに復活させました。

といっても、ただコピペ繰り返しただけなんですけどね。

画像ファイルをいちいちアップロードするのがちょっとめんどうでした。

とはいっても、半日でサクッと終わったし。

…にしても、こうして振り返ってみると、ホントにとりとめのない記録ばっかりだなー。

 

   Clip to Evernote    このエントリーをはてなブックマークに追加

 

以前はTinyMCEを使っていたんですが、MT4系では動かないとのことで、FCKeditorのプラグインを導入してみました。例によって蒲生さんのところから。

すごく使いやすくなりました。
常に使うというわけではないけれど、いざ使いたいときにあると便利って感じの機能が揃ってます。
あと、さすがはAjax系。画面遷移がなくて扱いやすいですね。
謝々。
 

 

 

   Clip to Evernote    このエントリーをはてなブックマークに追加

 

 

MT4+MailPack+PostToTwitterでは、MailPackによるエントリーをTwitterに自動投稿することができませんでした。

そこで、ちょっと視点を変更。
プラグインでの同時投稿ではなく、時間をずらして(つまりエントリー作成後)CRONでも使ってTwitter投稿できる仕組みはないものかと。

探してみたら、まんま要望通りのツールがありました。
showBOOさんが作成・提供されている「feeds2twitter」がそれです。

 

   Clip to Evernote    このエントリーをはてなブックマークに追加

 

MailPackを用いると、とくに携帯で撮影した写真のアップロードに適したモブログが行えます。
ついでにそのエントリーを同時にTwitter投稿できると嬉しいなと考え、エムロジックさんの「PostToTwitter」プラグインを導入してみました。

結論。
MailPackを用いて投稿したエントリーは、PostToTwitterを経由して自動的にTwitter投稿することはできません。
いちいちMTの編集画面を開き、Twitterへと再投稿する必要があります。
ま、これは仕方ないですね。ちなみに、PostToTwitterそのものはものすごく便利なプラグインです。

 

   Clip to Evernote    このエントリーをはてなブックマークに追加

 

追記

どうやら、MailPackで投稿したエントリーは、同時にPostToTwitterで送ることはできない模様。
そうすると、モブログについては管理画面からいちいち「再投稿」しないとダメなのかなあ。
他の方法についても要検討。

 

   Clip to Evernote    このエントリーをはてなブックマークに追加

 

以前にブログを運営していたときは、MTmailというメールゲートウェイサービスを利用していました。
これ、かなり便利だし設定も簡単で重宝していたのですが、いかんせん添付ファイルのサイズが300kbという制限があるんですよね。最近は携帯のカメラでもなかなかの画質の写真が撮れるし、せっかくだからもうちょい大きなサイズでアップしたいなあと。

そこで、ゲートウェイサービスを使うのではなく、MTのプラグインとして機能するモブログツールはないものかと探してみることに。

で、MovaMotionとかMooberとか、いくつかのツールが見つかりましたが、なんとなくアタシの使い方に一番フィットしていそうな「MailPack」を導入してみることにしました。

 

About Me

Name : RyoMorita

Sex : Male

Age : 37

Job : Writer / Director

テクノロジーが好き。
ガジェットが好き。
オモチャが好き。
ジョークが好き。
マンガもラノベも好き。
そんな森田亮なのです。

Facebook

Twitter

Flickr Photos

YouTube Movie

Amazon Profile





レコメンデーションエンジン

アーカイブ

このアーカイブについて

このページは、「MovableType」カテゴリの記事のアーカイブです。