講演の詳細は上記リンク先から参照いただくとして、お話を伺って考えたことや感じたことを、少々長くなるが書き留める。

今回のセミナーを通じて何より一番強く感じたのは「なんか、ウェブ制作現場の潮流って、ソフトウェア開発の歴史を辿っているような気がする」ということ。せっかくなので、ソフトウェア開発現場が歩んできた道をウェブ制作現場へ照らし合わせてみたうえで、「今後ウェブデザイナーとして求められるもの」を考えてみたい。

ウェブ制作の歴史は、いわゆる「ウェブ制作会社」が会社として成り立つようになってから、まーせーぜー10年程度だ。
少し前までは、制作担当は、なんでも「ウェブデザイナー」と呼ばれる職種にひとくくりにされ、分業のスタイルも整ってはいなかったが、最近ようやく、コーダーやディレクターなどと呼ばれる、いわゆるシステム開発における、プログラマーやプロジェクトマネージャーに相当する職種が浸透してきている。

実際の制作スタイルを見てみると、森川さんの発表内容にもあったとおりウェブの「標準化」と呼ばれる統一された仕様が求められるようになって、5年ほどたとうか。つまり、以前までは「一人のスーパープレイヤー」さえ居れば金になる時代（「一発芸」と表現されていたもの）だった。そういったスタイルが、徐々に苦しくなってくるのは、制作に必要な要素が徐々に体系化されてきたことでもある。

つまり、仕様が標準化されれば、分業ができる。分業ができれば、個々が専門化する。個々が専門化してくると、それぞれ職種に名前が付く（私達はおそらくイマココ）。という流れの中にあることを押さえておきたい。

んで、この流れにのり、専門家の技量水準評価のために、品質評価リストや公的資格が生まれたりする。そうなれば、顧客の要求も「○○を満たせる人材」「○○の条件をクリアするサイト」といったスキルレベルを明確に要求してくるようになる（スキル・品質の数値化、定量化）。
さらに、分業化が進むと、プロセス（いわゆる仕事の進め方）を標準化しよう、統一しようという話題が持ち上がる。一人のスーパープレイヤーの仕事では発生しえなかった、コミュニケーション・ロスが、分業では当然ボトルネックとなってくる。プロセスが標準化されてくると、それぞれ個々のタスクでの「成果物」もおのずと決まってくる。そうして、ひとまずは、案件の計画から制作完了・リリースまでの一連のタスクリストが、制作者間で共通認識として出来上がる。このあたりのプロセス体系は、PMBOKあたりが標準になっていてウェブディレクションに取り入れているところも多い。

ただし、従来のシステム開発で使われるウォーターフォール・モデルではない。既に「市場の変化のスピードの早さ」をまさにフロントエンドで感じざるをえないウェブ制作においては、PDCAサイクルを工程に組み込んだ、スパイラル・モデルとして制作工程ができつつある。（ISO13407のHCDプロセスもそう。）

別に取り立てて特別に言うことではないし、知っている人からすれば「当たり前」のことなのだろうが、近年のソフトウェア開発の歴史は「市場の変化のスピードの早さ」との闘いである、と言っても過言じゃない。ウェブ制作現場においても、きっと同じ道を歩むことになる。

「市場の変化のスピードの早さ」とは、即ち「仕様変更」の回数が増え頻繁になることである。顧客自身が市場変化を捉えきれず、工程途中で仕様が変わることがどうしても増えてくる。「前工程において、合意を得たものだ」と強く断れば良い？
ふふふ、そうも言えないケースだってあるんだから。もう、何なら「あらゆるものは、フィックスなんてしない」という考えでも良いくらいである。だってそのためのサイクルプロセスなのだから。

では、具体的にウェブ制作として、この静かに忍び寄る避けられない脅威に対してどう身を守るべきか。
他にもあるかも知れないが、私が思うのは「制作物の構造化」である。テンプレート、コンポーネント、ライブラリ、フレームワーク．．．要は、呼び方はナンだって構わない。つまり、再利用できるものとそうでないものを可能な限り切り分けて、「変更が発生した場合の作業量を最小にする」ことに留意し、またその努力をすべきである、ということである。

実は、プログラム言語において、過去の偉人達が作り上げてきた、関数、構造体、オブジェクト指向などの概念は全て、作ったものを「再利用」しやすく「変更発生時の影響を最小限に食い止める（変更作業量を最小にする）」ためのものである。
同じ話で、スクリプト言語にOOPが必要なのはもちろん、グラフィックソフトでレイヤーが分かれているのも思想は同じ、てかそもそも、HTMLとCSSが分離して策定されたのも、想定される変更頻度が異なる「テキスト」と「スタイル」を可能な限り分離することで、修正時のソースレベルにおけるインパクトを小さくするためのものである。

