2007年6月アーカイブ

Powered by ScribeFire.

Remember The Milk　にメールでタスク追加する際でのメールフォーマット覚書き

Remember The Milk - Help / FAQ / Sending Tasks / How do I email a task into my Inbox?より

how to email format

• タスクsubjectはメールの件名
• Priority: 1 重要度　短縮は、 P: 1
• Due: Monday at 9am タスク期限指定　短縮は、 D: Monday at 9am
• Repeat: Every Week 繰り返し指定　短縮は、R: Every Week
• Estimate: 2 hours　作業所要時間　短縮は E: 2 hours
• Tags: report coffeeタグ付け　短縮は S: report coffee
• Location: Home　場所　短縮は　O: Home

Windows live Writer　ショートカット

太文字　[ CTRL ] + [ B ]

斜形　[ CTRL ] + [ I ]

結局ユーザーエージェントを判別してページを振り分ける方法は、以下のサイトでのスクリプトを参考にして作ることにした。CGIを使ってのページ振り分けが妥当と判断。

ブラウザ判別とプラットフォームの判別をうまく使って振り分ける

willcom のブラウザ環境のユーザーエージェントの規定をみると、プラットフォームがwindows CEというの判別できればいいか。

if ( $UserAgent =~ /(Windows |Win)(CE)/ )

ユーザーエージェントを判別して、リダイレクトに下記のサービスで表示されるように飛ばしてみる方向で考える。windows mobile 5.0 IEでのブラウザ表示はメンドイな?。

 

Enter a URL

http://www.google.co.jp/gwt/n

jQueryをつかってのユーザーエージェント判別にこれは使えないか。

jQBrowser - Extend jQuery’s browser detection capabilities

http://davecardwell.co.uk/javascript/jquery/plugins/jquery-browserdetect/

