メニュー

関連ページリンク

トップ > 129 > 129 - 人気ブログ(Blog)検索結果詳細 (2009年1月10日 1時)

Dreamweaverのテンプレートタグのメモ

自分用メモです。
何度も同じ事調べてたのでメモ。

(不確定、要確認したい項目)

テンプレートタグで使える変数の種類

HTML:
  1. <!-- TemplateParam name="変数名" type="タイプ" value="値" -->

typeの種類


type 説明
テキスト text
  • 文字列(日本語文字列もOK)
  • デフォルト値の設定も可能 (説明や凡例等)
数値 number
  • 数値(0〜)
  • 整数?
URL URL
  • href属性など、URLの場合(これを設定しておくと、「テンプレートパラメータ」のウィンドウで指定がしやすくなる)
  • × type="url" ○type="URL" 大文字で指定
color
  • style属性など#CCCCCCといった色の値
  • カラーパレットでも色が選べるようになる
ブール値 boolean
  • trueもしくはfalseのブール値(真/偽)
  • テンプレートプロパティ設定時はチェックボックスになる。(チェックで真)

参考サイト:Web制作/Dreamweaver/テンプレートタグリファレンス- zkdesign/Archives

設定例

HTML:
  1. <!-- TemplateParam name="01_ページタイトル" type="text" value="ここにページタイトルが入ります" -->
  2. <!-- TemplateParam name="02_カテゴリ名(半角英数)" type="number" value="hogehoge" -->
  3. <!-- TemplateParam name="03_カテゴリ階層([0]HOME,[1]第1階層,[2]第2階層,[3]第3階層)" type="number" value="0" -->
  4. <!-- TemplateParam name="04_問合せ先表示" type="boolean" value="true" -->
  • 日本語名も使える。
  • 接頭語に数字をつけておけば、並び順も制御できる
  • 記号は?

テンプレートのプロパティ名の日本語利用

HTML:
  1. <!-- TemplateParam name="01_ページタイトル" type="text" value="ここにページタイトルが入ります" -->

テンプレート上で表示させたい場合

HTML:
  1. @@(_document['01_ページタイトル'])@@

判別に使いたい場合(条件分岐)

HTML:
  1. <!-- TemplateBeginMultipleIf -->
  2. <!-- TemplateBeginIfClause cond="_document['01_ページタイトル']!=''" -->
  3. <h1>@@(_document['01_ページタイトル'])@@</h1>
  4. <!-- TemplateEndIfClause -->
  5. <!-- TemplateBeginIfClause cond="_document['01_ページタイトル']==''" -->
  6. <h1 class="warning">警告:ページタイトルを必ず設定してください</h1>
  7. <!-- TemplateEndIfClause -->
  8. <!-- TemplateEndMultipleIf -->

入力してないとHTML上に警告文を出す事も可能。(使い方次第)
参考サイト)

作者:我流@CGFM

更新日:2009年1月8日 13時44分

このブログのホーム

福岡でAdobe CS4 Web Premium セミナーが開催予定

 Adobe CS4 Web Premium セミナー "最高傑作へのショートカット"
BULANCOさんから知った情報。
福岡でAdobe CS4 Web Premium セミナー "最高傑作へのショートカット"が開催されるんだって。

参加費 無料 (事前登録制)
主 催

アドビ システムズ 株式会社

内 容

・AdobeのWeb戦略(Open Screen Project, Flash Platform戦略)
・Adobe CS4 Web Premium概要
・Webユーザー向け単品製品紹介

Photoshop CS4 Extended , Illustrator CS4, Fireworks CS4, Dreamweaver
CS4, Flash CS4 Professional, Soundbooth CS4, Device Central CS4
対象ユーザー

Adobe CS4 Web Premium新規購入予定者、アップグレード検討者

引用:Adobe CS4 Web Premium セミナーより

CS4は諸事情で近いうちに購入しないといけない事になるかもしれなくて、
2月末には購入してる可能性大。

でも面白そうなんで予約申込してみました。

BULANCOさんも書かれてるけど、何でZeppなんだろう?
何かエンタメ的なSHOWでもするんだろうか?

「見て・体感して・実践できる」充実したセミナー内容

と宣伝してるので、何かやるのかもしれないですね。
AIRは何かやらないのかなー。

参考サイト)

作者:我流@CGFM

更新日:2009年1月8日 2時14分

このブログのホーム

Contributeを選択肢とする場合のメモ

いろいろ考えないといけなかったり、最近聞かれる事も多かったので自分メモ。
後々、追記&修正すると思う。

どんな時にCotnributeを選択肢に入れるか

以下の条件が複数重なったりする場合に選択肢に入れる事が多いです。
(Contributeしか手が無い!って場合もあります、、、)

  • 予算が無い時
  • サーバーの都合
    • スペックが低い
      • 自社サーバーを社内で使ってる場合が多い、、、
    • PerlやPHPが入ってないorバージョンが低い
    • DBが使えない
    • よくあるCMS (WordpressとかMTとか)が動かない
    • 諸事情でサーバー移転ができない
  • クライアント達で更新したいという要望が強い
  • クライアントのITリテラシーや編集スキルがそれほど高くない場合
    • Office Wordは使える程度
  • 自由な更新スタイルを求められる場合
    • ページ内に写真や画像をどんどん追加していく
    • PDF等のファイルもよく配布する
    • 表組(TABLE)を自由に組みたい
  • Dreamweaverのテンプレート機能で十分、構築できそうな場合
    • リピート領域が便利そうな時
    • 全くフリーな編集領域も欲しい場合
  • 認証フローが必要だけど、CMSを入れられない場合
    • FTP(SFTP)アカウントが1個しか無い場合
  • Web制作会社が運用/運営を補助する関係が成立できる場合
    • スタッフにシステムが抱えられてなく、Webデザイナーだけで運営しないといけないケース

Contributeを選ばないケース

  • フルFlashサイト
  • 携帯サイト
  • ページデザインがテンプレートに落とし込めないほど一定してない場合
  • ページ数が2-300P以上になった時
    • もし全ページ共通のテンプレート更新すると、全ページに対してチェックイン/チェックアウトが走り、更新反映まで時間がかかる。
    • 場合に寄っては数時間かかるケースも。
  • 更新人数が数十人単位になり、利用者のPCが引き継ぎや異動で入れ替わる場合
    • クライアントソフトなのでインストール/アンインストールの管理が大変になる
    • 1クライアント 24,675円(税込)、5ユーザマルチパック 98,700円かかる。
    • 仮に100人だと、5ユーザー 98700×(100/5) = 約200万円
      これなら高価なCMSを入れる事もできる
  • WebデザイナーがDreamweaverのサイト管理機能やテンプレート機能にあまり精通していない時
    • テンプレートタグや、テンプレートプロパティなど使いこなせないと、
      運営をスムーズにできず、結局がたがたなページ構成になる可能性もある。
    • Contribute等で更新された事を考慮したCSS定義も必要
  • 参考サイト