積極的にフレームワークやライブラリなどを利用するとともに、何らかの設計の際に、少しこんなことを意識することをお勧めしたい。
「今、私が作っているモノは、絶対に後になって変わる。もしくは（私でない）誰かが変える。その時のために何をすべきか。」という意識がカギである。

IT CIRCUS 2010 IN OSAKA

• オメデッタ
• アリガッタ

twitter上で誰かから誰かへの「おめでとう」と「ありがとう」を検索するだけのものなのだが、どうせ実用性は全く意識してないので、せっかくならポジティブで、見てるだけでなんかハッピーな気持ちになれるものがいいなぁ、と。

せっかくなら、このみんなのポジティブなメッセージかプロフィールアイコンを使って、何かが「作り上げられていく」ようなものをFLASHで見せるとか、
集めた情報をさらに「発信」して、感謝やお祝いの気持ちを増幅いくようなものとか、楽しそうだな。

ほとんど何もしてないけど一応工夫したところなどを。

• 本文中のに出現する @(ユーザー) の記述が１つだけのものに限定して、「誰かから誰か(1:1)」のメッセージに絞る。（多重RTされたものを排除）
• 質の高いおめでとう／ありがとう（？）に限定するため、「遅くなりましたが．．．」というコンテキストを排除するため「遅」の字が入ったメッセージは諦める。
• おめでとう版とありがとう版をセットで見せて、より「ほっこり感（何それ）」を求める

眺めてたら「教えてくれてありがとう」的な小さなものから、結婚・出産などの大きな「おめでとう」まで垣間見れて、（誰だか知らないんだけど）なんだか微笑ましい。気が向いたらまた手を加えてみようかな。

結果的に回答を終えるまでに、「ワタシはきっとHTMLコーダーじゃない」という結論に達し、そのまま100まで慣性運動で回答するという事態となった。

1年齢は？
30手前

2パソコン歴は？
17年

3コーダー歴はどれくらいですか？
4,5年

4初めてwebを作ったのはいつですか？
最初にHTMLに触れたのは10年くらい前

5コーダーになろうと思ったきっかけは？
仕事で必要になったから。けどコーダーじゃない気がする。

6コーディングは誰に／どこで習いましたか？
印象深いのは、とほほのWWW入門 かな。

7web業界以外の友達・家族とコーディングの話をしますか？
話す理由が分からない。

8ご両親はインターネットユーザーですか？
いいえ。
あ、けど母親はちょっと使ってみてるらしい。

9視力はいくつくらい？メガネ・コンタクトどちらですか？
両目とも1.5、伊達眼鏡はタマにかけます。

10本はAmazonで買いますか？
書店で買うのが大好きです。

11ネットショッピングをしますか？主に買うものは何ですか？
iTunesでアルバムCDを買うぐらいかな。

12携帯サイトで買い物をしたことがありますか？
着うたを含めていいなら。

13お酒は強いですか？
周りから強い方だと言われます。

14休日の過ごし方を教えて下さい。
こうしてPC触ってるかな、

15今、欲しいものは何ですか？
正直言うと「将来への安心」かな、うは。

16平均睡眠時間を教えて下さい。
5～8時間、あ、これじゃ平均になってないね。

17平日の起床時間は何時ですか？
7～8時

18なにかスポーツをしていますか？
最近になって、ようやくスノボとかゴルフとか自転車とか。

19パソコンと関係ない趣味がありますか？
カメラとか自転車とかギターとか

20コーディングに役立つ資格、パソコン関係の資格を持ってますか？
役立ちはしないけど、広くコンピュータをよく知るという意味では、情報処理第二種。てかコーディングに役立つ資格があるの？

21昼と夜、どちらの方が仕事がはかどりますか？
昼と言いたいけど、やっぱり夜の方がはかどる。

22ブラインドタッチは教本通り10本の指を使いますか？
全部使うけど、特定のキーは小指を薬指や中指で代用する場合が多い。

23眠い時の対処法はありますか？
寝る。おー「対処」じゃない。

24息抜きについ見てしまうサイトはなんですか？
twitterかな

25他に息抜きにしていることがあったら教えて下さい。
てか常時息抜きと言えるでしょう。タバコかな。