[#JavaScript] ユーザエージェント判別

http://homepage2.nifty.com/magicant/sjavascript/uai.html

上記のサイトを使って調べた結果。

willcom windows mobile　5.0　IE ユーザエージェント判別

太文字が結果

ユーザエージェント判別
c 2006-2007 Magicant / 1.9.2 (2007-02-02)
navigator.userAgent の値による判別結果です。 判定されたユーザエージェント / レンダリングエンジン / OS のバージョンを表示します。
ユーザエージェント
Internet Explorer-
Mozilla-
Mozilla Firefox-
Netscape-
Opera-
Safari-
Konqueror-
UA 不明
True
レンダリングエンジン
Trident-
Tasman-
Gecko-
Presto/Elektra-
AppleWebKit-
オペレーティングシステム
Windows-
Windows NT-
Mac OS-
Linux-
BSD 系 OS-
Solaris-
Unknown
navigator 情報(以下ナビゲーターオブジェクト詳細）
navigator.appName     Microsoft Pocket Internet Explorer
navigator.appCodeName     Mozilla
navigator.appVersion     4.0 (compatible; MSIE 4.01; Windows CE; SHARP/WS007SH; PPC; 480x640)
navigator.appMinorVersion     (undefined)
navigator.product     (undefined)
navigator.productSub     (undefined)
navigator.vendor    (undefined)
navigator.vendorSub   (undefined)
navigator.userAgent     Mozilla/4.0 (compatible; MSIE 4.01; Windows CE; SHARP/WS007SH; PPC; 480x640)
navigator.userProfile    (undefined)
navigator.language    (undefined)
navigator.userLanguage    (undefined)
navigator.browserLanguage    (undefined)
navigator.systemLanguage    (undefined)
navigator.platform    WinCE
navigator.cpuClass    (undefined)
navigator.oscpu   (undefined)
navigator.onLine    (undefined)
navigator.cookieEnabled     (undefined)
navigator.javaEnabled()     False
navigator.plugins    (undefined)
navigator.mimeTypes    (undefined)
navigator.opsProfile    (undefined)
navigator.taintEnabled()   False

[#JavaScript] ユーザエージェント判別

http://homepage2.nifty.com/magicant/sjavascript/uai.html

上記のサイトを使って調べた結果。

willcom Opera mobile 8.60 ユーザエージェント判別

太文字が結果

c 2006-2007 Magicant / 1.9.2 (2007-02-02)
navigator.userAgent の値による判別結果です。 判定されたユーザエージェント / レンダリングエンジン / OS のバージョンを表示します。
ユーザエージェント
Internet Explorer       -
Mozilla -
Mozilla Firefox -
Netscape        -
Opera   7.0
Safari  -
Konqueror       -
UA 不明   -
レンダリングエンジン
Trident -
Tasman  -
Gecko   -
Presto/Elektra  7.0
AppleWebKit     -
オペレーティングシステム
Windows -
Windows NT      -
Mac OS  -
Linux   -
BSD 系 OS        -
Solaris -
Opera:7.0(以下ナビゲーターオブジェクト詳細）
navigator 情報
navigator.appName       Microsoft Internet Explorer
navigator.appCodeName   Mozilla
navigator.appVersion    4.0 (compatible; MSIE 6.0; Windows CE; SHARP/WS007SH; PPC; 480x640)
navigator.appMinorVersion
navigator.product       (undefined)
navigator.productSub    (undefined)
navigator.vendor        (undefined)
navigator.vendorSub     (undefined)
navigator.userAgent     Mozilla/4.0 (compatible; MSIE 6.0; Windows CE; SHARP/WS007SH; PPC; 480x640) Opera 8.60 [ja]
navigator.userProfile   (undefined)
navigator.language      ja
navigator.userLanguage  ja
navigator.browserLanguage       ja
navigator.systemLanguage        (undefined)
navigator.platform      Windows CE
navigator.cpuClass      (undefined)
navigator.oscpu (undefined)
navigator.onLine        (undefined)
navigator.cookieEnabled true
navigator.javaEnabled() false
navigator.plugins       [object PluginArray]
navigator.mimeTypes     [object MimeTypes]
navigator.opsProfile    (undefined)
navigator.taintEnabled()        false

順序立てて説明する場合に使うフレーズ

Firstly, Secondly,Thirdly,Finally

The one thing, The other thing,

Making Small Devices Look Great - Authoring Guide for Devices - My Opera Community

Operaのサイトに公開されている情報を読んでみることにする。適宜、内容をこのエントリーに更新してゆくことにする。

ここ２，３のエントリーを読んでこれからのWEBデザインが少しずつ変わって行く傾向にあると思った。WEB２．０っぽいデザインではなく、もっといろんな手法を駆使しての視覚的に訴求していく感じ。

Design Meltdown § Distressed Design Part 3

 いくつかのスタイルを紹介している。やっぱ文化の違いかな。photoshopのグランジを使ってのデザインを多く見かける。アルファベットならカッコよくていいだけどね。日本語だと浮いちゃうね。国内のデザインをこれに影響を受けてどんな感じに変わって行くんだろう。

Vitamin Features ? Web Design-isms: 7 Surefire Styles that Work

WEBデザイナーでモデルのLarissa Meekのコラム。Digg/Designで人気コンテンツになっている。WEBデザインのパターンを紹介している。同じコンテンツであっても、さまざまな手法を駆使して視覚的に変えることができる。

古い要素と新しい要素を組み合わせて、今まで見たことのないデザインを提案する。古い要素をうまく継承して、自分なりにアレンジするってことか。

spellbund 魅せられた。strive to do something何かしようと努力する。（切望しているでもいいか。）

mainstay 支持する　主に支持する　fit into 適合する（マッチするでもいいか）

tangibility 明白　counterpoint to　対照をなしている　geometrically 幾何学的に　exude発するにじみ出る。

tootipsばかりをいくつか集めて紹介している。

アクセシブルなWEBページを作成するために必須のツールになるtooltips.ajaxを駆使しているサイトなんかには、実装するといい。背景とテキストのコントラストだけ気をつける。

WEBアプリケーションなんかを提供するサービスには、いいツール。MTでも各フォームの頭にヘルプ（？）マークがある。そんな感じで直感的なインターフェースを提供するときに、このTooltipsを使って補足事項をユーザーに提供するようにすればいい。

普通のWEBにはあまり必要ないような気がするな。実装するには、他のフレームワークとの兼ね合いを考えて使ってみるといい。jQueryで使えるtooltipsは、2種類。

Javascript Entry - Cody Lindley: jTip ? A jQuery Tool Tip

bassistance.de ? jQuery plugin: Tooltip

JTipsが魅力的だ。

casual greeting

カジュアルな挨拶

Hi there!

Oh, Yo!

how they doing?

what's up?

サイトのアクセスを増加させるために、参考にするといいのは、IT系ニュースサイトの実装している機能だと思う。そんな中にある友達にメールを送る機能をa list apartにて紹介していた。

A List Apart: Articles: Build a “Send to Friend” Page

時間があるときにこれを読んでこのエントリーに追加してゆく。

英語学習をはじめて2ヶ月。いまだに試行錯誤で独学にて勉強してる。できれば、費用をかけたくないのが本音。自分の将来といか、今後の興味の幅を広げる要素があるから勉強している。最近はWEBデザインよりも英語が優先的って感じ。

自分が実践している英語学習は、3パターン

• 海外の多くのサイトのフィードを読む。
• ビジネス英文・自己紹介文の例題を打ち込み入力。なんか慣れてきて、日本語入力が面倒に感じてきた。英文の入力の方が楽でいい。
• ポッドキャスティングを通勤中に聴く。
• 何度も何度も同じものを。気になるフレーズ・イディオムがあれば、メールにて送信して帰ってからビジネス例文の中から似たようなものを探す。

英語学習は、読むだけでは覚えられないのは確か。体を動かし、耳を動かし、そしてリアルタイムに感覚で覚えてゆく。

movabletypeでmobile向けに既存サイトにページを追加するパターンとして考えられるのは、アーカイブマッピングを利用してページをもう一つ生成する。

ここで普通のHTMLを生成するとmobileブラウザへの振り分けが面倒になる。そんなわけで、CSSファイルを生成する方向で考える。

アーカイブマッピングの追加については、シックスアパート技術情報提供ブログに関連情報が載っている。

Six Apart - 技術情報提供ブログ: アーカイブマッピング機能を利用して、一件のエントリーで様々なファイルを生成する

http://www.sixapart.jp/pronet/developers/movabletype/archive-mapping.html#comment-1019

ちょっと説明がわかりにくいといった感じがするので、生成する順に書き出してみる。

勉強会なんてしたことないから、とても興味がある。講演会なんかと違って、意見やディベートができるんだろうなということを想像している。ネット上で勉強会なんかするときに役立つツールなんかも探すんだが、なかなかない。

英語のメモ書きA List Apart: Articles: Frameworks for Designers にエントリーから

CSSフレームワークについてのエントリー。CSSで同じコーディングをしないために、フレームワークを作ることについて書かれている。

you jump into putting together a CSS framework

you jump inyo putting together a CSS framework

jump into:積極的｛せっきょく てき｝に参加｛さんか｝する、勇んで加わる

put together 編纂する

consolidate 合併する consolidate into~

work out:
?を（考えて）理解｛りかい｝する、?を努力｛どりょく｝して理解｛りかい｝する、〔意味｛いみ｝などを〕つかむ

willcomeだけでなく、スマートフォン対応ウェブサイトを作成する（対応する）知識をここに書き記しておくことに。まずは、使うブラウザはOpera Mobile™を使うことが前提。

方法は2種類考えられる。一つは、javascriptでユーザーエージェントを判別して、CSSを書き出す方法。もう一つは、CSS属性を変えて、mobileブラウザ用に読み込ませるCSSをもう一つ用意する。今回はメディア属性を変えて、もう一つのCSSを読み込ませる方法を試してみる。

Windows Live Witer 日本語版がアップされたので、気軽にアウトプットできるようしばらく使ってみる。追記機能には対応していない。Technorati のタグを簡単に追加できるからいいか。

インターフェースを見やすいので、使いやすい。ブログの設定・シンクロもスムーズにできるので、誰にでも導入は簡単。表示切替もコマンドキーを使えば簡単に切り替え可能。直接HTMLの入力も容易にできる。

カテゴリー指定・タグ指定が対応していないのがネックかな。あまり情報コンテンツを紹介するものではなく、自分用のログとして使うようにすれば問題ないか。

追記機能が付いていたのには驚いた。

これは使えるね。〔書式〕＋〔記事の分割〕で追記としてmovabletypeに追記扱いでポストできるよ。

あとパブリッシングが〔SHIFT〕＋〔CTRL〕＋〔P〕で手軽にポストできるのもいいね。使えるよコレ。