Contributeのメリット

  • Webアプリではなくクライアントソフトなので操作性では優れてる。
  • ファイルのアップロードの手間が無い(自動アップロード)
  • 見たままの編集(WYDIWYG)
  • Dreamweaverのチェックイン/チェックアウトに対応
  • ディレクトリ単位でユーザーに編集権限を制御できる
    • 部署単位でカテゴリを分けておく設計が必要がある
  • ユーザーグループ毎に利用テンプレートやライブラリを制限できる
  • 画像の編集が画面上でできる
    • リサイズ、トリミング、明るさ/コントラスト、回転
  • 関連ファイルのアップロードが簡単(意識しない)
    • ローカルのファイルにリンクを貼るだけ自動アップロード
    • PDFや他書類などに便利
  • 認証フロー
  • ロールバック(簡易バックアップ:HTMLで保存、最高99回分まで)
  • CSSのclass(スタイル)指定がWord感覚
    • Wordで文書定義したデータをコピペするだけで、HTMLのマークアップがされる
    • Wordのファイルの取り込みも可能(Windows版のみ)
  • 簡易Blog更新ツールとしても使える
    • Movabletype、Wordpressなどメジャーなブログはほぼ対応
  • 静的HTMLだけでなく、埋込式のPHPなども編集可能
    • テンプレートプロパティで設定した値を、埋め込みPHP内の変数に定義する事も可能(強引

Contributeのデメリット

  • 書籍が少ない、というか無い。( Contribute 2ぐらいまでなら出てた )
    • マニュアル準備や、研修が必要
  • TIPSや運用実績が少ない、というか表に出ていない。
  • バージョンアップでお金がかかる
  • バグがまだまだ残ってる
    • バグ情報を共有できていない
    • ユーザーグループ、コミュニティなどが無い
    • Adobeがあまり力を入れて無い気がしてるのが僕だけでしょうか
  • 基本、FTP(SFTP)によるファイル単位での管理なので、直接FTP等でファイルをいじられると破綻する恐れがある。
    • 同期処理、バックアップ大事
  • 動的なメニュー(新着記事や新しいコメント、一番アクセスの多い記事、RSSフィード配信等)はHTMLだけでの表示は難しい。
    何かしらのCMSとの連携か、簡単なプログラムとの連携が必要。

Contribute向きだと思うサイト

  • 基本的に情報のアーカイブが中心なサイト
    • 同じページの情報を編集していく事が多い場合
      • 自治体サイトとか官公庁サイトとか
    • コアエンジンにMTやWordpressを使うのも有
    • 新着情報等は簡単なCMSやASPを使うのも手
  • 時系列で情報更新していくサイトには向かない。

正直、自分はMTやWordpressとかも好きだし、別に「Contribute最高!」と普及する気もないです。
ただケースバイケースで最適な手段とツールを用意する必要があるので、Contributeはその一つの選択肢として捉えてます。

作者:我流@CGFM

更新日:2009年1月6日 4時57分

このブログのホーム

謹賀新年!書き初めと今年の目標

新年明けましておめでとうございます。

今年は珍しく書き初めなんぞやってみました。
(筆は上手くありません、、、習いたい。)

平成21年 元旦 書き初め

平成21年 元旦 書き初め

元旦に同郷の友人達と集まったのですが、
集まった友人宅に習字セットが準備されており、
ひょんなことから書き初め大会が始まりました。

書道というか習字レベルですが、筆は楽しいですね!
この年になってそう感じるとは思いませんでした。

真っ白な紙に向かって、今年の言葉や抱負を書く訳ですが、
これがなかなか難しい。
何を書くか。
この時点で筆が止まります。
いい加減な事も書けません。

ちょっとした葛藤が起きます。
自分の内面と向き合える瞬間でもあります。

そして浮かんだ言葉を書く。

書き上がると、なんだか自分に取ってとても大事な言葉に思えるから不思議です。

書道をしていた友人から必ず持って帰って飾るように言われました。
なので私のPCの前の壁に貼付けました。

「精進」

もの凄く当たり前すぎる言葉かもしれませんが、
私自身、まだまだ精進が足らない未熟者なので
とにかく一つ一つ精進して行くしかありません。

2009年の目標&ToDoを思いつくまま挙げておきます。
(2008年にできなかった事も含めて)

  1. 5kg減量(ベスト体重に!)
  2. codecheck.inにコミットする!
    • jQueryで横スライドバー
    • PHP携帯絵文字ライブラリ
    • 小規模/中規模での自分なりのフォルダ構成(HTML+CSS+JS)
  3. サト研を毎月一回開催&なるべく参加する
  4. CGFMのオリジナルコンテンツを作り運用する
    • ナストマモバイル
    • FDS (今年は収益を!)
  5. blog更新を今まで通り続ける
  6. FWWのBlogに貢献する(レポートとか告知とか)
  7. 去年書けなかったblogネタを書く
    • 初めてのcodecheck.in、IRCのLimeChatの設定方法
    • Mac OS X LeopardでのApache+PHP+MySQL+SVNの環境構築メモ
    • 2008年に入れたFirefoxのアドオン
    • 2008年にインストールしたWeb制作者向けシェアウェア/フリーウェア
    • NetBeansを使ってみる
    • WebデザイナーはDreamweaverをどんな時に使うのか(プログラマー向け)
    • ウサオの事務所訪問レポ
    • i-dさんのオフィス紹介
    • 望月真琴さんに献本してもらった書籍「実践 Web Standards Design」のレビュー
  8. 書籍/執筆活動(ちょろっと名前が載る程度に)
  9. FlashやFlexのActionscript3の開発スピードを今の自分のAS2レベルにまで習得する
  10. 自分のノウハウをまとめたサイトを立ち上げる(blog以外で)
    • Adobe Contribute中心の運営方法のTIPSサイト
      (Movabletype、Wordpressとの連携やDreamweaverのテンプレート作成方法等々)
  11. いろんな方々の名前と顔を覚える
    • ご挨拶するとき、名刺を持ってもらって顔写真を撮らせてもらおうかと本気で考えてます
  12. 本名を覚えてもらう
    • 去年忘れられた事が多かったので...

一番最後のは目標なのか!?と疑わしいですが、
本当に嘆かわしい事なのでなんとかしたいと思ってます。

作者:我流@CGFM

更新日:2009年1月4日 15時14分

このブログのホーム

2008年、お疲れさまでした

もう数十分で2008年も終わり、2009年です。

今年は実家に帰省し、数年ぶりに紅白を見てます。
(毎年カウントダウンの取材とかしてたので)

今更ですが今年2008年を振り返ってみます。

仕事面は本当に皆さんに助けられてきたと感じてます。
いろいろご紹介してもらった年でした。
アウトプットすることから繋がったお仕事もあり、やってて良かったと思ってます。

会社としてはサイトをリニューアルしたりして、自分たちの可能性を試した年でもありました。
「仕事を楽しんでる」と思ってくれる事、そして表現をする事で改め「デザイン」を考え直した年でもありました。

コミュニティでは節操無く参加させてもらいました。
勝手にレポートも書いてアップしたりもしてました。
mutsukiもそうなんですが僕に取ってはレポートを書くのは苦じゃなくて当たり前の事ですが、
それが他の人とは違うところじゃないかと気づけ始めたかもしれません。

「コンテンツを作る」「アーカイブを残して活動を伝える」
この辺が来年の僕らの行動のキーワードになりそうです。

後、僕もコミュニティを一つ運営し始めました。
サイト運営管理研究会ことサト研です。
ここで知り合った方々にはいろいろ勉強させてもらってます。

「地元で困ってるWeb担当者が気軽に相談できるコミュニティ」
になるといいなーとぼやぼや思ってます。
西嶋さんややいぶさんと一緒に来年もゆるく続けます。

ナスだとか本名を忘れられるとかいろいろ個人の尊厳とプライドが揺らいだ年でもありましたが、
2009年も等身大で頑張っていきます!

どうぞよろしくお願いします!

作者:我流@CGFM

更新日:2008年12月31日 14時59分

このブログのホーム

FWWのサイトリニューアル作業のお手伝いと忘年会 in AIPcafe

昨日は朝まで飲んだAIPcafeでのFWW忘年会。
写真だけでもアップ〜。

リニューアルの作業をお手伝いしましたが楽しかったです、あと制作してる時の空気感がたまらなく好きでした。
「プログラマやデザイナーやいろんな人が関わって何かを作る」という、これがFWWらしい事なんじゃないかと思いました。

(まだサイトはできてないけどね〜)

追記で感想を徒然に

  • あーだこーだいいながら各自が自分のスキルを一つの物を作り上げるためにどう生かすか、
    考えながらプロ意識を持って動き、また時には相手を気遣ってフォローしようとしたり、
    ジョークで笑わせたり場を和ませたり、こんな連帯感というか空気感はここでしか味わえなかったのかもしれない。
  • こういうのを「チームのためのスタンドプレー」なんて言うのかな。みんなかっこよかった
  • 僕の仕事の半分はコーヒーを煎れる事でしたw
    豆から挽いて入れるコーヒーはみんな喜んでくれてうれしかった。
  • Backlog上でみんながやり取りしてる中では特にタスクも手伝える事もなかったのに、
    リアルにみんなと一緒の場にいたらどんどん僕のタスクが増えていってた。不思議だね〜w
  • AIPcafeに遊びにきた人たちが手伝ってもらいました
    • しかじろうさんにブログパーツを依頼しちゃったよ
    • プリンさんにページ原稿を手伝ってもらいました
    • takasonにJSONPの処理とか手伝ってもらいました
  • 暗くなるとMacBookがキーボード辺り光るじゃないですか、上のランクだと。
    僕のは光らない下のランクなので、光らないんですよ、周りの人たちは光ってるのに。
    たった数万の差で格差社会を感じましたよ。

    • 橋本さんですら光ってました
    • 今から買う人は出し惜しみせずに光った方がいいですよ

作者:我流@CGFM

更新日:2008年12月28日 8時18分

このブログのホーム

ショック、Versionsが有料化

VersionsMac のSubversionクライアントのVersions がいつの間にか有料化されてました。

起動すると下の画面が出て、全機能は使えない状態。

versionsの登録画面

素晴らしいフリーウェアと思ってただけに残念。
フリーでの代替手段としてはSCPluginかなー。
それか、nishiaki氏の「Mac用のSubversionクライアント『VERSIONS』と統合開発環境『NetBeans』のSubversionの個人的なメモ」であるようにNetbeansという手もあるね。

SCPlugin は前に使ってた事があるけど、Finderが激重になる瞬間があるのが嫌で止めた経験ある。
Netbeansでやってみようかな。
(なんとか起動回数増やして慣れなければ)
でもVersionsも捨てがたいのよね、デザインとか操作性とかとっても気に入ってたので。
$39だから約3,500円弱(為替1$=89.19円で) か〜
39ユーロで約4900円か。
円高だから買ってしまおうか、どうしようか。

最近、円高だからってソフトを買う事に抵抗が薄くて怖い。

そう言えば前のエントリでMacUodate の事を書いてくせに買いそびれました。
締め切り2時間ぐらい前に気づいて慌てて買おうとしたのですが、
購入前の会員登録の確認メールが届かなくてあたふたしてると
サーバーが激重になり、それでもアクセスしてるとディレクトリが丸見え(indexが作られた状態)になったりして、
あー世界中から駆け込み購入者がいるんだろうなーと思ってあきらめました。

追記)
Netbeans、Subversionのクライアントとして全然使えますね。
すぐ導入できました。
SCPlugin のFinderが重くなるのが嫌な人にはオススメです。