26仕事上で得意なことはありますか？それは何ですか？
得意なのは、やっぱりプログラミングかも。
けどハードウェアも見るし、ネットワークもやるし、サーバーも立てたりもやる。

27仕事中にBGMは聞けますか？能率が上がるのはどんな音楽ですか？
職場ではラジオがかかってる。
自宅だと Last.fm。 聞き慣れた音楽なら何かけても邪魔にはならない。

28作業パソコンはWin?Mac?
Win

29作業パソコンはデスクトップ？ノート？
会社はデスクトップ。

30作業パソコンのマウスは標準マウスですか？
職場ではマウス。

31マウスパッドは使っていますか？
職場では使ってません。

32作業パソコンにAdobe製品は何が入っていますか？
職場は DW、FWのMX。
自宅では、CS WebPremium。

33作業パソコンはモニタは何インチですか？
自宅は12.1インチ+19インチワイド。
職場は17インチ。

34自宅にパソコン持ってますか？いくつありますか？
ノート１、Linuxサーバー１。

35自宅に作業環境はある？
小学生ん時の学習机を未だに使ってる。
けど最近寒いのでリビングで作業してる。

36会社と自宅、作業はどちらがはかどりますか？
作業環境じゃなくて、作業内容による。

37自宅パソコンは家族と共用ですか？
共用できるようにしてるけど、誰も使わない。
娘がネットで児童向けコンテンツを見たいとせがんでくるぐらい。

38自宅パソコンはWin?Mac?
おーここまで来てわかった、、
今までの「作業パソコン」とは会社パソコンについてだったのか。
自宅もWindows。

39自宅パソコンのメーカーは何ですか？
ノートはLenovo
サーバー用は自作

40自宅パソコンはデスクトップ？ノート？
ノート

41打ち合わせのメモは手描きとテキストどちらがいいですか？
場合によるな。
説明ん時に手書きのチャートとかよく描く。

42スケジュール管理は何でしてますか？（手帳・アプリケーション・webツール・モバイルなど）
仕事は会社のMSExchange（←けどこれ嫌い）
あとはA5手帳。

43メーラーは何を使ってますか？
職場はMSOutlook、個人用はGmail。

44RSSリーダーは何を使ってますか？
Firefoxのライブブックマーク

45好きなポータルサイトはどこですか？
ポータルサイトを足がかりにするサイトはないな。

46ブックマークは何で管理していますか？
delicious。
けど自分でサブスクライバ作ってからブックマークする必要性を感じなくなってきた。

47不得意だけど使わねばならない技術はありますか？
ウェブやってて不得意を感じるのはperlとモバイルサイト。

48web系の雑誌を購読していますか？
定期購読はしてない

49webの参考書は何冊くらい持っていますか？
何冊あるやろ、コーディングの本なら数冊かな、webプログラム含めたらもう。

50お薦めの参考書があったら教えて下さい。
コーダーなら「Web標準の教科書―XHTMLとCSSでつくる“正しい”Webサイト」

51参考にしているおすすめサイトがあったら教えて下さい。

http://dev.ohbatch.net/wwd/index1.html

52コーディングに使ってる、便利なツールを教えてください。
GNU Wget Win32版、xyzzy、Devas

53コードにコメントはつけてますか？
HTMLにはまずつけない＞＜
CSSには大括りの見出し程度

54制作過程で、どの作業が一番好きですか？(コーディング、画像作成、検証、打ち合わせ)？
コーディングと画像作成、たまにプログラムとかを交互にやると気分転換になって良い。

55画像切り出しに使うソフトはなんですか？
Fireworks

56webデザインに使うソフトはなんですか？
Fireworks

57検証対象ブラウザは何個ありますか？
基本FirefoxとIETester。

58一から新規制作とリニューアル、どちらが好きですか？
コンテンツが揃っていて思うようにデザインできるから、
「一からリニューアル」が一番いい。

59定期運用と新規制作、どちらが好きですか？
定期運用はキラい

60テーブルコーディング業務はありますか？
動的生成ページならTABLEの方が楽なこと多いね。
さすがにBODY全体をTABLEで括ることは最近もうないな。

61新規制作の割合はどれくらいですか？
コーディングやってる時間がそもそも少ないかも。
コーディング時間だけを分母にすれば、新規90%。

62iPhoneサイトのコーディングをしたことはありますか？
ないよ。

63よく使うJavaScriptがあったら教えて下さい。
jQuery　あたらしいバージョン早く使ってみたい。

