気になったニュースについて・技術的な備忘録・ただの独り言などを中心に、書きたいことを書きたいように書いてます。

備忘録の最近のブログ記事

Twitterが新デザインになったからか、いつの間にか、公式Web上には“ユーザーごとのRSSフィード取得リンク”がなくなってしまってました。

ということで、Twitterで特定のハッシュタグや、特定ユーザーの発言を見逃さないようにRSSリーダーに登録する方法を改めて残しておこうかと思います。

めでたく世界の InternetExplorer6のシェアが10%を切ったみたいなので嬉々として「jQuery.antie6」プラグインを公開してみます。

とても簡単だったんだけど、ググっても案外出てこなかったのでメモ的に書いておく。

ちょっと前に、

「iPhoneテンプレートfor MT」を多少カスタマイズして導入した

で書いたように、一応このブログにもiPhone版は作ってあるものの、端末の判定やリンク設置などしてなかったので、とりあえず何かしらやろうと思い、Javascript で適当に書いてみた。
この手の情報はググればいくらでも出てくるだろうから、残すこともないかもしれんけどもね、一応。

■超簡易版(※要 jQuery

var iPhoneCheck ={
  init:function(){
    if (navigator.userAgent.indexOf('iPhone') != -1 || navigator.userAgent.indexOf('iPad') != -1){
      if(confirm('iPhone/iPad版で閲覧しますか?')==true){
        location.href='/blogs/i/index.php#_home';
      }
    }
  }
}
$(function(){
  iPhoneCheck.init();
});​

・端末がiPhone/iPadの場合のみ実行
・iPhone/iPad版で閲覧するかをconfirmで選択
・confirmの選択が「OK」= true ならばiPhone版URLへ飛ばす

で、こうなる。

iphoneui.jpg


Cookieとかにも特に情報残してないので、iPhoneで閲覧中にはページ遷移するたびにiPhone版で見るか聞いてくる仕様。
iPhoneだけ判定、iPadだけ判定の場合には if文の中の navigator.userAgent.indexOf('iPhone') あたりを適当に直してください。


毎回出るとかウゼーって場合は、Cookieにどっちのビューを選択したかを残したりすればいいかな、ということで、たぶん以下のような感じじゃないかな。
※チェックはしたので動くとは思うけどなんかおかしかったら是非ツッコんでください。

■選択した時にCookieに残す版(※要 jQuery , jquery.cookie プラグイン

※Cookieプラグインの使い方は省略

var iPhoneCheck ={
  uaCheck:function(){
    if (navigator.userAgent.indexOf('iPhone') != -1 || navigator.userAgent.indexOf('iPad') != -1){
      return true;
    }
    else return false;
  },
  init:function(){
 if(iPhoneCheck.uaCheck()==true){
      if($.cookie('iphone')=="on"){
        location.href='/blogs/i/index.php#_home';
      }else if($.cookie('iphone')=="off"){
        return false;
      }else{
        if(confirm('iPhone/iPad版で閲覧しますか?')==true){
             $.cookie('iphone', 'on', { expires: 1, path: '/'});
             location.href='/blogs/i/index.php#_home';
        }else{
          $.cookie('iphone', 'off', { expires: 1, path: '/'});
        }
      }
    }
  }
}
$(function(){
  iPhoneCheck.init();
});​

・端末がiPhone/iPadの場合のみ実行。Cookieの判定へ。
(初回アクセス用)
 ・有効なCookieがない(null)場合はiPhone/iPad版で閲覧するかをconfirmで選択
 ・confirmの選択が「OK」= true ならば、Cookieに「on」を保存してからiPhone版URLへ飛ばす
 ・confirmの選択が「キャンセル」= false ならば、Cookieに「off」を保存するだけ
(2回目以降のアクセス用)
 ・Cookieに「off」と残ってたらアラート出さない
 ・Cookieに「on」と残ってたらそっとiPhone版へ飛ばす

あとは、iPhone用のテンプレートをちょこっといじって、PC版に戻る用のリンクも追加しといた。
先日、職場の作業環境が Adobe CS5 になったわけですが、Dreamweaver の自動アップデート絡みで不具合が出た。「とりあえずは」解決したので、備忘録として残しとこうかと。


■問題
Dreamweaverを起動しようとすると、「Dreamweaver のアップデートを完了するために Extension Manager を起動します。」というメッセージが。まぁ別に逆らう理由もないので、これに従って Extension Manager を起動し、指示に従ってアップデートを実行!・・・するもなぜか失敗。「メニューを更新できません。拡張機能パッケージは作成されません。」というメッセージが。
↑届いてたのは、「Dreamweaver CS5 11.0.3 updater」だと思う。

エラーの詳細な内容(原因)を教えてもらえることもなく全くの原因不明。何度リトライしても、毎回も失敗。しかもアップデートが失敗している(実際にされていない)ので、Dreamweaverを起動するたびに、前述の Extension Manager を起動しますのアラートが出る。しかもこのアラートは「OK」しか選択できないときた。酷い、酷すぎる。

(一度Extension Manager を起動してから処理をキャンセルすればアプリ自体は使えてたんだけども、それでも気持ち悪い。)


アプリ自体ももちろん正規版だし、新規インストールしたから、思い当たるフシがなかったし、同僚に聞いてみても失敗してないとの話だったので、原因探るのが大変だったんだけど、検索してやっとこさそれっぽい情報を発見。最初は Dreamweaver® CS5 HTML5 Pack 絡みの何かかと思って情報探してたんだけど違った。


■解決(対処療法)
結論から言うと、キーボードショートカットの編集をしたDreamweaverではアップデートが失敗する可能性があるらしい。
公式フォーラムにある以下の問題と同様っぽい。


menus.xmlがあるか確認してみませんか?

場所は下記です。AppDataは隠しフォルダになっているかもしれません。

C:\Users\<ユーザー名>\AppData\Roaming\Adobe\Dreamweaver CS4\ja_JP\Configuration\Menus\


フォルダに、menus.xml(全部小文字)があれば、デスクトップにでも移動させてから、再度インストールを試してみてはどうでしょうか。


これ!
ここで書かれてるように menus.xml を退避してから更新してみるとすんなり成功!やったー。

つまり、キーボードショートカットを編集して menus.xml が生成されていると、キーボードショートカット関連の更新ができなくなって失敗してしまうらしい。CS4の頃には既にあったバグらしいけど、CS5でも治ってないのね。

本来は自動アップデートではなく、エクステンション導入時にひっかかるようだけど、Dw CS5 11.0.3 は HTML5 Pack を含む内容だったので、それで更新→失敗→更新→失敗の無限ループだったらしい。



アドビシステムズ (2)
4以前のバージョンより
3機能の増減あり
自動判定とかiPhone版はコチラ的なボタンとか、その辺はまだ特にやってないけど、とりあえずは導入し終わった。


↓こんな感じ

18 16 07 56.jpg
18 16 07 26.jpg

iPhone対応は以下のエントリーで公開されている「iPhoneテンプレートfor MT」をベースにした。

参考:


ただ、以下の理由から、配布されてるままのテンプレートは使えなかったので一部を修正。

(1)記事を動的に出してる(拡張子もPHPにした)
(2)優先アーカイブはカテゴリではなく日付にしたい
(3)アクセス解析タグも入れときたい


主に配布テンプレートMTEntries と MTArchiveList の中で記事のURLを指定している部分、配布テンプレート※の28行目、48行目を修正。
※version1.01同梱のテンプレート index.mtml の場合

<MTEntries lastn="20">
<li><a href="<$MTBlogArchiveURL$>i/<MTParentCategories glue="/"><$MTCategoryBasename$></MTParentCategories>/<$MTEntryBasename$>.html" target="_self"><$MTEntryTitle$>[<$MTEntryDate$>]</a></li>
</MTEntries>

これは Readme.txtに書いてあるアーカイブマッピング専用の記述になっている模様。拡張子も.html固定だしね。これだと都合が悪いので、以下のように修正。けっこう力技なんだけどね。

<MTEntries lastn="20">
<li><a href="<$MTEntryPermalink replace="blogs/","blogs/i/"$>" target="_self"><$MTEntryTitle$>[<$MTEntryDate$>]</a></li>
</MTEntries>

んで当然iPhone用の記事ページのアーカイブマッピングも変えてある。

Readmeに書いてあるアーカイブマッピング:i/%c/%f

    ↓こう

うちのアーカイブマッピング:i/%y/%m/%-f


あと最後にアクセス解析のタグを、iPhone用のトップと記事ページ、それぞれに設置。モジュール化してあるので MTInclude で </body> の前に読み込むだけ。

<$mt:Include module="アクセス解析"$>
</body>

以上!

「mixiチェック」は、興味・関心を持った情報を、簡単に友人・知人に共有できる『mixi』の新しいコミュニケーション機能です。mixiニュースやミクコレ(mixiコレクション)など、興味・関心を持ったトピックや情報を1クリックで、友人・知人に共有することが可能です。チェックした情報は、友人・知人の『mixi』のTOPページおよび、「最新のチェック」に掲載されます。

とのことなので、早速「mixiチェック」ボタンを設置してみた。
mixiチェックイン画面で表示するアイコンも設定できるようなので、それも適当に作って設定。
(あとついでに、faviconとしてブログにも設定しておいた)

mixicheck.jpg
簡単にできたーヽ( ・∀・)ノ
まぁMovableType or Wordpress の場合には、既にプラグインが公開されてるので、それ使っただけなんだけどね。

需要あるかは知らないけど、一応、設置方法を書いておこう。MovableType用(たぶんWPも似たようなもんだろうケド)。


  ▼


1.とりあえず、mixiでディベロッパー登録しないと使えないので登録する

デベロッパー登録画面(https://mixi.jp/guide_developer.pl) にアクセスして、「Developer登録」ボタンをクリックして登録してください。
わかんねーよ!って場合には以下を見てがんばってください。




2.Developer Dashboard にログインしてチェックキーを取得する

Developer Dashboard(https://sap.mixi.jp/home.pl)にアクセスして、メインメニューから「mixi Plugin」を選択して、進んだ先で左メニューから「新規サービス追加」をクリック。適当に各項目を入力。

mixicheck2.jpg
利用規約を読んで「同意する」を選んでから「入力内容を確認する」をクリック。
すると確認画面が出るので、内容に問題なければ「作成する」でサービス登録が完了。

mixicheck4.jpg
「お申し込みが完了しました。利用可能なチェックキーは「こちら」よりご確認下さい。」とか何とか表示されるので、それに従って「こちら」をクリックして、先ほど登録したサービスの詳細情報画面を開く。

mixicheck3.jpg
認証情報の「チェックキー」というのがある。あとで使うのでメモっとく。←ここ大事



3.MovableType用のプラグインをダウンロード&設定する

プラグインは以下のURLからダウンロードできる。

Movable Type用プラグインダウンロード

ちなみにWordpressの人は以下。
ダウンロードしたら、ファイルを解凍して、ここからは同梱のreadmeを見ながら作業すればよろしい。
ただし、このreadme.jp.htmlが曲者。HTML拡張子なのでブラウザで開くことになると思うんだけど、説明文で「<」や「>」がエスケープされてないために、歯抜けのように見えてしまう。テキストエディタで開くか、ブラウザで開いてから、そのページのソース表示で確認しないといけない。(2010.09.10 時点でダウンロードした readme.jp.html の場合)

ちなみに、さきほどメモったアクセスキーは導入手順の手順2で使う。

mixicheck5.gif
一応、導入手順も状態転載しときますね。
導入手順
 
1. Movable Typeのpluginsディレクトリに配置します
2. Movable Typeの左メニューに「mixiチェックの設定」というメニューが追加されるので、それをクリックします
3. 必要な情報を入力します
4. ウェブページ/ブログ記事のテンプレートを修正します
 
4-1. <html>タグを修正します
元が
--
<html xmlns="http://www.w3.org/1999/xhtml" id="sixapart-standard">
--
となっているはずなので、これを
--
<html xmlns="http://www.w3.org/1999/xhtml" id="sixapart-standard"
      xmlns:og="http://ogp.me/ns#"
      xmlns:mixi="http://mixi-platform.com/ns#">
--
と修正します
 
4-2. </head>の直前に<mt:mixiCheckHeader>を挿入します
 
4-3. mixiチェックボタンを表示したい場所に<mt:mixiCheckButton>を挿入します
携帯サイトの場合は<mt:mixiCheckButtonMB>を使用してください
 
5. 再構築します

と、こんな感じ。
ね? 簡単でしょう?


参考:
しばらくブログの更新をサボっている間に、便利そうなプラグインが出てたので導入してみた。分かりやすいようにタイトルではiPhone対応と書いたけど、iPhone以外のスマートフォンにも対応しとるね。

This plugin recognizes several mobile devices/browsers, including:
* iPhone (all models)
* iPod touch (all models)
* Opera Mini
* Palm Pre
* Android phones
* Google Nexus One

(同梱のREADME.TXTより)

ということで、
からファイルをダウンロードしてインストール!
あ、ちなみにライセンスはGPLなので、商用モノで使おうと思ってる方は一応注意。

インストールは簡単。ファイルを解凍すると、いくつかファイル/フォルダが展開されるので、そのうちの「mt-static」「plugins」の2つのフォルダを導入したいMTのディレクトリ(mt.cgiのあるディレクトリ)にアップロードするだけ。
プラグインインストール後に特に設定なども不要。超カンタン。

あとは普段PCでアクセスしている管理画面のURLに、スマートフォンのウェブブラウザでアクセスするだけ!
iPhoneだったらSafariとかでOK。

imt_sample.jpg


こんな感じになる。書きかけの記事がチラ見えしちゃってるけどキニシナイ(゚ε゚)

今のところ写真のアップロードには対応していないけど、記事の管理なんかは普通にできちゃう。画面スクロールがないiPhoneではスクロールがないのが辛いところだね。ただ、俺の場合はBluetoothのキーボードとか使ってるから特に気にならないかな。

蛇足だけどiPhone+Bluetoothキーボード、快適なのでオススメですよ。俺はApple純正のワイヤレスキーボードを使ってる。折りたたみができるリュウドとかもイイんだけど、1万円越え余裕だもんね。その点、純正でこの値段だったら結構イイ感じなんじゃないかと思ったり。(おかげでポメラさんはその役目を終えてオークション行きになったのだが、それはまた別のお話ということで)


アップル (21)
5使いやすく、かっこいい!
5iPhone, iPadのキーボードとして使用!
4iPhone3GSがBluetooth対応で購入
5スタイリッシュで省スペース
4windows機で使ってます


参考URL:
この辺をすでにやっていて、さらに欲が出た人向け。

iPhoneのバーコードリーダーから直接MediaMarkerに登録できたからまとめてみる
↑リンク先の設定がおかしくなってました。(2009.11.15修正)

アマゾンレビュー一気読みサイト Revilist を iPhone のバーコードリーダーアプリ経由で使う


  ▼

iPhoneのQuickMarkアプリでMediaMarkerに転送もしたいけど、Revilistを使いたい事もある。
でも現状のQuickMarkは転送のURLを1つしか指定できない。
毎回打ちかえるわけにもいかんし・・・

ということで、しょうがないので適当にハブサイトっぽいものを作った。
そんなわけで、一応晒しとく。

http://nuru.me/qm/index.php

晒しはするけど、超ニッチだよねこれ。
基本的には俺がほしかっただけなので需要なくてもいいんだけどね!
mtpftm.jpg
タイトルに押し込んだので読んでの通りなんだけど利用サービスに

・Favotterで特定IDの「注目」ページを開く
・Twilogで特定IDのページを開く
・Viratterで特定IDのページを開く

の3サービスのリンクを追加できるようになるconfig.yamlを書いたので、需要あるかは分からないけど、とりあえず置いておきますね( ^ω^)




MT管理画面の ユーザー>利用サービス から、それぞれにアカウントを指定できるので自分のTwitterアカウントを指定してあげれば、自分のページに飛ぶリンクになります。
ちなみにアクションストリームには対応してません><

mtpftm2.jpg


同梱した「追加するCSS.txt」に書かれているCSSを追加しとかないと、アイコンは表示されまないので注意。


バージョン考える面倒なのでとりあえずversion1.0ってことで。

追加して公開してほしいTwitterマッシュアップサービスとかがあれば、@vippersnetまで リプライ か DM もらえればそん時は検討します。
大したものじゃないけど、いちおう善意、のつもりで公開しているので「使ったよ!」とかももらえるだけでも俺が幸せになるよ。これマメ知識な。


■利用に関する制限など:

主張するほどの内容は書いてないのでソース部分は商用・非商用問わず自由に使っていただいて構いませんが、各サービスのFaviconは使用許可を取ったものではありませんので、念のためその点はご注意ください。

また、これを利用して起こるいかなる不具合についても一切関知しません。

さらに、基本的には導入サポートなどは一切行いません。

どうしても助けて!という場合にはお仕事としてお請けできるか検討させていただきますので、その際はTwitterから、@vippersnetまでご相談ください。

このアーカイブについて

このページには、過去に書かれたブログ記事のうち備忘録カテゴリに属しているものが含まれています。

前のカテゴリはネットヲチです。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。

Creative Commons License
このブログはクリエイティブ・コモンズでライセンスされています。