SCPluginももちろんいいですよ。
デザイナーさんにも使わせたいとお悩みのシステムの方々には一度試してもらう価値があると思います。

追記2)
39ドルと39ユーロを間違ってました。
nishiaki殿、指摘ありがとうございます。

作者:我流@CGFM

更新日:2008年12月21日 19時24分

このブログのホーム

気になる本:ITエンジニアのためのWebデザイン

気になる書籍があったのでメモ&紹介。
前に書いたエントリーインターフェイスデザイン講座に興味を持った方にはオススメな内容かも。

4822234223

元々はエンジニアのためのWebデザイン教室:ITproで連載されていた内容のようです。

内容紹介
センスが無くても、見やすく、使いやすいデザインのWebサイトは作れます。
「HTML/CSSは学習したけどデザインがうまくできない」「エンジニアなのにWebサイトのデザインまで任されている」「デザイナとの打ち合わせがスムーズに運ばない」など。
サイト制作で苦労しているITエンジニアのために、Webデザインの基礎知識と、RIA技術の双璧「Microsoft Silverlight」と「Adobe AIR」の基本を徹底解説。必要なのは、ちょっとした知識と訓練です。

Webコンテンツのリッチ化が進む昨今、デザインの重要性はこれまで以上に増しています。Webサイト構築で、HTML/CSSの記述や、JavaScript、PHPのプログラミングを担当するエンジニアでも、デザインの知識は不可欠です。エンジニア自身がデザインを担当する場合はもちろん、デザイナと共同作業をする場合でも、デザイン知識の有無は、出来上がったサイトの見やすさ、使いやすさに大きく影響します。

しかし,エンジニアの中には「自分はセンスがないから」と言って,良いデザインをすることを最初からあきらめている人も少なくありません。本書籍では、「HTML/CSSは一通り知っているけれどデザインが不得手と言うエンジニア向けに、レイアウト・色彩の基礎を、サンプルコードを示しながら説明します。

さらに、Webサイトの見やすさ、使いやすさを向上させる技術として注目されているリッチ・インターネット・アプリケーション環境の双璧「Microsoft Silverlight」と「Adobe AIR」の基本についても解説。

ITエンジニアのための専門情報サイト「ITpro」で月間40万PV、10万UBが閲覧するのテーマサイト「Strategic Web Design」のコンテンツの中から、特に人気の高いWebデザインの基礎知識に関する内容を抜粋した、サイト制作に苦労するITエンジニア必携の1冊です。