64携帯サイトのコーディング業務をしていますか？
やってる、けどニガテ

65FLASHはどのくらいできますか？
どのくらいもできません。
ASは勉強してみたいけど、あーゆーイベントドリブンなのは苦手。

66いま興味がある技術はありますか？
最近またプログラム熱が高い。

67自分の書いたコードは美しい？
美しいかどうか別にして、プラグラマ上がりらしいコードだと思う

68ソーステンプレートを作っていますか？
ソーステンプレートって何？
テンプレートと呼ばれるものはだいたい使ったり準備したりしてる。
あーゆー「共通」と「個別」を分離するアーキテクチャは大好き。

69単語登録にタグを登録していますか？
いいえ。texterでやってみたいんだけど、タグ変換のトリガーにするキーをどれにしようか悩んでる。

70HTML5、早く実務で使いたい？
使うメリットが実感としてないのでまだいい。

71CSS3、早く実務で使いたい？
使うメリットが実感としてないのでまだいい。

72コーディングで伸ばしたい技術は？
モバイル向け、かな

73コーディング以外で伸ばしたい技術はありますか？
技術？　強いていうと仕事を前に進める技術。

74職場にコーダー専門職は何人いますか？兼務は何人ですか？
専門はいないよ
兼務なら私以外にお二人がお勉強中。

75職場のコーダー男女比はどのくらい？
そもそも私は「コーダー」なのか疑問が沸いてきた。

76勤務時間は何時から何時までですか？
9～18時

77通勤時間はどのくらいですか？
15分

78月の残業時間は最高何時間でしたか？
今はまずない。SEん時はどれくらいだったかな。

79現在の仕事環境で良いところはどんなところですか？
大きなトラックが前の道を通るとオフィスが揺れる。
あ、「良いところ」でしたか、そりゃいろいろともう。

80デザイナなど他の仕事とコーディングを兼務してますか？
なんでもやります。

81職場は服装自由ですか？何か規則はありますか？
原則自由です。

82休日出社や徹夜作業はありますか？
ないです。

83プライベートでサイト／ブログを持ってますか？
持ってます。

84プライベートでドメインを持っている。
持ってます。

85プライベートでサーバーを持っている。借りている。
自宅に置いてます。

86CSS Niteには何回行きましたか？
行ってません。

87地方のCSS Nite行ったことありますか？
行ったことありません。

88尊敬するwebクリエイターがいたら教えて下さい。
自分の作業範囲を縛らない人で仕事できる人を尊敬します。

89旅行に行く時パソコンを持っていきますか？持っていきたいですか？
「一人の時間」がある旅行なら持って行きたいです。

90好奇心を満たす面白い仕事を無償でやったことがありますか？どんな仕事でしたか？
無償なものは「仕事」だと思わないことにしてる、それは趣味か勉強。
仕事だと思った瞬間に無償でもなんだかモチベーション下がる。。

91ディレクターなどキャリアチェンジを考えてますか？一生コーダーを貫きますか？
ごめん、今もたぶん「コーダー」ではないと思うんだワタシ。

92特定のパートナー（彼女・彼氏・夫・妻）がいますか？相手は同業者ですか？
妻がいます。業種は全くの正反対。

93パートナーは同業者がいい？別の職種がいい？
正反対だと、価値観が合わなくて面白いよ（？）。

94コーダーをやっててよかったなあと思うときは？
コーディングは楽しい。プログラムと違って、覚えることが少なめで、何より自分が作った「結果」が見られるまでの時間が早い。けど専門も「コーダー」とか「マークアッパ」と呼ばれるようにはなりたくないな。

95何年後／何歳までコーダーをやるつもりですか？
コーダーではないだろうけど、コーディングはずっとやるよ。

96次の締め切りはいつですか？
いつかな。

97コーダー以外だったらどんな職に就きたいですか？
あ、パソコン教室の先生とかもいいかも。

98よいコーダーの条件を３つあげてください。
お客さんの運用や、そこから今後起こりうる変更が想像でき、
それをコードの柔軟性として落とし込めること。
3つになってないな。

9910年後、あなたは何をしてると思いますか？
フリーランスを経由して会社起こして社長になっていたい。

100コーダーとしての自分を100点満点で評価してください。
30点程度でしょうか。

webdesignStatio

