トップ >> 2005/02

ケータイ待受のつくりかた。

ザックリ言うと。

作った画像をFTP

アップ先URLをケータイで見る

ケータイでダウンロード。


コレが自分がPCでもってる画像を
ケータイ待受にする方法です。


FTPってなんなんかよくわからないですという方は以下参照デス


ここから詳しく書いてマス!
FTP(エフティーピー)・・・インターネット上にファイルを公開する作業。


ホームページを公開するためにほぼゼッタイ
必要になってくる作業に「FTP」というのがあります。
FTPっていうのはHTMLがJPGやGIFなどの
ホームページを見るために必要なファイルを
インターネット上にアップすること。
ソフトがあればグイッてファイルをドラッグするだけだったり
サイトを更新するボタンを押すだけだったりします。
わかれば簡単なことだし、必要なことです。


なにか画像を作ることができるソフトで
・・・例えばAdobe Photoshopで
JPG(ジェイペグ)か・・・それか
GIF(ジフ)のファイルを作って・・・
そしてそのファイルをFTPします。
そーすると、インターネット上で・・
アップした場所(URL)で見ることができます。


そのURLをケータイでアクセスします。
(パソコンから自分のケータイにメールすると簡単です!)
ケータイでアクセスできたら、後は画像を保存したりしてください。
コレができればじぶんの好きな画像を
ドンドン待受にできてしまうのデスはい。


ちなみに最近のケータイの画面サイズは・・・
240pixel×320pixel(横幅×縦幅)です。
QVGAってパンフレットに書いてあれば
このサイズなのです。


QVGAサイズでサンプルを作ってみました。
[注意1] 色が濃いい!って思うかもしれませんがケータイでみたら鮮やかかもデス。
[注意2] 英文が変だ!って思うかもしれません。良い文章を教えてくださいデス。


青空のような澄み切ったココローー!!
・・・・みたいなかんじの待受です。
[URL]
http://www.yampuu.com/blog/yampuu_com/images/blue_sky01.jpg
コピペしてケータイにメールしてくださいデス。



青空のような澄み切ったココローー!!
・・・・といいつつ雲が多いことに気づきました今・・。
ほとんど白だからダウンロードしてみたら
どうなるんだろうか心配デス・・・
機種によって上下切れたりするので。
[URL]
http://www.yampuu.com/blog/yampuu_com/images/blue_sky02.jpg
コピペしてケータイにメールしてくださいデス。



これは・・・アップしてもいいんだろうかな・・・・
でもうちのブログは閉鎖的だから
来る人少ないからいいですよね?桃さん。
結構トリミングされてるし・・・・ということでアップ!
[URL]
http://www.yampuu.com/blog/yampuu_com/images/momo-kan_01.jpg
コピペしてケータイにメールしてくださいデス。

ちょっと踏み込んだおはなし

ここのカテゴリでウェブについてちょっと踏み込んだおはなしをしてみようかと思います。
ということでとりあえずカテゴリ追加デス!

ブロック割でレイアウト

ホームページのレイアウトはブロック構造が基本です。
テーブルという機能を使いますデス。


テーブルというのは・・・
エクセルをイメージしてもらったらよいと思います。
縦横にブロックがあって・・
ひとつひとつの行と列の幅を設定できます。


しかも。
セルの結合のようにブロック同士をくっつけてみたりできます。

visual
menucontents

なおかつ。
テーブルのセルの中にテーブルを入れたりできるんです。
こどもテーブル・・孫テーブル・・ひ孫テーブル・・

visual
menu
contents

今回のたとえでは[↑]ホームページのおおまかなレイアウトとして・・・
visualブロック、menuブロック、contentsブロックに分割してみました。
visual部分は、サイト全体のイメージビジュアルを入れたりタイトルを入れたりする部分の役割・・・。
menu部分は、サイトの全コンテンツへのリンクボタンを並べて配置する部分の役割・・・。
contents部分は、そのページの内容を入れる役割・・。
そんなふうにして・・・
ページごとにcontents部分だけを変更して作っていけば、
整ったサイトだし、わかりやすいサイト・・・
になると思います。