引用:Amazon.co.jp: ITエンジニアのためのWebデザイン (ITproBOOKS)

作者:我流@CGFM

更新日:2008年12月18日 17時55分

このブログのホーム

D2Kでキノトロープさんのお話聞いてきた

昨日、D2Kさんで行われたキノトロープ 代表取締役会長 生田昌弘氏のセミナーを聞いてきました。

忘れないうちに自分に対して「平たく言うと」メモ。


Mutsukingもこちらでレポート書いてるので
合わせてどうぞ。

  • 「Web制作に何が必要か?」=マーケティング
    • 時代の背景を読む
    • お客様視点に
    • 価値を伝える
      • スペックや仕様を伝えるのではない。
      • どんな問題解決を図れるのか
      • どんな体験を提供できるのか
      • どのような新しい価値を見いだせるのか
  • 「Web制作はまだまだ未成熟。他の印刷業界等、成熟した業界に比べると子ども。」
    • 「コーディングやPhotoshopの作業は『印刷』しかしてない。」
    • 「コンテンツや構成を考えて『Web制作してる』といえる」
    • 「これから激動の時代。景気不景気関係無く。Web立ち上げ時期と同じぐらい。」
    • 「だからこそ若い人にはチャンスがある。」
  • ミニコミ誌と商用誌の違い
    • ミニコミ誌は1~200Pとかの小規模なサイト(これでも大きく感じる。。。)
    • 商用誌は数千、数万ページのサイト
      • 運用手法やガイドラインを設計できないと運営できるはずがない
  • ビジネスツールとしてのWebサイトのポジショニングは?
    • Webが難しく感じる理由に、「チャンネル」「メディア」「ツール」どれにも当てはまってるから
    • 全部やろうとするとどれも中途半端で失敗する
  • Webサイトは問題解決ツール
    • ユーザー視点にたったWebサイト
      • 目的のページへ簡単に辿り着ける
      • リアルとの連携
        • 実店舗が無いECサイトもリアルがある。梱包する箱とか。
          その箱のデザインを提案する事あるとか。
    • ユーザーの目的を達成できる
    • 探してる情報がわかりやすい
    • おもてなしの心を伝えるサイト
      • Web制作者はサービス/小売店をやってる事をの意識を持つ
      • 「エラー」はPC用語。普通の人にはわからない。
        実店舗でお客さんが記入ミスしたら何と言うか?
        「失礼ですが、こちらもご記入御願いします。」
  • 機能するWebサイトの構築プロセス
    1. ニーズの洗い出し
      • お客様は誰か
      • ニーズ、抱える問題
    2. 基本戦略:その問題をどのように解決するか
    3. ターゲットの選別:Webができる事の切分
    4. ○○○(忘れた)
  • ブランドとは?
    • お客様の意識に残る価値?
    • この辺を詳しく聞きたかった

後半のメモ

マルチエントランス構造

  • ユーザーが問題解決するために必要な構造
  • ユーザーニーズに合致したコンテンツ
  • 情報への到達を意識した導線設計
  • どんなことをするか
    • 調査:ログやキーワード、ヒアリング
    • ユーザー体験シナリオを活用する
    • ユーザーニーズから体験シナリオ作成する
    • 必要なコンテンツを洗い出す
      • 5~10本ぐらいのユーザーニーズを作成する
    • 最適なWebサイト構造
    • ユーザーの導線(入り口から出口)
    • 末端ページからページ設計
      • 全てのページに入り口として機能する
      • これでSEOしなくていい(SEOしてる事になってるはずだから)
      • 「いつもTOPページからデザインしてませんか?」
        「TOPページはサイトマップ程度で良い。会社理念なんていらない。」
        うなずいたうなずいた。
    • コンテンツの一元管理
      • 情報の粒度で再整理
    • ページ構成をテンプレート化する
      • 1つの要素は「エレメント」と呼ぶ
      • エレメントの集合体がテンプレート
      • 数千ページのサイトでも、5テンプレート、50エレメントぐらい
      • DreamweaverやContributeでクライアントにも
    • 管理・運営体制を整備する
      • 更新/承認フロー
      • ガイドライン作成
        • テンプレート更新方法もそうだけど
        • 表記(記述方法)のガイドラインが重要
        • 「ですます調」とか用語の使い方とか。
        • 飲み会で、「金額の付け方も大事だ」って話を@mayuraとした。
          1000円なのか、¥1,000なのか
    • コンテンツマネイジメントを強力に補完するシステムを導入する
      • 「住所」「電話番号」「営業時間」など細かい単位の情報を好きに呼び出せて再利用できるように
    • ユーザー体験シナリオを実践

今回一番ずしっと来たのは「末端ページからページ設計」。
でもこれは普通に仕事してたらやってるはずなんですよね、一番見せたいページが末端にあるはずだから。

にインターフェイスデザイン講座のスライドをまとめた時も感じたけど、
自分たちの進んでる方向が概ね間違ってなさそうだということと、突き進んでみるべきだなと感じた。

あとキノトロープさんの口からContributeって出てくるとは思わなかった。
周りに使う人がいなくて寂しい思いをしてるのですが、
「クライアントに運営してもらうこと、Web制作再度がサイト管理を楽にする事」
という方向でもContributeは間違った選択じゃないんだなとわかっただけでも嬉しかった。
(今度、ちゃんとContributeでサイト運営するTIPSをまとめたサイトを作ろうかな。お客さんのためにも。)

追記)

今日はAIPコミュでもJavaコミュニティ@九州でも定例会やイベントやってたそうです。
重なり過ぎw
今回は随分前からD2Kに予約してたので。

追記2)

Javaコミュニティ@九州の飲み会に急遽誘われたので行って来た。
そこはそこでとても興味深い話も聞けた。
上記のメモの新しいWeb構築もシステムは絶対に欠かせないし、
高い次元でデザインと融合する必要があるんだろうなーと考えさせられた。

なんだか毎日飲んでる気がします。。。

作者:我流@CGFM

更新日:2008年12月18日 17時10分

このブログのホーム

Contribute でMovable Typeを更新するとき、ファイルのアップロード先を指定したい

タイトルの通りなんですが、バージョンのメモ。

  • Contribute CS3
  • Movable Type 4.2

Contribute CS3からMTの新規作成を行えるのはもの凄く便利なのですが、
ファイル関係のアップロード先がデフォルトだと、MTのサイト直下になってしまう。

サンプルサイトはこちら

画像のアップ先をこうしたい
http://cgfm.jp/sample/hoge.jpg

http://cgfm.jp/sample/documents/hoge.jpg
or
http://cgfm.jp/sample/2008/12/hoge.jpg

MTでファイルの保存先を固定しちゃう方法はあるんだけど、
あくまでブラウザからの更新時のフォームの値を固定しちゃう方向なんだよね。

Contribute → MTでファイル受信した時にちゃんと画像パスとか書き換えてくれるものなのかが心配。

どなたかご存じないでしょうか?

作者:我流@CGFM

更新日:2008年12月18日 9時7分

このブログのホーム

