CALENDAR
Sun Mon Tue Wed Thu Fri Sat
1234567
891011121314
15161718192021
22232425262728
293031    
<< October 2017 >>
SPONSORED LINKS
RECOMMEND
SELECTED ENTRIES
RECENT COMMENTS
RECENT TRACKBACK
CATEGORIES
ARCHIVES
MOBILE
qrcode
LINKS
PROFILE
OTHERS

モンタ30

モンタ満30歳ならではのブログ。今年限定。
スポンサーサイト

一定期間更新がないため広告を表示しています

| - | | - | - | pookmark |
[モン研]EZトップメニューをテンプレート化
auを携帯されている方は(たぶん)お馴染みのEZウェブトップ画面のこれ↓です。

EZトップメニューの図

flash Lite×Movabletypeで、
ナウな方もヤングな方も、モバイルサイトのトップページをちょっとだけリッチにしてしまおう。と。しかも3キャリア対応だよ。と。

ケータイサイトUIは、制作実績も少なく、ベストプラクティスをおっぴろげられる程の引き出しもないので、ケータイをほとんど利用しない(通話すらしない)僕が唯一思い出せるケータイのUIというのは、この画面のイメージしかありません。

てことは、思いっきりパクっ参考にしたUIだったら、喜んでいただける方がきっといるはず。
| モン研 | 23:13 | comments(0) | trackbacks(0) | pookmark |
[モン研]piclusプロジェクト途中経過
<img>タグの属性を洗い出し、flashに自動変換するところまで完了しました(ID:piclus/PASS:piclus)。

寝る前の読書タイムをpiclusに充てているのですが、本当にチビチビ進むもんなんだなぁ。さくっと「こんなん作っちゃいました」って公開しちゃう人がうらやましいです。

下記のimgタグを記述し、src="piclus"から画像変換を実行します。
<img src="piclus" name="Yahoo!" id="hoge" alt="ピクルス" align="right" width="240" height="180" border="1" hspace="5" vspace="10">

使用可能な属性値は下記の通りとしました。
ナウでヤングなサービスにしたいので、できるだけ仕様は簡単にしたいですね。
(コアでギークなサービスはオフィシャルで十分です。)

src="piclus"
piclus変換を実行する
name="Yahoo!"
Yahoo!画像検索を使用する(他:Amazon/Flickr/rakutenなど)
alt="検索キーワード"
AND検索に対応
id="アフィリエイトID"
お小遣い稼げます。という売りのため
align="left/null/right"
floatに変換して実現
width/height="n"
FLASHのサイズを指定。読み込み画像のサイズはFLASH内で調整予定
border="n"
どうしよっかなぁ。FLASH内で表現すべきか、embedにstyleを反映させるべきか...
hspace/vspace="n"
embedのスタイルmaginとして表現

次はログ取得・解析面のタスクを洗い出し、またちびちびと消化していきます。
どの画像がどこのページでなんというキーワードで表示され、何回クリックされたのか?
という情報が欲しいところです。
というか、ビジネスモデルにできそうな香りがするのはここしかないもんなぁ。

| モン研 | 19:38 | comments(0) | trackbacks(0) | pookmark |
Mozilla(firefox)でouterHTMLを実現する
遠かったです。
firefoxではouterHTMLとinnerTextをサポートしていない。
ということに先日気がつきました。あれ?

piclusプロジェクトでは、imgタグをembedタグに切り替える処理が必要でして、
閉じタグの無いimgやhrの場合どうやってタグを含むオブジェクトの要素を書き換えようか悩んでおりました。

下記が解決法になりそうなのでメモです。

innerHTML for Mozilla (WebFX)

InnerHTML Model - IE Emu (WebFX)

実装後レビューします。
| モン研 | 15:29 | comments(4) | trackbacks(0) | pookmark |
[プロジェクト名決定]PICLUS
imgタグの属性にキーワードを入力するだけで、最適な画像を表示するツール。

「また結局やりたいだけなのかよ」
「やる暇あんのか」
「オープンデザインプロジェクトはどうした」
「ビジネスモデル!ビジネスモデル!!ビジネスモ...」
という悶々とした気持ちから逃避するため、プロジェクト名を考えました。

PICLUS(ピクルス)
(コピーA):〜imgタグがおりなす深い味わい〜
(コピーB):〜勝手に画像検索<img>タグ〜
http://picl.us

綴り間違いを指摘する気も萎えるほどの造語。そして強引なドメイン。
キャラクターなども考えたりしてさ。


【ピックルズ】
・瓜男(うりお)
・がんぐろオリーブちゃん([参考]ガングロたまごちゃん)
・ケッパー三兄弟(ケ、ツ、パの3人)
・P男(悩むとピーマン(緑)。照れるとパプリカ(赤)、普段は(黄))
・鬼夫(オニオ)

| モン研 | 03:00 | comments(2) | trackbacks(0) | pookmark |
[メモ] Yahoo! Image Search でブログパーツ
Image Search Documentation for Yahoo! Search Web Services
http://developer.yahoo.com/search/image/V1/imageSearch.html

1.たとえば、下記のように<img>を記述するとします。
<img src="スプー" class="yahoo-image-search">
a)src = "(Yahoo Image Searchでの検索文字列)"
b)class = "yahoo-image-search"

2.上記(a),(b)をDOMで走査・判別し、APIで返される検索結果XMLをFLASHに送ります。
Yahoo Image Search [スプー]での検索結果XMLサンプル
http://search.yahooapis.com/ImageSearchService/V1/imageSearch?appid=YahooDemo&query=%e3%82%b9%e3%83%97%e3%83%bc&results=2


3.FLASH内で画像サイズ、クリックした時のジャンプ先URLを処理します
4.同じくFLASH内で、検索結果数に応じたスライドショーを表示するモーションを加えます

5.対象となる<img>をinnerHTMLで<embet src="***.swf">
として書き換えます。


BeautifulJapanese(BJKIT)の画像版 + Yahoo APIマッシュアップ って感じでしょうか。メモメモ
| モン研 | 11:30 | comments(0) | trackbacks(0) | pookmark |