えーと・・・もうひとつ・・・。
コレとは別の方法で。
フレームという機能で分割する方法があります。
visual、menu、contents部分を、フレームで分割すると、
スクロールする領域が別々になり・・・

contents部分の内容が長ーーくなってしまったよー!
下までスクロールしていくと、menu部分が見えなくなっちゃうよー・・。

という時でも、menu部分をずっと残しながらcontentsをスクロールして
快適に見てもらえるようになります。


・・・でも。
しかしです。
フレーム機能にはとてもとても大きな弱点があるんです。


テーブルでの領域の分割方法と、
フレームでの領域の分割方法は、
作り方がぜんぜん違います。
フレームの場合・・・
分けるためのページがひとつと。
visual、menu、contentsの3つ(領域の分だけ)のページを用意して作ります。
沢山のページをひとつのページに窓を作って
同時に沢山のページを見られる仕組みなのです。


なので。


googleやyahoo!などの検索エンジンからやってきた人たちは
窓のなかのひとつのページに直接訪れてしまう可能性があります。
もし検索エンジンから直接contents部分に入った場合・・・
ビジュアルもメニューもない・・・
ただ内容だけがのってるだけのページへ入ってしまう人が
出てくる可能性があるんです。
そうなってしまったら。
サイトのビジュアルイメージがないし・・・
他のページにいけないし・・・
という、使い勝手が悪いサイトになってしまうのデス。


公開しているサイトで検索エンジンからも
たくさん見に来てほしい場合、
フレーム構造はオススメできませんなのデス・・・。
便利なんですけどね・・・。

エイチティーエムエル良品

HTML・・・インターネットで見ているページのファイルです。


インターネットでいつも見てるページは、どこかで誰かが作ったものなのです。はい。
どこかのウェブデザイナーさんおつかれさまなのです・・・。
といいつつ。
プロの人しか作っちゃいけないことなんてないわけで・・・
個人でウェブサイトを作って公開している人のほうが沢山なわけです。
HTMLを作ったことがない人が、まずHTMLがどうやって作られているのかを想像したとき・・・
雑誌とか広告と同じように、デザイン・レイアウトして作られてるんだろーなー・・・
とぼんやり思っているのではないかなと思います・・・。
でも実は作り方が全然違うんです・・・違うんですよ。裏は。


雑誌や広告だと・・・
A4とかの紙の中に収まるように
レイアウトを組み立てないといけません。
ですよね。
紙の上にしか印刷できませんから・・・。
でも文字や画像を好きなところに
好きな大きさ、好きな角度・・・
好きな重ねぐあいでレイアウトできるんです。
紙の中だったらなんでもできるデス!


それに比べてHTMLの場合だと・・・
ページの大きさに制限はありません。
横長でも縦長でも小さくてもかまわないんです。
大きすぎて画面に入らないときは、
スクロールバーが出てきて・・・
見たい部分を見ることができます。
見る人の画面のサイズに合わせて
改行の位置が変わったりなんかもできるのです。
でも。でも。
広告や雑誌のようなレイアウトの自由度はありません。
基本は左から右に流れる文字や画像を
ブロック状に組み立てることしかできないのです。
ブロック状なので・・・部品をポイポイ置いてけば作れるわけではないんです。
HTMLって、どんなパソコンでも見れるように簡単な構造になっているぶん
デザインの自由度に制限があるわけです。


たくさんの制限のなかで・・・
どれだけ思い描いたレイアウトやサムネイルに忠実な
デザインを実現できるか・・・というのは、HTMLを組み立てる人・・・
コーダー(コーディングする人)のセンスにかかっているんです。
見る人にグローバルで・・・
作る人には窮屈なのです。