リプレックス(Ripplex)がマジですげぇ〜〜〜

Ripplex トップページ|無料アドレス帳ソフト「Ripplex」

これ本当に驚いた!
Xmindを超えて「今年の良くできてるソフトTOP1」かもしれない!

前にも入れてたんだけど、久々に起動&アップデートしたら
mixiのOpenIDやTwitter、Skypeに対応してて、
恐ろしいぐらい使い勝手が良くなってる。

しかもTwitterクライアントとしても使えるし!

一覧でみんなのつぶやきももちろん見れる。

「とにかく黙って入れてみろ!」
と声を大にして言ってみた。

p.s.

ナストマ特別版年賀状が欲しい人は、リプレックスで僕とリンク&住所公開してください。

作者:我流@CGFM

更新日:2008年12月16日 11時52分

このブログのホーム

勉強会勉強会 in OSC2008 FukuokaのレポをFWWにアップしたよ

OSC2008 Fukuoka ブース風景
FWW(福岡で働くWebの人々)の方にレポートをアップしました。
あまりに長くなったので2個に分けてます。
詳しくは下記のリンク先で!

写真の画質が悪いのは勘弁してください。
動画も有志の方が撮影されてるので、いくつか見れます。(全部ではないです)
そもそも勉強会勉強会というのは、福岡で活動してる各コミュニティの主催者達による「勉強会を運営するノウハウを共有しよう」という感じの主旨の集まりです(たぶん

「感想をブログに書くまでが勉強会です。」

というわけで12/13に行われたOSC(オープンソースカンファレンス) 2008 Fukuokaの感想とか所感とか徒然とかの日記です。

そもそもOSC2008に何しにいったの?

私はいろんなコミュニティに節操無く参加させてもらってますが、どれもお手伝い/サポーターレベルで、
まともに動いてるのは1個だけです。
FWW_サイト運営管理研究会(仮) (通称:サト研)というコミュをnishiaki氏やいぶ氏とで運営してます。
サト研からはnishiaki氏に出てもらいました。(私が出ると話し長いので)
その代わりレポーターとして頑張ったわけです。
XMind使ってひたすらマインドマップにメモ書いたり、写真撮ったりしてました。

○勉強会勉強会のライトニングトークスのMindMap
マインドマップ:ライトニングトークス

○勉強会勉強会のパネルディスカッションのMindMap
マインドマップ:パネルディスカッション

OSC2008全体や勉強会勉強会や懇親会の徒然

  • ブースにはいろんな方々が出展されてた
    • AIPのブースでは、AIPとAIPコミュニティの歴史と活動を綴ったパネルが。
      吉川さん、さすがです。

      AIPのブース

      AIPのブース

    • mozilla japanのブースでアンケートに答えて、Firefoxやフォク助のステッカーやグッズをもらっちゃった!

      Mozilla Japanのブース

      Mozilla Japanのブース

  • RBCイケテルビジネス勉強会にも参加してきたよ!詳しいレポはこちら。
  • 吉岡弘隆さんが来られてた事に感動した。
    • ミーハーながら名刺交換させてもらった
    • 「続いてる勉強会は主催者は無理していない 」
      主催者が無意識に実践してる暗黙のベストプラクティスが共有されてない

      あたりにとても共感。
    • 懇親会までの待ち時間の間、mutsukingやnishiaki氏とお話をさせてもらった。
      福岡の規模感などにとても関心を示されてた。
    • と思ったらブログに書かれてた!

      博多規模の都市だと、Webデザイナとプログラマが同じ勉強会でわいわい議論をしている。特に言語の縛りもなくかろやかにクロスオーバしているような感じである。さらに職住接近で、終電を逃しても2000円程度で帰宅できて、飲み会でがっつりとことん議論するというのも可能である。東京では終電を逃がすと大変なことになるので11時過ぎには大抵お開きになる。重要な議論は飲み会でなされる。
      引用:2008-12-14 - 未来のいつか/hyoshiokの日記

  • わざわざ東京から深夜バスでmochikoさんが福岡入り
  • ライトニングトークスではみなさん、時間以内にこなしてたのはさすが。
  • 大懇親会はとても楽しかったよ!
  • 天神に移って一部の人たちと二次会
    • 店決まるまでみんなで電話かけまくったよ(忘年会シーズン)
    • 濃い話ができたので嬉しかったよ
    • プリンの人のせいで、県外の参加者達に「博多の茶漬けは明太子!」と誤解されてないか心配だよ。

他の方のレポートとかブログとか)

作者:我流@CGFM

更新日:2008年12月16日 6時7分

このブログのホーム

RBCビジネス勉強会福岡 in OSC2008 Fukuokaに参加してきました

久々にRBCビジネス勉強会に参加してきました!

RBCビジネス勉強会 福岡2RBCビジネス勉強会 福岡1RBCビジネス勉強会 福岡3
今回はOSC2008 fukuoka @福岡大学 の中でありました。

  • ワークショップ形式で「集客を増やしたいレストラン」と「クチコミマーケティングのコンサルタント会社」のグループに分かれての交渉形式
    • 全部で12グループ
    • 受付時に名前を書いた順番で班が確定
    • 僕は「コンサルタント」側でした。
    • 相手グループに@mayura がいたよ!
  • 僕らの班には学生が二人ほどいて新鮮な意見もいろいろ聞けました
    • クチコミをしやすくする という方向でいろいろ考えてみました
  • 1回限りの交渉だった!
    • 普段のビジネス勉強会では2回以上交渉があったので油断してましたw
    • 今回ほど時間が短いと感じた事は無かったかもw
  • 各チームのプレゼンはとても参考になりました
    • 原点回帰という意見はとても染みました
    • 3店舗毎にランクを分けるのが素晴らしい考えと感じた
    • 最首さんが使ってたMacのDashboardのタイマー「ミニッツ」の鐘の音がステキだった♪
  • ナカオヒロシさんの、10分で食べログのAPIから福岡のお店一覧を取得するライブコーディングも見れました!
    • NetBeans使ってるのが格好良く見えた。あれぐらい使いこなしたい。

RBCビジネス勉強会はいつも脳みそをぐらぐらと刺激され、エキサイティングです。
運営のみなさんもお疲れさまでした!

参考サイト)

作者:我流@CGFM

更新日:2008年12月15日 15時28分

このブログのホーム

インターフェイスのデザインの事を話してきました

仕事としては珍しいのですが、先日、グローバルブレインズ株式会社さんでデザインに関する講義を行ってきました。
下はその時のスライドで、やってみた感想や補足事項を続けて書いてます。

interface design

View SlideShare presentation or Upload your own. (tags: design ui)

『どういう風に考えて管理画面をデザインしてるのか?』
を僕たちなりにまとめた内容です。
(スライド作成はCGFMデザイナーのmutsukiです)

CGFMではBtoCなWebデザインのお仕事がほとんどなんですが、
BtoBな業務系の管理画面などのデザインも時々手がけてます。

今回は、RBCの勉強会を通じて知り合ったグローバルブレインズの森さんから、
「うちの連中にデザインの話をしてやってください!」
と声をかけられたのがきっかけでした。