はてなブックマーク、@niftyクリップ！、Yahoo!Japanブックマーク
FC2ソーシャルブックマーク、Buzzurl、POOKMARK Airlines、livedoor クリップというオンラインのブックマークサービス（SBM=ソーシャルブックマーク）からウェブデザイン関連に特化した情報を収集しているので、
誰かが「後になっても読みたい」「いつか参考になる」「誰かに教えたい」と判断した記事ばかりが収集されるのが特徴。

かといって、もし自身でこれらのSBMを購読するには、面倒なうえ同じ記事が重複していたりと何かと効率も悪い。

こうしたフィード収集のサービスは、他にも類似したものが数多くあるのだが、更新が遅いとか、ノイズ情報が多いとか、純粋に見にくいとかで、ただ何となく自分に合わなかった。
いろいろ試した結果、結局自作するに至る。

作る上で意識したのは以下の特徴について。

• 早く追える
  ニュースのストック（蓄積）ではなく、フロー（流量）としての利用を目的に、更新された情報のみを素早くチェックできるように。
• 最低限みんなと同じ
  誰も見たこともない先進的過ぎる記事は断念。定期的にチェックするにあたり、最低限みんなが見てる記事だけでも追いかけられるように。
• 人の目は入れない
  個人的にお勧めしたいページが載らなかったり、明らかに閲覧者が低そうなページが含まれたりするが、私の判断を介してしまうと、私の「天の邪鬼さ」から言って更新しなくなることは必須。なので、記事の収集・掲載は完全自動。なので、更新されるタイミングも一定

ここ3週間ほど自分で試してみて、自分自身毎日見るようになった（見られる程度まで完成した）ので、公開してしまおう。
もちろん、動作は完全無保証なうえ、いきなりデザインを変えたりもするし、貧弱な自宅サーバーでの運用なので突然の閉鎖も十分にあり得る、などはご了承いただきたい。

それでも何かお役に立てるならば是非ご利用ください。
webdesignStatio

2010.01.16 翌朝追記
Thanks a lot.
はてなブックマーク,@niftyクリップ！,Yahoo!Japanブックマーク,FC2ソーシャルブックマーク,Buzzurl,POOKMARK Airlines,livedoor クリップ,CBL ActiveRecord,PEAR::Pager,lastRSS, 960 GRID SYSTEM,AddClips,tweetbuzz, Thumbnails powered by Thumbshots, and more!

公衆無線LANってどれも月額費用がかかるものとばかり思い込んでいたのだが、たまたま貸会議室で利用可能だったNTTコミュニケーションズのHOTSPOTは、「一日だけの利用が可能だ」と、貸し会議室のお姉さんが案内してくれた。おねーさんありがとう。

IEEE802.11aとbが利用可能で、一日（正確にはログインしてから24時間）で利用料500円。携帯電話からクレジットカードによる決済で、オンラインによる即時発行も可能。

継続的に月に1日以上使うことがあるのなら、他社の同様のサービスも含め、月定額のプランを検討すべきだろう。

しかし、たまの出張等で利用する場合や、そもそも月にどのくらいの頻度で外出先で無線LANを必要とするかが分からない場合の「様子見」としても、この1DAY PASSPORTは便利だ。

1DAY PASSPORT | 無線LANサービス ホットスポットhttp://www.hotspot.ne.jp/oneday/

６年とは結構な年月である。
流石に今年はブログ上でもう少し活動したい―詰まるところ即ちマメに更新したい―ところだが、昨年までは通勤時間を使って読書なりブログの原案書きなどしていたのだが、転職により自転車通勤となってからは、ブログのネタ探しをする時間を「見失って」しまっている（時間が「ない」とは口が裂けても言えないが、生活リズムの中から、適当なタイミングをまさに「見失った」のである）。

昨年の内に自宅サーバーのハード環境には一通り手を入れているので、今年はソフト／コンテンツを整理・充実させていきたい。転職して「環境」を変えた私生活としても同じ事が言えるかも知れない。
昨年の内に舞台はできあがっている。
今年は、その上で私がどう振る舞い、何をアウトプットしていくのか、が問われる年になるんだろう。情けない表現しか思い浮かばないが、良くも悪くも「もう逃げ道がない」

今年もよろしくお願いいたします。

トラバ先のネタフルさんのサイトで「女の子たちが自分のことを「ウチ」と呼ぶ話【まとめ】」という記事が掲示されていた。興味深く拝読。
てっきり関西だけかと思っていたのだが、記事中で引用しておられるとおり、

「全国方言辞典」（東京堂出版）で調べると、何と「うち」の使用地域に西日本以外に「千葉県東総地方」とある。ここが首都圏の「うち」の発信源なのだろうか。
「自分のこと「うち」…関東でなぜ？」