HTMLを作るコーダーはいつも
そんな制限の中で、目的の形のデザインを
組み立てていかないといけないんです。


もしバッチリカッチリしっかりしたHTMLを組み立てたいー!
・・・という時。
出来上がりとおんなじ見た目のものをデザインソフトで
かっちり作ってからHTMLを作っていくやり方をオススメします。
そのほうがHTMLを作る時の妥協なんかもなくなって
目的もはっきりして良いと思います。


[デザインを作るソフト]

Adobe Illustrator
Adobe PhotoShop
Macromedia Fireworks


HTMLをインターネット上に公開したら、何人・・どんな人が見るかわかりません。
小さい画面で見ている人・・
文字を大きく設定している人・・
処理の遅いパソコン使ってる人・・
アナログ電話回線で見てる人から光ファイバーで見る人まで・・
情報を広く発信・公開していく目的だったら、
今HTMLを作っている自分のパソコンで見れればOKだー・・
ではなく・・
一般の人が誰でも見れるラインをセーフティーにすることを
考えながら作らないといけませんなのデス。


[一般画面サイズのセーフティーライン]
柳の中での自分ルールです


[今一般的な、見る人の画面サイズ]
1024pixel×768pixel
とか・・
800pixel×600pixel
とか・・です。


[オススメ]
縦の長さはスクロールに任せて・・
見た人みんなが横のスクロールバーが出ないように
(画面より横長になってしまわないように)


800pixel以下
正確にはスクロールバーの分を引いて
775pixel・・がHTMLの内容を入れる横の固定幅になります。


1024pixelの人でお気に入りの領域が左にでている場合も
だいたい775pixelがちょうど良いので、これでいつもやっています。


デザイン面でも、
幅はサイト内すべて統一していたほうが整って見えるので
サイトを作る時は、横幅を最初に決めてから作り始めましょー!



・・・と。
ホームページについて初歩から見直して
こんなかんじでウェブサイトの構築のコトを
書いてこうかと思いますデス。
ってことでカテゴリ増やしてみました。
ブログがどんどんマニアックになってきています・・。
ウェブマニア ?
 

市立大卒展

■LIFE STYLE

今週、広島市立大の卒業作品展が現代美術館で開かれています。
朝かんねんといってきました、市立大卒展。

クオリティー高い!!
商業デザインでなくて、美術系の作品展はすごいなーって思います・・。
白鳥の羽根の毛一本まで描き込まれているのがあったり・・
めちゃめちゃリアルなのがあったり・・


すごかったのです。
石削って作ってあっ大きなた牛の像が好きでした。


結構今年卒業の学生の知り合いがいたので、
久しぶりに会って話をしたり、
作品見て、こうしたらもっといいのに(ダメダシしちゃったかも)とか
楽しかったです。


個展した時は、インタラクティブでなにかつくろー
って思いました。

モチベーションアップ!

■LIFE STYLE

仕事山を乗り越えた達成感と
その評価が高かったことが
自分の気持ちを良い方向に向けてくれましたー・・・なかんじです。
良いウェブが作れそうです・・・なかんじです。わー。


今、大学のウェブを作る仕事をしてる柳です。


よいウェブって言ってもいろいろです。
スッキリまとまったデザインなの?
クライアントが満足することなの?
柳が今回思ったよいウェブが作れそう・・・は、
目的を達成していけそうなウェブ。
です。


クライアントの満足も
デザインのクオリティーの高さも
大切です。


そしてさらに大切なのは、
目的を持った情報発信ツールかどうか
とか・・
目的を達成できる流れを持っているかどうか
とか・・
そんなのが正しい評価な気がしますです。


とりあえず・・
クライアントに認めてもらえてきたこと
方向が決まってきたこと
・・があって安心してきました。


今日からゆとり生活かも!

掛け持ち登山

■LIFE STYLE

ちっちゃい方の仕事山はテッペンに到達しました!攻略!
さてもうひとつ。大きいほうが残ってるんです・・。