やってみた感想

  • 会議室で森さんと3人の社員さん、CGFM2人の合計6人だったのでざっくばらにやれました
    • 一つ教えると社員さん同士の反応が良かった。
      「今度の案件で使えないかな?」「これはすぐ改善できそうですね!」みたいなやり取りが新鮮でした。
  • デザイナーにとって当たり前の知識でも、システムの人達には斬新だったり「目から鱗」だったりする事もあるんだからアウトプットしていかなきゃ!と再認識。
    • デザイナーがどんな事を考えて作業をしているかをわかりやすく伝える事で一緒に仕事しやすくなるしね
    • 「やってはいけない事」を教える方がシステムの方々は理解が早い気がした
  • 「デザイナーさんに画面デザインをお願いする時は、画面設計書を考える段階で入ってもらった方が良い。
    全部決まった後だと、デザイン(設計)ではなくてデコレーション(飾り付け)になっちゃう。」
    という事を理解してもらえたのが一番嬉しかった。
  • グローバルブレインズ株式会社さんは良い雰囲気の会社だった(これは宣伝とかじゃないよ)
    • 社員が社長にフランクに物事を言えるとても良い雰囲気だった
    • 社長の森さんの人柄もあるんでしょうけど、社員からもの凄く強めにいじられてましたw
    • 社員が社長をいじる会社っていいですねw 信頼関係が見え隠れしました。
    • 参加した社員の方々は皆さん、勉強熱心でした。(講義後、色彩検定を勉強しようかと考える人も)
    • 森さんは僕の中で「かっこいい大人」の一人。(前にも書いたことあるけど)
      天神大名WiFi化計画などでも精力的に活動されてます。
      そして「ムー○ィー」を知らしめてしまった人でもあります。
  • ちょっと反省したこと
    • 印刷した資料は、後で配れば良かったかも。
      スライドに動き付けてもスライドを見てくれてないのと、
      「ここには何が入るでしょう?」みたいな問いかけも手持ちの資料には答えが有る状態なので。
    • Keynoteのスライドの画面設定がわかってなかった

補足

以下、講義終了後に参加された方々にメールで送った、簡単な補足です。
質疑応答などで出てきた言葉やサイトだったり、実際に御見せした書籍とか。

情報設計

[参考]ペーパープロトタイプ
http://labs.cybozu.co.jp/blog/akky/archives/2008/06/paper-prototyping.html
・Youtubeの動画もあります。必見!

マニュアル作成

[ソフト]動画キャプチャーソフト
Camtasia Studio 5 (カムタジア スタジオ)
http://www.camtasia.jp/

これがオススメです。

フリーソフトもあります。
こちらのページ内の 「動画のマニュアル作成」でまとめてます。
http://groups.google.co.jp/group/fww_webmaster/web/vol-2-in-aipcafe-2008-10-18

色彩、配色について

[書籍]キーカラーで選べる配色見本ハンドブック (MdN BOOKS)
484435762X
色の勉強するなら、こんな本もありますよーとお見せした本です。

[検定]A・F・T 色彩検定/カラーコーディネーター
http://www.aft.or.jp/index.htm

・色彩検定3級でも十分、開発に役に立つ知識があります。

[Webサービス]Adobe kuler

  • 配色(色見本、カラーテーマ、カラースキーム、カラーパレット)をブラウザ上で作成できるサービス
  • 要Flash Player 10

アイコン

[Web]リストに使える小さいサイズのアイコン Part2 | DesignWalker
http://www.designwalker.com/2008/06/bullet-icon.html

  • 商用利用が可能かどうか確認を
  • アイコンのテイストはバラバラにならないように、同じパッケージ内で使う事をお勧めします

参考サイト

今回は自分の立ち位置を見直せた良い機会だったかも。
デザイナーとしてもシステムとしても中途半端な自分ですが、両方の気持ちがわかる存在というか。
ゼネラリストというのはおこがましいですが、翻訳者/仲介者みたいな事はできたんじゃないかと。
(僕の身近で尊敬できるゼネラリストはイナヅマtvログの大久保さん)

作者:我流@CGFM

更新日:2008年12月12日 9時41分

このブログのホーム

面白かったCSSの支援サービス

最近、CSSもフレームワーク化してきてますが、
そんな中、面白いCSSのサービスを発見。

CSS Type Set

csstypeset

csstypeset

  • テキスト周りのCSSをライブプレビューしながらCSSも確認できる
  • 左にテキストを入れて、下のパネルで調整すると、右側にCSSコードが出てくれる。
  • 行間やletter-spacingなど、デザイナーさんは必ず調整したいテキスト関係のほとんどのプロパティまで触れるのが嬉しい。
  • テキストカラーやバックグラウンドカラーも指定可能。
  • 日本語のフォントが無いのが残念だけど、ちょっとしたロゴとか見出しを考える時に使えるかな。

MinifyMe, a minimizer for CSS and Javascript | base42.nl

MinifyMe.air

MinifyMe.air

  • AIRアプリ。CSSファイル群もしくはJavascriptファイル群を1ファイルにまとめてくれるだけのソフト
  • 上の画像は右上の4つのCSSをドラック&ドロップしたら右下[pack.css]ができた状態
  • タブ、改行、空白は全て除去するだけで圧縮するわけではないけどファイルサイズは軽くなる(でもコメントタグは消えない)
  • メンテナンスは劇的に悪くなるけど、速度が気になる場合とか、JSファイル数が恐ろしく多いとかで使える?
  • jQueryとかならnishiaki氏が書いてる「Nishiaki's Log: そろそろみんなでGoogle AJAX Libraries API使いませんか?」でもありと僕は思う。

あとこれはネタものw

CSS Text Wrapper

csstextwrapper

csstextwrapper

  • イラストレーターなどでよくあるボックスへのテキスト入力をCSSとJSで作成するサービス
  • 緑の●をドラックすることで任意に形を変えれる。↑の画像は作成中のライブビュー。
  • ページ下の手順通りに、HTMLとCSSとJSを貼付ければ完成
  • 最初はネタと思ったけど、使い方によっては円形やら星形やら作れるのでテキストサイトでは差別化したデザインができるね。

いろいろありますねーw
ネタ元は50 Extremely Useful And Powerful CSS Tools | CSS | Smashing Magazineで紹介されたもの。
50個もCSSツールが紹介されてます。

作者:我流@CGFM

更新日:2008年12月10日 3時29分

このブログのホーム

MacUodateが期間限定でVirusBarrier X5、Drive Genius 2など人気ソフトウェア500ドル相当を49ドルで販売する「MacUpdate Holiday Bundle」キャンペーンを開催。

うおー安い!

MacUpdate Winter 2008

MacUpdate Winter Holiday Bundle

MacUodateが期間限定で、人気のシェアウェア合計$447分が特売価格$49で販売中!
円高もあり4,557円で買えちゃう!($1=93円として)
シェアウェアでは滅多に無い特売セールです。

大久保先生の「MacUpdate Holiday Bundle, あと8時間+11日 | イナヅマtvログ」で知りました。