とあった。てっきり記事の通りアニメを含め、テレビで関西弁が広まった結果だと思い込んでいた。しかし結局、結論としては「複合要因でしょう」という風にしか着地できないのも深く納得。

幼児の場合、生活圏が狭いため、その地域由来の方言が残りやすいかも知れない。幼児向けテレビアニメの影響であれば、幼児であっても幼稚園・保育園を介して新しい言葉が一気に広がることもあるだろう。
ただし、小・中学生ぐらいまではテレビの影響が中心だろうが、高校生以上になると主に交流する友人達の出身地の幅が一気に広くなり、また、視聴するテレビ番組の種類も増えるため、自身が話す方言が何に影響されたのか、徐々に特定が難しくなってくる。自分自身、大阪生まれの大阪在住だが、神戸や京都などの固有のイントネーションが入り交じってることに気付くことがある。

ちなみに娘に聞いてみると「ウチって言う子おるよ、10人くらい」とのこと。

きっと、今まで聞いたことのない方言に出会ってから、（大人が違和感を抱くようになるまで）広まる様子は、イノベーションの普及過程モデルに近いような構図を描くのだろうな。あまりに接する機会少ないと広まらず、周りで何人から（もしくはテレビでちょくちょく）耳にするようになったあたりで「人とは違う格好良さ」を求めたアーリーアダプターが生まれてくる気がする。これは面白そうだ。

しかし実は、twitterでのこの即興的な意見交換から、エントリを起こされるまでの過程が、何よりも興味深かったりする。

flickr.photos.searchの引数がそのまま使えるため、ユーザーID、タグ、表示する写真数、ソート順、キーワードなどが指定が可能。
flickr.photos.searchの引数について

ex.1)
　特定のuser_id(=23605232@N02)の、特定のTags(=green)に属する写真を表示
　({ user_id: ‘23605232@N02′, tags:’green’})

ex.2)
　特定のグループ(=36521965703@N01)に属する写真を40枚表示
　({ group_id:’36521965703@N01′,per_page:40})

ex.3)
　キーワード”cat”を含む写真を24枚表示
　({text:’cat’,per_page:24})

TIPS
　表示枚数は、12枚の倍数にするとアプリを開いた時にきれいに収まります

今後の予定
・画像の先読み
・photoset、collectionの抽出
・初心者にもわかりやすいクエリインターフェイス　など

更新履歴
2009.07.04　　　　スクリプトのキャッシュにより表示速度改善
2009.06.26　v0.2　画像のキャッシュ、アイテム数の変更、クエリの保存（たぶん）に対応
2009.06.24　　　　home, profileビューの表示項目変更。リンクを別ウィンドウに変更。
2009.06.21　v0.1　暫定版公開。

ご利用はこちらからどうぞ
mixiアプリ FlickrPhotoViewer

HTMLをappendしたりremoveしたりすればするほど、イベントを都度バインドしているようでは煩雑になるようでは困るとあぐねていたら、どうやらjquery1.3以上では、bindというAPIの他に、live／dieという将来的に生成されるセレクタにも適用されるバインド方法があるらしい。（dieはunbindらしい）

素晴らしいなコレ。
てか、最近jqueryにかなりハマッてきた。
live(type, fn) – jQuery 1.3.2 日本語リファレンス

今後のために自分用にメモ。

<?xml version="1.0" encoding="UTF-8" ?>
<Module>
 <ModulePrefs title="Example">
  <Require feature="opensocial-0.8"/>
 </ModulePrefs>
 <Content type="html" view="home, canvas"><![CDATA[
  <div id="content_div"> </div>
  <script type="text/javascript">
  function getHtml() {
   var params = {};
   params[gadgets.io.RequestParameters.CONTENT_TYPE] = gadgets.io.ContentType.TEXT;
   params[gadgets.io.RequestParameters.AUTHORIZATION] = gadgets.io.AuthorizationType.NONE;
   var url = ‘http://dev.ohbatch.net/mixiapp/sample/sample.txt’;
   gadgets.io.makeRequest(url, response, params);
  };
  function response(obj) {
   if (obj.text) {
    var str = obj.text;
    var html = str.substr(0,100);
   } else {
    var html = ‘it have errors…<br>’ + obj.errors[0];
   }
   document.getElementById(‘content_div’).innerHTML = html;
  };
  gadgets.util.registerOnLoadHandler(getHtml);
  </script>
 ]]></Content>
</Module>