明日の夕方、
とりあえず下山予定なかんじです。


春になれば
積もった雪も
積もった仕事の山も
溶けて住みよくなる予定です。
実際、広島の雪のほうは
もう溶けちゃいましたが・・。(意味不明)


・・うーん・・なんか最近・・記事の内容が薄い気が・・。

仕事山

■LIFE STYLE

やっと山を越えて頂上だー下り坂だーって思ったんですが・・・。
越えて見えたのは、もっともっと大きい山でした・・・うわうわうわ。

新企画厳島ログです!

■FLASH LABO厳島ログ

「なんか面白いこと」を趣味の範囲でやっていこうと思います。
そこで新企画です!宮島に住むかんねんとの企画です。はい。
(リンクしてみました。宮島について詳しくなるブログです。)


世界遺産宮島・・というか厳島の面白いところや歴史をインタラクティブコンテンツで表現!・・ってのをしてみようかと思います。コンテンツに入る情報は豊富にあるようなので見せ方の工夫でどれだけおもしろくできるか・・・ってのが課題ですね。


厳島の歴史年表チャートと厳島のマップをいっしょに表示して・・。
歴史年表チャートの時間をドラッグして年号をセレクトします。
チャートとマップがシンクロして動きます・・。
例えば、歴史年表チャートを動かしていく・・・
すると、建造物が建設された年号より前に来たとき、マップの建造物のイラストも消えたりするとか・・。
歴史年表チャートをぐいぐいドラッグして厳島の変化が見れるようなのってわかりやすくて面白いかなー・・と思います。


どうでしょうか・・・?
文章で説明してもイメージできないですよねー・・。
実際サンプル作らないとイメージできませんよね・・やっぱり。
時間できたらサンプル作ってみますです。


さてでは、まず。
サイトタイトルをどうするかですが・・
地域の情報をインタラクティブで表現するのをシリーズ化していけたらいいなと思っています。
なので、タイトルにも共通する部分がほしい感じです。
地域情報を集めたサイトということで・・

厳島ログ
厳島アーカイブ
厳島アセンブル

・・ってあたりの方向でいこうと思います。
[地名]+[情報の集まりの意味合いの単語]
という組み合わせです。
どれにしようか迷ってます・・。

ログだと、シンプルすぎてシリーズ化したときのインパクトがないかなーって思ったり・・
えーと、実際に書き並べてみよー・・

宮島ログ
厳島ログ
横川ログ
鳥取ログ

・・うーん

宮島アーカイブ
厳島アーカイブ
横川アーカイブ
鳥取アーカイブ

・・のほうが好きかな・・

宮島アセンブル
厳島アセンブル
横川アセンブル
鳥取アセンブル

・・新しさ面白さはこっちのほうがあるかなー・・

これも悩み中です・・。

仕事でギュウギュウ

■LIFE STYLE

最近記事を更新してなかったので、とりあえず近況を書いてみますです。
ちょっと目的のない記事になりそうですが・・。


どんどん仕事が押してきて最近土日も仕事です。うーん。
とりあえず明日のデザインラフはできたので気が楽になりましたです。はい。


帰って寝れるーーーーー!
ってのがシアワセ・・・。わーい。


明日から押してたぶんのイラストとかやんなきゃ・・
でもよしよし今何しなきゃいけないかまとまってきました!
とりあえず今落ち着けたからよかったんだなーって感じです。


徹夜→AM05:00帰り→徹夜→AM05:00帰り・・
みたいな感じで、大変な感じです。毎年年明けの冬は忙しいなー・・。


去年の2月後半はかなりひどかったから今年は良い方なきがします。そういえば。
裕恵と大志君がはいって落ち着いてきたからかなー。
制作2人だった時と比べたらかなり楽になったこのごろです。


かげながら裕恵と大志君に感謝ありがとうです。これからもよろしくです。