Default Folder X 4.1は既に買ってるけど他のソフトも考えて十分安い!
日本時間で2008/12/19(月) の14:00ぐらいまで!
全部英語版だけどそれでもいいや。
同梱ソフトは全部で10個。
そのうち、良さげと思ったのは以下。

  • VirusBarrier X5:高く評価されるMac用アンチウイルスプログラム
    • アンチウイルスソフト。Macも最近はウイルスが騒がれてるので何か入れたいと思っていたところ。
    • これだけでも日本語版単体で ダウンロード価格 7800円(税込)するので既にお得。
  • Default Folder X
    • これないMacは触りたくない!と言えるソフトの一つ。Finderがめちゃくちゃ便利になる拡張ソフト。
    • スライスとか、保存先とかを毎回Finderで辿るのが面倒な人にはめちゃめちゃ超オススメ。
      単品でもいいからはこれは是非買え。
    • 3800円(税込)
  • Drive Genius 2
    • Macの最適化のためのユーティリティソフト。
      デフラグ機能やパーティション機能も充実。
    • 日本語ダウンロード版  8925円(税込)
  • Little Snitch
    • ネットワークの監視ツール。ウイルス等が不正に外部にアクセスしようとしたときに警告してくれるツール。
      シュールなアイコンの割に高性能と評判が高い。
    • $29.95(約2787円)

で、早速買います!
レビューはまた今度。
(なんかWeb制作ツールっぽいのもあって気になってる)

作者:我流@CGFM

更新日:2008年12月7日 16時50分

このブログのホーム

Amazon LinkageプラグインーAmazonアソシエイト for WordPressを試してみる

Wordpress用にAmazonのリンク貼るお手軽なプラグインが無いかなーと探したら、
Amazon LinkageプラグインーAmazonアソシエイト for WordPress - Liner Noteってのが良さそうだったので試してみる。

指定方法も簡単。
今回は新しく再刊行版として出版されて、望月真琴さんから献本してもらった「実践 Web Standards Design ~Web標準の基本とCSSレイアウト&Tips~ (大型本)」で試してみました。
(この素晴らしい書籍のレビューはまた次回に)

利用方法

こんな風にHTMLタグを貼付けるだけ。

ノーマル(無指定)

<amazon>4774136840</amazon>
4774136840
<amazon>4774136840,clear2</amazon>
4774136840,clear2

左回りこみ(left)

<amazon>4774136840,left</amazon>
4774136840,left
<amazon>4774136840,left2</amazon>
4774136840,left2

右回りこみ(right)

<amazon>4774136840,right</amazon>
4774136840,right
<amazon>4774136840,right2</amazon>
4774136840,right2

小サイズ(右回りこみ)(caption)

<amazon>4774136840,caption</amazon>
4774136840,caption
サイドバーに常に表示させたい時はこれで良さそう。
CSSはちょっといじればいいね。

画像のみ (image)

<amazon>4774136840,image</amazon>
4774136840,image
<amazon>4774136840,size</amazon>
4774136840,size
<amazon>4774136840,scale</amazon>
4774136840,scale

テキストのみ (text)

<amazon>4774136840,text</amazon>
4774136840,text
<amazon>4774136840,string</amazon>
4774136840,string
<amazon>4774136840,mobile</amazon>
4774136840,mobile



設定できる指定は他にもあるようです。

※ 任意
type => (following type);
要素の出力方法および全体を回り込みさせるかどうかを決める
- text: テキスト版で出力する(通常の文章段落の中で使えます)
-- string: タグを抜いたテキスト版で出力する(タグが不要な場合に使えます)
-- mobile: モバイルユースに便利なように最低限の情報を出力します
- clear: カバー付きビジュアル版。後続の要素には回り込ませない(無設定時のデフォルト値)
-- clear2: clearの影を表示しないバージョン
- left: カバー付きビジュアル版。左に配置して、右側に後続の要素を回り込ませる
-- left2: leftの影を表示しないバージョン
- right: カバー付きビジュアル版。右に配置して、右側に後続の要素を回り込ませる
-- right2: rightの影を表示しないバージョン
- caption: カバー付きビジュアル版。右に配置するが、表示するのは著者とタイトルのみ
- image: カバー画像へのリンクを書いたタグのみを出力します
-- size: サイズ記述付きのタグを出力します
-- scale: sizeオプションに加え、大きさ比較の画像も加えて表示します

※ 任意
extra image => (url);
好きなカバー画像を設定したい場合、ここにURLを入力してください

注意事項

そのままだとちょっと不具合があったので、以下を改善。
(僕の環境のせいかもしれません。)

付属のCSSのパスがhead内に反映されない。

/wp-content/plugins/amazon_linkage/amazon.css
手打ちでテンプレートに埋め込みで回避。

dlリストが表示される。

amazon.cssで以下の表示を追記。

div.showcase .hidden{
display: none;
}

PHPのパーミッションのエラーがでる。

/wp-content/plugins/amazon_linkage/cache/img/*
内に生成されるたくさんのフォルダのパーミッション権限を全て777に。

作者:我流@CGFM

更新日:2008年12月7日 10時13分

このブログのホーム

自作miniフォトスタジオを作ってみた

フォトスタジオを手軽に自作してヤフオクに挑む!を参考にして、自作のminiフォトスタジオを作成してみました。

経緯は、小物の撮影をしないといけなかったんだけど、最近天候悪くて寒いし外での撮影を諦めたから。
まー作ってて損は無いだろうと。

自作miniフォトスタジオ

自作miniフォトスタジオ


小学生の夏休みの自由研究レベル。
制作に小一時間もいらない。
使った材料は全部自宅で調達できた。

  • 段ボール(適当な箱)
  • 白い長い紙(模造紙)
  • アルミホイル
  • トレペ(無くてもいい)

ライトも適当なスタンドと天井の照明。
もう一個クリップで挟めるのが欲しいなーってぐらい。

試しにその辺の小物を撮ってみた。

ギャン

ギャン

シヴァ1

シヴァ1

シヴァ2

シヴァ2

うーん、ぜんぜんダメだ。
写真上手くなりたい〜。
練習あるのみですな。

でもこれで簡単な小物が撮影できる〜。

○余談)
ギャンはガンダム1st知らん人にはわからんだろうな・・・。
ギャン派ですが何か?

作者:我流@CGFM

更新日:2008年12月7日 9時59分

このブログのホーム

[勉強会勉強会]OSC2008 Fukuokaの[OSC]はオープンソースカンファレンスの略

来る2008/12/13(土)に、OSC2008 FUKUOKA(オープンソースカンファレンス2008福岡)が開催されます。

日程:2008年12月13日(土) 10:00-17:30
会場福岡大学 文系センター棟(地下鉄「七隈線」福大前駅 1番出口すぐ)
費用無料
内容:オープンソースに関する最新情報の提供
・展示 - オープンソースコミュニティ、企業・団体による展示
・セミナー - オープンソースの最新情報を提供

主催オープンソースカンファレンス実行委員会

共催(財)九州先端科学技術研究所
福岡OSS研究会
福岡大学
九州大学 大学院数理学研究院
グローバルCOEプログラム マス・フォア・インダストリ教育研究拠点

後援:福岡市

企画運営株式会社びぎねっと

セミナーが7教室×6コマ=42コマ!

タイムテーブルを見て行きたいところをチェックしておかなきゃ。
あ、参加には事前受付の登録申し込みが必要なのでお忘れなく。

最後の大懇親会も別で予約申し込みが必要。

行こうと思ってるコマのメモとこっと。

  1. 10:15-12:00 (2コマ連続)
  2. 13:00-13:45
  3. 14:00-14:45
  4. 15:00-17:00 (2コマ連続)
  5. 17:10-17:30


追記)
以下のAIPのセミナーも気になる〜

  1. 11:15-12:00

岡部さんやフライト杉山さんがトークされるそうです!
朝が弱い方、RBCの勉強会に参加しない方はぜひ!
(RBCとかぶってなければなぁ...途中、覗きに行きたいなー)

勉強会勉強会は福岡の各コミュニティの活動報告だったり、勉強会の方法を勉強しようという主旨だそうです。
各代表のトーク・ディスカッションもあるみたいなので楽しみです。

僕のブログの一番下にリンク貼ってる各コミュニティはほぼ出るみたいです。
(なんだかOSC2008のサイトでコミュ名に誤植や適当な省略が目立つw)

あと良く知らないけど、こんなコミュニティ/勉強会も参加するそうです。

勉強会勉強会の雰囲気は「mochikoAsTech [other][event]勉強会大集合@OSC 2008 Tokyo/Fallに行ってきた」さんにある動画など見るといいと思います。

参考リンク)

ぼやき)
勉強会勉強会の公式の告知ページ があまりにおなざりおざなりで萎えた。
コミュニティ名間違えてたり、略称だけで正式名称書いてなかったり。
初めての人が見たら全くなんのこっちゃわからんです、情報に気配りがない。
せめてリンクぐらい貼っておいたほうがいいんじゃないかと。
なんだか知ってる人向けな情報/告知しかしてない感じがしてしまいました。
(中の人が忙しいのかもしれなけいけどね)

追記 その2)
なんでかアクセス増えたと思ったら、FWWのMLにこのエントリーのURIが流れてたのか。

作者:我流@CGFM

更新日:2008年12月5日 16時39分

このブログのホーム

携帯絵文字変換スクリプト(PHP埋込型・au絵文字名対応版)を公開

前にPHPで自作の携帯絵文字ライブラリを公開したりしましたが、
絵文字数が基本絵文字だけで少ないし、他の方のライブラリの方が優秀なので、
それを自分好みに手を加えてみました。
→サンプル

特徴としてはこんな感じ。

  • auの絵文字名(英字のアイコン名)でも指定できる
  • おまけ:PCでプレビュー時にalt属性を絵文字名で追加
  • 「docomoの絵文字No指定だとソース上で何の絵文字かわからん!」
    「文字列で絵文字を指定したい!」という人にオススメ
  • 「auの絵文字が携帯サイトのデザインする上で一番好きだ!」
    というwebデザイナーに使ってもらったら幸いです。

追記/備考/履歴

  • 2008-12-09 実際に仕事で使ってみましたが、いろいろと不満点が出てきたので今度0から作り直します。
  • 2008-12-08 Softbankで不具合があったので修正版を更新

携帯絵文字変換スクリプトについて

この携帯絵文字変換スクリプト(PHP埋込型・au絵文字名対応版)はUOSHICHI.COMさんの配布してる[携帯絵文字変換スクリプト(3キャリア対応?)PHP埋め込み型]を元に自分の使いやすいように手を加えたものです。

元々のベースはHTMLタグボード トップページさんが配布している[携帯絵文字変換スクリプト 3キャリア対応版]になります。(こちらはSSI型なのでHTMLでも利用可能。)

参考サイト)

ダウンロード

サンプル

docomoの絵文字番号、auの絵文字名(アイコン名)の両方で絵文字を指定できます。

//docomo番号で指定
<?php echo emj(1); ?> → sun
//au絵文字名で指定
<?php echo emj('sun'); ?> → sun
//phpの設定で[short_open_tag=on]であれば以下の書き方がシンプル。
//(※サーバーによっては動かない可能性もあります)
<?= emj(1) ?> → sun
<?= emj( 'sun') ?> → sun

Docomo絵文字番号、au絵文字名 変換表

ドコモNo 絵文字 au絵文字名
1 sun sun
2 cloud cloud
3 rain rain
4 snowman snowman
5 bolt bolt
6 typhoon typhoon
7 mist mist
8 umbrella umbrella
9 aries aries
10 taurus taurus
11 gemini gemini
12 cancer cancer
13 leo leo
14 virgo virgo
15 libra libra
16 scorpio scorpio
17 sagittarius sagittarius
18 capricorn capricorn
19 aquarius aquarius
20 pisces pisces
21 marathon marathon
22 baseball baseball
23 golf golf
24 tennis tennis
25 soccer soccer
26 skis skis
27 basketball basketball
28 checkerflag checkerflag
29 pager pager
30 train train
31 subway subway
32 superexpress superexpress
33 car car
34 car car
35 bus bus
36 ship ship
37 plane plane
38 house house
39 factory factory
40 postoffice postoffice
41 hospital hospital
42 bank bank
43 atm atm
44 hotel hotel
45 24hours 24hours
46 gasstation gasstation
47 parking parking
48 trafficlight trafficlight
49 toilet toilet
50 meal1 meal1
51 cup cup
52 martini martini
53 mug mug
54 hamburger hamburger
55 shoe shoe
56 scissors scissors
57 microphone microphone
58 videocam videocam
59 rightarrow2 rightarrow2
60 amusementpark amusementpark
61 headphone headphone
62 art art
63 silkhat silkhat
64 event event
65 ticket ticket
66 smoking smoking
67 nosmoking nosmoking
68 camera1 camera1
69 briefcase briefcase
70 note2 note2
71 ribbon ribbon
72 present present
73 birthday birthday
74 phone1 phone1
75 phone3 phone3
76 document1 document1
77 tv tv
78 controller controller
79 cd cd
80 heart6 heart6
81 spade spade
82 diamond diamond
83 clover clover
84 eye eye
ドコモNo 絵文字 au絵文字名
85 ear ear
86 closefinger closefinger
87 peacesign peacesign
88 openfinger openfinger
89 downarrow2 downarrow2
90 uparrow2 uparrow2
91 footprint footprint
92 sneakers sneakers
93 glasses glasses
94 wheelchair wheelchair
95 moon3 moon3
96 moon4 moon4
97 moon5 moon5
98 moon1 moon1
99 moon2 moon2
100 hound hound
101 cat cat
102 boat boat
103 christmastree christmastree
104 leftarrow2 leftarrow2
105 exit exit
106 envelope4 envelope4
107 fax fax
108
109
110 envelope1 envelope1
111
112
113 check check
114 freesign freesign
115