2008年11月 5日
javascriptとAjax
デジハリに通ってた頃は、修得した技術をなにに使うかなんて想像もできなかった。
そういうイメージがはっきりしない時って、
一番学習効率が悪い時期でもある。
目的がはっきりしていれば、あれこれ手段の講じようもあるけれど、
漠然とただ「スキルを身につけたい」というだけではそのスキルは生かされないのだ。
しかし身につけておけばいつかは生きる。
最近Webの仕事をようやくポツポツするようになって、
デジハリで学んだことが生きてきてるような気がする。
大学に入ってデザインを学ぶようになって、
ようやく自分が表現したいものが頭の中に見えるようになってきた。
となると今度はそれを何らかの形にしたい、と思うわけで。
Webもその形態の1つ。
言葉で語るようになって、写真を多く撮るようになって、
言葉とイメージに組み合わせによる自分の思いを形にしようと思った。
とどのつまりは言葉を埋め込んだフォトライブラリーを作ろうと思って。
先日紹介したlightboxはポップアップ形式で画像表示は
あくまで一時的なもの、という位置づけ。
僕が作りたいのはあくまで画像主体としたいので今回はこれはちょっと不適当。
...というわけで本棚に眠っていたjavascriptやAjaxの本を取り出してきたり
ネットで調べたり、としたのですが。
具体的には文字を埋め込んだ画像ファイル群をコントロールパネルの操作により
順次閲覧してゆく、という単純なナビゲーションで十分なのですが...
なかなか思ったようなものができない。
画像の切り替え自体はjavascriptで実装できそうなんですが、
コントロールパネルのUIがね。
画像の上に自由にドラッグ移動できるボックスを用意して、
そのボックス内のボタン操作で画像選択の操作をさせたいのだけど...
自力では一から作れないのでまずはググって参考サイトを探す。
JavaScript++かも日記: 【jsGadet】ドラッガブルフロートなDIV
このサイトは以前購入したAjaxの本の作者さんのサイト。
ここのサンプルではボタンを押すとドラッガブルなウインドウが出てくるのだけど、
これをページ読み込みと同時にさせたくて、ウインドウ表示の関数を
inputタグでのonclickでの呼び出しをbodyタグのonload呼び出しにしたところ
上手く動作しないのです...
なんでだろ。
...というわけで現在は暫定で画像下部にフッターバーを用意して
そこで操作するようにしました。
暫定ですがよければご覧ください。
タイトルは今後変えるかもしれません。
画像も今後どんどん増やす予定です~
Permalink
|
コメント
|
トラックバック
| ID: 2525
|
2008年3月15日
アイオーWebパイロットエディタ
※ 本記事はLinkShareのレビューアフィリエイト記事です。
アイ・オー・データ直販サイト「ioPLAZA」が提供する、
ブラウザ上でホームページの作成・編集ができる新ASPサービス。
それが「アイオーWebパイロットエディタ」です。
専用ページにてオンラインデモが体験できるというので、
さっそく使ってみました。

[画面1]
オンラインデモのページで編集するサイトのURLを入力します。
そうすると上記の[画面1]のようなファイルビューワーのような画面が開いて、
サイトの現在のファイル構成の様子が表示されます。
自分のサイト"http://www.tadaoh.net/"で試したところ、
全てのフォルダやファイルは表示されず、一部のみの表示でした。
たぶんデモ版ゆえの制限なのかもしれません。
デモ版ではドキュメントの保存はできません。
あくまでドキュメントの編集機能を体験することが目的のようです。
[画面1]で「新規ページ」アイコンをクリックすると下記[画面2]のような
新規ドキュメント作成画面がブラウザの別ウィンドウで起動します。

[画面2]
Microsoft Officeシリーズを使っている人なら見慣れた画面です。
HTMLを知らない人でもOffice文書を作成する感覚で
手軽にWebページが作成できます。
一方でHTMLをある程度知っている人は左上の「ソース」ボタンを押すことで
ソースコード表示に切り替えて直接コード入力できるようになっています。
ただ、AdobeのDreamweaverのコード補完やタグ色分けなどのような高度な
編集機能はソース編集画面ではないようです。
しかしそれでもこのツールの強みはなんといっても、
サーバサイドにアプリケーションを置くことにより、
ローカル環境の負荷を軽減できる、ということ。
最近では低価格で高スペックのパソコンが入手できるようになったとはいえ、
相変わらずDreamweaverは重い。
使うにはそれぞれのパソコンにインストールもしなければならない。
その点サーバサイドのASPはローカル環境への面倒なインストール作業
が不要でブラウザさえあれば手軽に利用できるわけです。
特定のパソコンに固定されず、インターネットに繋がるパソコンであれば
どこからでも作成・編集作業ができるのです。
しかしこうなると「どこからでも作成・編集できるのは逆に不安じゃない?」
という危惧が起こるわけですが、アイオーWebパイロットエディタでは
専用USBキーによる認証することで作成・編集ができるようになるので
セキュリティ的にも安心です。
(デモ版ではUSBキーは不要です)
このサービスの利用料金は初期費用が12,000円、
月額利用料は6,000円、半年一括であれば5,500円、1年一括であれば5,000円。
ちょっとしたホームページを時間やお金をかけずに
手軽に継続的に運営したいのであれば
専用のWebデザイナーを雇ったり、外部発注するのに比べれば
コストパフォーマンスの高いサービスと言えるでしょう。
今なら初期費用12,000円が3,000円になるスタートアップキャンペーンでさらにお得!
(スタートアップキャンペーンは3/31まで)
Webは今や次世代のOffice文書ツールといえます。
自社内でWebページを誰でも手軽に作成できるように環境を整えることは
今や必要不可欠なことではないでしょうか。
Permalink
|
コメント
|
トラックバック
| ID: 2418
|
2007年9月 5日
サイトデザイン一新!
1000記事まであと8つ、というところですが。
サイトデザイン一新しました。
WeyP Storeを立ち上げたときにMT4をしこしこいじってたら、
このブログのデザインも変えてみたくなって。
MT4のデフォルトデザインを見る限り、
従来のボックスデザインから、ヘッダの幅を100%にして
リキッドデザインっぽく見せるのが流行らしい。
3カラム構成の場合、
従来の記事の両サイドにサイドバーを置くスタイルから
サイドバーはサイドバーでまとめる、のが流行らしい。
これまでのデザインがちょっと窮屈に感じてたので
幅を750pxから1000pxくらいまで広げました。
17インチモニタもだいぶ安くなってるので
デザインも17インチメインでいいだろう、とゆーことで。
どーせなんでロゴも変えてみました。
あとこのブログではほとんど記事のタグ付けをしていないのですが、
タグクラウドなんかも入れてみました。
少し様子見て、他のブログも順次デザインを変えていこうと思います。
どーせなら1000記事達成記念で変えりゃよかった。
...とデザインを変えた後になって思ったりして。
1つだけどうしても上手くいかない部分があって、
ブログの切り替えメニュー(タイトルの下にあるメニューね)を、
右側に配置したいのですが、IE以外では"text-align: right;"が効かねーのす。
なんで?
誰か原因教えてください;;
Permalink
|
コメント
|
トラックバック
| ID: 2375
|
2006年8月 2日
Aptana
GIGAZINE:
Dreamweaverの代わりになるフリーソフト「Aptana」
Dreamweaverは高い。
その代わりとなるツールがフリーであるとすれば...
そりゃ飛びつきますよね。
でさっそくWin版をインストールしてみたのですが。
見た感じEclipseに似ています。
基本的に英語メニューなのでよく分かりません。
日本語化されねーかなー...
起動はドリやEclipseほど遅くないようですが果たしてこれが
ドリの代わりになるのかどうか。
今の僕ではなんとも分かりません。
ぼちぼちいじりながら検証していきたいと思います。
Permalink
|
コメント
|
トラックバック
| ID: 2207
|
2006年5月19日
WaSPリニューアル!
今月号のWeb Designingをみて気づいたのですが。
Web Standards Projectのサイトがリニューアルされています。
黒を基調としたなかなかクールなデザインです。
それにしてもWeb Standards Projectの略ってなんでWaSPなんだろ。
WSPじゃないの?"a"はなに?
Validationはさすがというか当然というかXHTML1.0 Strictをクリア。
しかし世のサイトでXHTML1.0 Strictをクリアしているサイトって
どれだけあるんでしょうね...
ちなみにこのブログはXHTML 1.0 Transitionalをクリアしています。
Strictはムリぽ...
Permalink
|
コメント
|
トラックバック
| ID: 2138
|
2006年5月18日
GWT : Google Web Toolkit
MYCOMジャーナル:
米Google、Ajax開発ツール「Google Web Toolkit」のベータ版を公開
先日紹介したAdobeのSpryに対抗してか、
GoogleもGoogle Web Toolkit(GWT)リリース。
JavaでAjaxコンテンツを作成するツールとか。
ソフトの世界でかれこれ8年働いていてもいまだにプログラミングの
なじめない僕にはちんぷんかんぷん。
なぜスクリプト言語であるAjax(=javascript)コンテンツを作るのに
わざわざJavaでつくってコンパイルするの?
それでなぜ「Ajaxコンテンツの作成が容易になる」の?
AjaxよりもJavaのほうがよっぽど難しく思えるのだけど。
あーさっぱり分からん。
例によって全部英語だし。
誰か教えてー!
Permalink
|
コメント (1)
|
トラックバック
| ID: 2136
|
2006年4月21日
Visual Studio 2005 Express Edition無料化!
窓の杜:
「Visual Studio 2005 Express Edition」の無償提供期間が...
MicrosoftがWebに力を入れ始めています。
その証拠がVisual Studio 2005 Expressのうちのひとつである、
Visual Web Developer 2005 Express Edition。
最初は1年間のみ無償提供だったのが無期限提供になりました。
しかもMSDN会員に限らず一般ユーザにも広く公開。
いかにまずこれらのツールを浸透させたいか。
Microsoftの意気込みを感じずにはいられません。
まだ触ってもいないのだけど(...ってないのかよっ!)
最初は英語版のみ、と聞いていたのですが日本語版も同じく
無期限無償提供らしいのでこれで安心してインストールできます。
(半分言い訳w)
さて、Adobeマクロメディアに対抗しうるのか。
その辺を今後実際に触ってみてレポートしていきたいと思います。
Permalink
|
コメント
|
トラックバック
| ID: 2119
|
2006年2月16日
listamatic
書いたと思っていたら書いてなかったネタシリーズ。
知ってる人は当たり前のごとく知ってるネタだけど。
一昔前はロールオーバーのメニューボタンは
Javascriptで書いたものでした。
でも今はCSSで書くのが当たり前になりつつあります。
とはいってもCSSなんてそう毎日いじってるわけじゃないし、
CSSがメジャーになったとはいえ、まだまだオイラにゃ難しい。
そこで登場するのがlistamatic。
CSS+XHTMLによるさまざまなメニューデザインのサンプル
がソースコード付で紹介されています。
一から作るのは面倒でもこのサンプルがあれば
簡単にカスタマイズして自分なりのメニューが作れる。
CSSの勉強にもなるしね。
こりゃえーわ。
垂直メニュー、水平メニューはもちろん、
サブカテゴリのある階層化メニュー、
画像を使ったグラフィカルなものまで実にさまざまな
サンプルが用意されています。
(階層化メニューはlistamatic2にあります)
Tadaohブログシリーズも横展開のつながりを持たせるため
水平メニューを入れてみました。
強者になるとグラデーション自体もCSSでやることが
できるみたいですがとりあえず画像で。
階層化メニューにもチャレンジしてみたいけど
前に一度チャレンジして失敗したんだよなー...
うーんCSSまだまだ手強い。
Permalink
|
コメント
|
トラックバック
| ID: 2057
|
2006年2月 8日
CSSで半透明
このブログ、本来『Web成長期』のはずなのに
ちっともHTMLコードのことに触れてません。
...というわけで、というわけでもないのですが(なんのこっちゃ)。
ひさびさにCSSの勉強。
ことのはじまりはGebsite.orgというサイト。
このサイト、まずIE系ブラウザで見ると、
ナビげーショーンはロゴの下あたりに配置されています。
一方Gecko系ブラウザで見るとナビゲーションは一番下に。
しかもコンテンツをスクロールしても、
常にブラウザの最下部に表示されます。
しかもナビゲーション部分は半透明になってる!
この半透明をやってみたくて。
CSSで下記のように指定すればいいみたい。
数値は透明度なのかな。
filter:alpha(opacity=75); /*IE*/
-moz-opacity:0.75; /*FF*/
opacity:0.75;
参考サイト: CSSで半透明
というわけでTadaoh! Storyのフッタを半透明化してみました。
ところが。
「ブラウザの常に最下部に表示する」ために、
CSSで下記のように指定します。
position: fixed;
しかしこれがIEでは効かない。
しかも微妙に隙間ができてかっこ悪い。
そこでやむなくIEだけ適用されるCSSを設定。
プロパティの前に「_(アンダーバー)」をつけると
IEだけ適用されるんですね。これは便利。
例えば、
header{
width: 100%;
_width: 700px;
}
とすると、
IEではheaderは幅700ピクセルになりますが、
Geckoではheaderはブラウザの幅いっぱいとなります。
CSSでは同じ要素内で再定義すると一番最後の設定が適用される
特性を利用していますがGeckoでは二番目の「_width」は無視されます。
CSSを知ってる人には「そんなの当たり前じゃん」と
言われそうな内容ですが目から鱗が落ちた一幕でした。
Permalink
|
コメント
|
トラックバック
| ID: 2048
|
2005年11月 8日
Validationメモ
テクノロジーというほどでもないけど。
メモ程度ですが。
先日のはてなリングのスクリプトを入れたらValidationでエラーが。
どうやらURL中に「&」が含まれているとXHTMLではエラーになるらしい。
そこで「&」をエスケープ文字「&」に置き換えたら...
Validation OK!ではないですか!
これでまたアフィリエイト再開できるかな...
Permalink
|
コメント (1)
|
トラックバック
| ID: 1947
|
2005年11月 7日
Koders
今回はプログラマ限定のネタです。
JavaクラスのTAさんから教えてもらいました。
何かを習得するための一番の近道はまずは真似ることです。
プログラミングならばサンプルソースコードを解析して実行してみること。
まずはこれに尽きます。
Kodersはいろんなプログラミング言語のサンプルコードを
キーワードから検索することができます。
ASP、C、C++、Java、Perl、PHP、SQL、Rubyなどの
メジャーどころはもちろん、ColdFusion、Fortranまであるよ。
あと聞いたことのない言語もたくさんある。
プログラミング言語ってたくさんあるんですねー...
でもActionScriptがないのはちょっと残念。
まあActionScriptはultlashockで探せばいっか。
しかしこれだけのサンプルライブラリはとても立派です。
迷えるプログラマさんはぜひどーぞ。
Permalink
|
コメント
|
トラックバック
| ID: 1942
|
2005年10月12日
Studio8日本語版発売!
・マクロメディア株式会社: プレスリリース
いきなりキターーーーーーー!!!
IT MediaにもCNETにもすっぱ抜かれずよくやった!(なんのこっちゃ)
しかし朝方からAmazonの日本サイトで発売されていて、予兆はあったようです。
しかしそのことを友人から教えてもらったときは
「どーせ英語版だろ」と思ってたのですが...
紹介サイトの充実ぶりを見る限りかなり前から周到に準備してたようですね。
しかし正規版126,000円は高い。また値段上がってないか?
また学割かな。学割でも44,000円。前は3万以下で買えたような気が...
でもたぶん買うね。Adobe統合前の最後のバージョンだもんね。
FlashがActionScript3になった以外何がよくなったのか、いまだに分からんけど。
Permalink
|
コメント
|
トラックバック (2)
| ID: 1914
|
2005年10月 7日
Flash8.5&ActionScript3
・MYCOM PC WEB:
米Macromedia、「Flex 2」「Flash Player 8.5」を発表
Flash8(8ball)がリリースされて舌の根も乾かないうちに
早くも8.5がリリースされるみたいです。
Flexのメジャーバージョンも2に上がるようです。
(Flexはぜんぜん触ったこともありませんが)
さらに!私が知らなかっただけかもしれませんが...
8ballからActionScriptのメジャーバージョンが3にあがってるそうですね。
・ActionScript3 for Flash 8ball
何がどう変わってるのか皆目検討もつきませんが...
Studio8の日本語版はいつ出るんですかねー...
追記:
正確にはActionScript3になるのは8.5からみたいですね。
ようやく出た日本語版のプレスリリースより。
Permalink
|
コメント
|
トラックバック (1)
| ID: 1909
|
2005年9月26日
Ajax文字入力&文字認識
Ajaxでここまでできる!シリーズ第?段。
Ajaxで文字入力、さらには文字認識までしちゃいます。
まだ実験的なサイトですが。
完成度という点ではまだいまいちの感がありますが、文字入力までもWebで
できるようなったという事実はWebの可能性をまた一歩飛躍させたといえます。
ローカルPCでIMEを持たなくなる日も近いのかもしれない。
危うしATOK。
Permalink
|
コメント
|
トラックバック (1)
| ID: 1885
|
2005年9月13日
HTML+TIME
Flashの表現力は素晴らしい。
動きがあるWebコンテンツといえばだいたいFlashで作られているわけですが、
しかしFlashといえど万能でなくて、全ての動きのあるコンテンツにFlashが
使われているわけではありません。
SEOとか考えるとやっぱFlashはまだその辺が基本的に弱いわけで。
Flash以外の動的コンテンツの代表格はDHTML(DynamicHTML)ですが、
これはあくまで動的コンテンツの総称であって、具体的に使用されている
主な技術はjavascriptです。以前javascriptでここまでできる、という記事を
紹介したようにjavascriptでできることはかなり広範囲にわたっています。
しかし、javascriptさえも使わずにFlashのような「動くコンテンツ」が
作れるのです。それが「HTML+TIME」と呼ばれるものなのです。
W3Cでさまざまなメディアの同期・統合用として策定された言語である
SMILをベースにMicrosoftが独自に開発したものであるためIE5以上の
ブラウザでしか動作しませんけど。
言葉だけじゃよく分からないと思うのでサンプルをば。
(相変わらずしょぼいサンプルでスミマセン...)
これがFlashもjavascriptも使わずタグだけで実装されているのです。
スゴイと思いません?
実はこのネタ、かなり前に紹介したこの参考書からのもの。
けして最新の技術、ではないのです。
寝かし寝かして活用する...ホントスロースタータなオレ。
Permalink
|
コメント (2)
|
トラックバック
| ID: 1865
|
2005年8月29日
Yahoo Widget
7月下旬にYahooがMacのウィジェット開発会社を買収したというニュースは
聞いてたのですがその頃はMacのことをよく知らず、ウィジェットって言葉自体
もよく知らなかったのでそのときはスルーしてしまいました。
が、ついこの間Windowsのデスクトップでウィジェットが実際に動いてるのを見て、
やっぱすげーな、と。ウィジェットというのはデスクトップでFlashアプリが動いて
るようなものですが視覚的に実にカッコイイ。実用的かどうかは別にして^^;
さらに驚くべきはこのウィジェットというやつはjavascriptで動いてるそうな。
一見Flashのようなのにね。似たようなアプリにGIZMOというのがありますが
関連はあるんでしょうかね。ロゴもなんか似てるし。
で、そのjavascriptをぐいぐいいじりまわすことでカスタマイズができるみたい。
このネタ、デジのJAVAクラスのTAであるJAVAプログラマの人からのものですが
その人いわく「javascript嫌い!」とか。^^;
JAVAとjavascriptって言葉は似てるのに中身はやっぱぜんぜん違うのかねー。
Permalink
|
コメント
|
トラックバック (1)
| ID: 1839
|
2005年8月 8日
Studio 8
ついに!
マクロメディアもStudioのニューバージョンを出しますね!
統合前最後のバージョンなんでしょうね。
開発コードネームが"8ball"だけにバージョンも「8」なのかな。
まだ英語圏のみのリリースみたいですけど。
日本語バージョンはいつになるんだろう。
このネタ、mixiのコミュで見つけたのですが、
18時現在でIT MediaもCNETにも載ってないところを見ると
けっこうホットなネタなのかな...
Permalink
|
コメント (3)
|
トラックバック
| ID: 1808
|
2005年8月 4日
eclipse3.1
デジJavaコースも早いもので前半終了。
後半からは統合開発環境eclipseを使う、ということでeclipseのセットアップに
とりかかったわけですが...
私は何事も最新のものが好き。
ただそれだけの理由でJavaのバージョンも5.0を使っていたのですが、
5.0対応のeclipseはやはり最新バージョンの3.1しかないという。
最新どうしいいじゃないかという話ですがそうもいかない事情が。
まず日本語対応が最新版3.1ではオフィシャルのものがない。
そして変な警告が出るらしい。
しかし!
オメガギークとして信念は曲げられぬ!
(単に古いバージョンをインストールするのがめんどくさかっただけですが)
というわけで最新バージョンで使用することにし、非公式ではありますが
EclipseWikiで出している日本語パッチをあてることにしました。
方法は@ITの記事を参照にしました。
やられる方は自己責任で。
試行錯誤しながらなんとか日本語化成功。
基本的には上述の@ITの記事どおりやってれば問題なくできる...はず。
中間課題で作った電卓アプリをeclipse上でプロジェクト化し、
開発できるようにしました。
さあ準備は万端、...なのか?
Permalink
|
コメント
|
トラックバック
| ID: 1800
|
2005年7月15日
JUDE
さすがに2連荘で徹夜はきつくて夜が白む前にダウンしちゃったのだけど
昨日も頑張りましたよ、ええ。え?もちろんデジのJava中間課題ですよ。
電卓のキーイベントを表示に反映させるところまでなんとかもっていきました。
かなりの力技ですけど。ええ。
配列とか使ってもうちょっとスマートにプログラムを組みたかったのだけど
プログラミングも経験がものをいうらしくなかなか上手くいかなくて。
かなりごっちゃなソースコードになってしまった...
いきあたりばったりのコーディングがよくないんだなと気づき、UMLを使って
仕様を整理してみることにしました。
UMLはオブジェクト指向のJavaのモデリングには最適のツール。
そしてJUDEはそのUMLドキュメントを作成するためのツールです。
UMLについてはほぼ1年前にこのブログでも紹介していますがその頃から
JUDEの存在は知っていてPCにもインストールしていたのですがほとんど
使用していなかったのでした...ホント、スロースタータ。
UMLにはクラス図、オブジェクト図、シーケンス図、状態遷移図などいろんな
種類があります。それをすべて網羅していては本来の作業が進まないので
まずはクラス図だけつくってみました。これだけでもけっこう整理ができて便利。
UMLドキュメント作成ツールは各社さまざまなものがリリースされてます。
その中でもJUDEはフリーでいながら基本機能を充実している...らしい
(UML初級者の私にはまだまだ使いこなせてない)のでオススメです。
オブジェクト指向は何もプログラミングだけのお話ではありません。
普段の自分の考え方、思考の整理にも十分役立つものです。
JUDEのProfessional版(有料)には発想支援ツールであるマインドマップ図も
作成できるようになっています。
いいものはまず発想がよく整理されてなければ形になりません。
UML/マインドマップはその発想を誰にでも分かるように整理するために最適の
ツールなのです。皆さんもぜひお試しあれ。
Permalink
|
コメント
|
トラックバック
| ID: 1767
|
2005年7月 8日
AreaEditor
親友またちゃんからのネタ。
IburiWorksというところから出しているフリーウェアで
テキストエリア内のテキスト入力を好きなエディタで編集できるというもの。
実はこのサイト、前から知っていたのですがいまいち概要・効果が分からず
放置プレイでした。またちゃんから説明を受けて、あーなるほど、目から鱗、
って感じ。またちゃん、ありがとー。品川のブロガーは感激したよ。
というわけで皆さんも使ってみてはいかがでしょうか?
とくにMTのテンプレートを編集するときなんかはすごく便利そうです。
Permalink
|
コメント
|
トラックバック
| ID: 1757
|
2005年6月22日
ドリ、アクセシビリティ拡張機能JIS対応版
マクロメディアよりMT拡張に引き続きアクセシビリティ拡張機能のリリースです。
マクロメディアからのリリースですが実際は富士通で開発されたものを
マクロメディアに提供されたものみたいですね。
正直アクセシビリティについてはまだまだ勉強不足、というより興味が薄いですが
誰もがインターネットの恩恵を快適に受けるためには欠かせな要因ですよね。
ちゃんと勉強しなくちゃね。
というわけで、無料提供だし早速ダウンロードしてインストール。
さあ、これから勉強だ!
Permalink
|
コメント
|
トラックバック
| ID: 1726
|
2005年5月31日
Greasemonkey
先の記事でWeb2.0について述べましたが、まだピンと来ない人も多いはず。
(書いてる本人もまだピンときてないわけで...)
具体的な例を挙げれば少しは分かりやすくなるでしょうか。
Greasemonkey
Firefoxの拡張機能ですがインストールするとGreasemonkeyに対応した
スクリプトリンクを右クリックして出てくる"Install User Script..."で選択する
だけで簡単にスクリプトをインストールできます。Greasemonkeyに対応した
スクリプトはいろいろあるようですが一例としてGoogleの検索結果(google.com
のみ、google.co.jpは不可)ごとにdel.icio.usのタグを表示してくれるものを
紹介します。
このようにGreasemonkeyでいろいろスクリプトをインストールしていくことで
ユーザごとに好きなようにサイトをカスタマイズできるのです。
どうです、未来的でしょ?
え?分からない?ノープレブレム。僕もそんなに分かっちゃいないから。
(なぜかHotwired調...)
いまさらながら気付いたんだけどHotwiredってgooがやってたのか!
知ってた?
Permalink
|
コメント
|
トラックバック
| ID: 1695
|
2005年5月20日
Web Standardについて考える
ようやくZeldmanのWebStandard本も終盤に近づいてきました。
まだ完読ではないけどもWebStandardについて私の考えるところをとりあえず
書いてみたいと思います。
Webが全盛の現代、といってもその作成現場はまだ未熟だと私は思います。
まず、Webデザインは単価が安い、とよく聞きますがなぜでしょう?
私は安くて当然だと思うのです。HTMLはもはやOfficeアプリケーションと
同じような位置づけになってきていると思う。ExcelやWord文書を作成するのに
わざわざ高い料金を払うだろうか?払わないですよね。誰でもできるからです。
HTMLももはや誰でもできるシロモノ。HTMLが書けるだけではもはや金には
ならない。ではWebデザイナーは何をすればよいか?
私は3つの選択があると思います。
・グラフィックデザイン
・Webアプリケーション
・SEO対策及びWebサイト構築アドバイザ
グラフィックデザインはややアーティスティックよりの分野です。
Webアプリケーションはややプログラマよりの分野です。
SEO&サイト構築はシステムエンジニアよりの分野。
要はHTMLを使って何をしたいか。
それを明確にしなければ何も始まらない。
HTMLそれ自身はExcelやWordと同じ単なるドキュメントです。
ならばそれ自体を作成するのに時間をかけることにあまり意味はない。
WebStandardはまさにHTMLドキュメントを効率良く作成するためのものです。
構造とデザイン、デザインとコンテンツを分離する-ある意味オブジェクト
思考に則ったものといえるかもしれません。
まだあなたはレイアウトにテーブルとスペーサーGIFを使用しているのですか?
もしそうなら今の仕事が一段楽したら落ち着いて考えみたほうがいい。
その忙しさはどこから来るのか、を。
Webスタンダード云々というと、だいたいの人が「そんなの難しくて...」と
言います。果たして本当に難しいのか?
理論的にはそんなに難しいものではないと私は思う。
ただ考え方が従来のものと違うから難しく見えるだけで。
ちょうどオブジェクト指向のようにね。
古くから慣れ親しんでいるものに対し新しいものにぶつかると人は
それを「難しいもの」と感じてしまうものです。特に年をとればとるほど。
その古くからあるものが本当にすばらしいもので何も問題がなければ
わざわざ新しいものに乗り換える必要はありませんがだいたいそうではない
ことが多いはず。どんなによいものでも長く使えば何かしら問題が出てきます。
新しいものが出てくるのはその問題を克服しようとするためであり、必然的な
事です。だからけして目をそむけるべきではない。
もちろん新しいものが何もかも良くて問題がないわけではありません。
WebStandardがなかなか普及しないのにはそれなりの理由があります。
まずブラウザ自身がまだWebStandardに完全に準拠しきれてない。
そしてなによりWebStandard自身が弱い。強く牽引する団体が存在しない。
MicrosoftやIBM、SONYなどの企業体がもっと強く牽引すべきでしょう。
それでも僕等にできることはある。とりあえず興味を持つこと。
多少問題を抱えていてもそれを超えるメリットあるのだから使わない手はない。
ユーザの意識が変わればブラウザベンダーも真剣に取り組まざるを得なくなる。
ってなわけでみんなWebStandardに、XHTML+CSSに取り組もう!
現場のWebデザイナーでもない私が言っても説得力ないかもしれないけどね。
キャリヤもありませんし。センスもまだまだですし。重々承知の上です。
肯定否定の意見は大歓迎です。
それによって僕は勉強できるわけですから。
Permalink
|
コメント (1)
|
トラックバック
| ID: 1685
|
2005年4月 5日
GoLive CS2がMovableTypeに対応!
なんと!AdobeのWeb作成ソフト「GoLive」にCS2なるバージョンが出て、
なんと!!MovableTypeに対応する、というではないですか!!!
・INTERNET Watch
・Six Apartプレスリリース
CreativeSuiteの次バージョンが出ていることも驚き。
ただしまだ英語版のみのようで日本サイトにはCSしかないようです。
MTのテンプレートなどがGoLiveで編集できるようになるとか。
うーんこれはいい。
ドリばっかりでGoLiveは持ってても使ってなかったのだけど、このニュース
で一気に使いたくなった!アップデートしたい!!
しかし私が持っているのはアカデミック版。
アップデートできたっけ?
っていうより日本語版はいつ出るんだろう...
危うし!ドリ!!
Permalink
|
コメント (1)
|
トラックバック (2)
| ID: 1631
|
2005年4月 3日
processing

若い友達から面白いネタを教えてもらいました。
やっぱ若いやつぁーいいねー!旬のネタを探るアンテナの指向も鋭いんだな。
その名は「processing」。
正直正体は私もよく分かってない。
どうやらFlashでできることをJAVAでやる、というイメージなんだけどそれが
正しいのかどうかもイマイチ分からない。
それでも日本公式サイトに行ってサンプルを見るとスゴイ。
なんかワクワクする。今度受けるデジハリのJAVAコースもなんか楽しみになる。
やっぱ刺激っていいねー。
Permalink
|
コメント
|
トラックバック
| ID: 1628
|
2005年3月23日
すげーぞ、Ajax!
Google Alertで「Ajax」を登録しておいたらこんなネタが。
「Movable Type な Blog の全エントリを...」
このブログはすげーぜ。XML+XSLTで書かれてるらしい。
とりあえずソースが公開されてるのでパクらせてもらいました。
んで作った検索ページがこちら。
ソースをみてもさっぱり分からないのだけど、どーやらAjaxというものは
JavaScriptのなかにXMLHttpRequestというものを記述していて、
動作がとても速い!...ものだということがなんとなく分かってきた。
このサクサク感はたまらない。Webの革命だ。
まさにWebの可能性を格段に広げてくれるのではないでしょうか。
Permalink
|
コメント (2)
|
トラックバック (1)
| ID: 1614
|
2005年2月23日
Ajax
mixiのマイミク友達から興味をそそる情報をGET。それがAjax。
あじゃ、アジャ・コング?...面白くないですね。はい。
この記事によれば、Ajaxは技術そのものの名称ではなく、
新しいやり方で強力に組み合わせること」
だそうです。
Ajaxは"Asynchronous JavaScript + XML" の略称で直訳すると
「JavaScriptとXMLの同期」ですがどうやらそれだけではないみたい。
この記事ではその定義を以下のように説明しています。
・ Document Object Model によるダイナミックな表示と相互作用
・ XML と XSLT による、データの変換や操作
・ XMLHttpRequest による、データの非同期的な取得
・ それらを JavaScript によって結びつける
うーんもっともらしい説明ですがイメージが...
という人はAjaxが使われているサイトを見てみましょう。
GoogleSuggestとGoogleMaps。
GoogleSuggestは単なる入力補完みたいなものであまり効果を実感できない
のですが、GoogleMapは前の記事に書いたようにリンクを更新することなく
広範囲の地図をスクロールして見ることができるスグレモノ。なるほど、これが
次世代のWebアプリなのか。こりゃ期待できそうだな。
Webアプリが汎用デスクトップアプリを凌駕する日もそう遠くはないのかな。
ブラウザ上で何もかもできちゃうってなんかよくない?
Permalink
|
コメント
|
トラックバック
| ID: 1580
|
2005年2月10日
デザブログラマー
『Webでなにができるか?』を探したい。
それが私のやりたいこと。
そうすることで自分に感動を与え、人にも感動を与えるようになりたい。
漠然としたテーマなので誰もが考え望むことであると思う。
だから自分なりの、自分ではの個性を何か分かりやすい、親しみやすい
肩書きで表現してみることにしました。
それが「デザブログラマー」。
英語で書くと「Design-Blogrammer」?
Design+Blog+Programmerの造語であることは容易に想像できますね?
(根は単純なもんで)
Webでできること、表現できることを探すために必要なものをくっつけました。
単に今私がやりたいものをくっつけただけとも言えます。^^;
略して「デザブロ」。
うーん流行りそうもないネーミング。センスねー。
あるいはクリエイティブなエンジニアを目指すということで「クリエン」。
「チャリエン」みたいでいーんでない?
んな肩書き考える前にモノを作れって?
ごもっとも。
まずは「デザブロ」「クリエン」あるいは「WeyP」のロゴでも考えてみますか。
Permalink
|
コメント
|
トラックバック
| ID: 1565
|
2005年1月28日
PHPでOOP !
PHPでOOPが扱えるってこと知ってましたか?
わたしゃwebmonkeyではじめて知りましたよ。
ま、知ったからといってOOPがまだまだ分かってないので使えないけどー。
PHP4.0から対応してたそうです。
しかしPHPってユーザ定義関数(function)ってあまり使わないですよね。
どーしてだろ。javascriptではグリグリ使ってるのに。私が知らないだけかな。
外部PHPファイル、という考え方もないですよね。どーしてだろ。
現状で私がPHPにもつ認識としてはダイナミックにHTMLを生成させるもの+
付加機能関数群って感じ。
実はtadaohドメインのトップページのリニューアルを進めてます。
あ、もちろんXHTML+CSSが基本です。
いまやってるblog全部の最新トピックを升目状に表示させようとしてるのですが
各ブログで同じPHP(URLだけが異なる)を記述するのはソースの無駄遣い&
管理が大変、ということでユーザ定義関数を作ってそれを呼び出す、という形に
できないかなと思ってやってみたら...できた。なんだ、できるんじゃないの。
そのうちPHPにDB絡めてさらにFlash、XMLを連携して...
ああ、夢は膨れ上がるなー...
あ、これは夢じゃない目的だ。私の夢はコチラ。
どう?壮大でしょ。
Permalink
|
コメント (1)
|
トラックバック
| ID: 1544
|
2005年1月20日
Crescent Eve
ちょこちょこっとデザインを変えてみました。
ちょっと嬉しいのは「続きを読む」が単なる個別記事へのリンクではなく、
javascriptで折りたたみ展開ができるようになったこと。
これちょっと気持ちイイ。
元ネタは例のごとくWebDesiningからですが。
それでもデジハリの卒制で折りたたみメニューを作ってたMやんのやってた
ことにちょっと追いつけた気がしてウレシイ。
で、今日のネタもまたまたWebDesigningから。
ドリは便利なHTML編集ツールですが欠点は重いこと。
ちょっとした修正のためだけにドリを立ち上げるのはいかがなものか。
HTMLに対応したテキストエディタも出てきてはいるけれどまだちょっとね...
といったところにこのソフトです。「Crescent Eve」。
ベースはテキストエディタなのでさくさく軽い。
ドリのように直接レイアウトもできるわけでもないけどコードの補完機能が
便利。しかもjavascriptにもこの補完機能が効いてくれるのはうれしい。
本格的なサイト構築はドリで、立ち上げ後の更新はこのソフトで、
というように使い分ければ便利なんではないでしょうか。
どーだ!ちゃんと展開してるだろ!
...ってつまんない続きですみません。
だって書くことないんだもーん。
Permalink
|
コメント (1)
|
トラックバック
| ID: 1536
|
2005年1月19日
Web Developer日本語版&Nvu
今日も昨日買ったWebDesigningからのネタです。
既に英語版で使ってる人も多いと思いますがFirefox、Mozillaの
「Web Developer」の日本語版がinfoaxiaというところから
リリースされました。もちろん無料です。使っている人は既にその便利さが分かると
思いますが興味のあるサイトのソース、CSSの解などWebデザイナーには必携
のツールです。逆に苦労してソースの隠蔽化をしているコーダーや
CSSレイアウターはこのツールに泣かされたことでしょう。
私はもちろん恩恵をこうむる立場ですが。^^;
もひとつGeckoエンジンネタ。
Netscapeに搭載されているHTMLエディタ「Composer」が新たな開発者により
「Nvu」と名前を変えてベータ版がリリースされています。しかもこのツール、
オープンソースでWin、Mac、Linuxの各プラットフォームに対応しているのだ!
Composerの機能に加えてサイト管理、CSSエディタなどが搭載されており、
Composerよりは使いやすくなっているのではないでしょうか。
ソースビューとレイアウトビューが同時に見れないのが残念ですがオープン
ソースでここまでやるというのがスゴイ。マクロメディアもうかうかしてられない
はず。これに刺激を受けてドリの完成度をもっと上げてほしいものです。
以上2ツール、ぜひぜひ使ってみて使用感やこんな使い方にいい、とか
コメントしてくだせー。
Permalink
|
コメント (1)
|
トラックバック
| ID: 1535
|
2004年12月22日
Flash+Blog夢のコラボレーション!
デジハリの友人Kaz君から耳寄りな情報をもらいました。
ここにきて地道なオープンソース普及活動がデジハリネットワークに浸透
...してるのかどうかはよく分からないけどなんかいい感じ。
いま私のもっともホットなコラボはFlash+Blog。
それがどーいう効果を生むのか今はぜんぜん分からないけどとにかく
やってみたい。まだFlashを取り入れたblogはまだそんなにお目にかかること
はないけど今最もアツイWebツールであるこの2つが将来コラボるのは必須、
と私は勝手に予測してるのですがその矢先のタイムリーな情報提供。
ありがとー、Kaz君。感謝感謝。
翔泳社から「des」というムックが発売されています。
主に最近のマクロメディア事情の特集本なのですがその中のP60に注目!
「Flash+MovableType入門」~Blogツールのもうひとつの使い方~
これですよ、これ。卒制がまだ残ってるのでまだ詳しくは読んでませんが
デジハリ卒業後の楽しみがまた増えました。近いうちにこの記事を書いた
原一浩さんの「FlashでデザインBlogサイトの新しい作り方(仮題)」という本も
発売される予定だそうです。絶対買わなくちゃ。
ちなみにゲンナイ・インターナショナル・グループに問い合わせてみたところ、
書籍の発売は3月くらいを予定しているとのこと。時流に乗り遅れないため
にももっと早く出してくんないかなー。
Permalink
|
コメント (1)
|
トラックバック
| ID: 1516
|
2004年12月18日
Uh~ mambo !
昨日の告知どおり新しいblogシステムを今日は紹介したかったのですが
インストールがうまくいかず開発元に問い合わせ中。
ということで今日はmambo入れてみました。
前からやろうと思ってたんだけど手付かずだったものです。
mamboはCMSツールです。似たようなものにXOOPSがあります。
XOOPSは以前からちょくちょくいじってたのですがmamboは英語サイトしか
ないということでなかなか手を出せずにいたのです。しかし一昨日mamboで
検索をかけると日本語サイトもあるではないですか!
というわけで入れてみました。せっかくなので日本語版と英語版両方
入れてみました。こういうとき自サバだと容量やDBの数を気にせず
入れることができるのでいいですね。とはいっても私がレンサバで利用して
いるXREAも容量が500MBから1GBへいつのまにやら容量アップしており
さほど容量は気にしなくてもよくなりましたけどね。これでDBの数に制限
なければ言うことなしなんですが。
例によってとりあえず入れてみただけです。
年越して落ち着いたらゆっくりカスタマイズしたいと思います。
Permalink
|
コメント
|
トラックバック
| ID: 1512
|
2004年11月 9日
サイトデザイン一新!
卒制のフルMT化目指してXHTML+CSSと格闘しているうちに「Tadaoh Blog」
のデザインも何とかしたくなりました。これまではほとんどデフォルトのまま
でそれはそれでデフォルトのデザインがけっこう気に入ってたからなんですが
やはりWebデザイナーとしては(まだ卵ですが)オリジナルのデザインに挑戦
しなきゃなんねえ。デジハリのクラスではブロガー先駆者だった私も後ろから
追いつけ追い越せと迫ってくるやつらがいる。そいつらに負けねーためにも
リニューアルに燃えなきゃなんねー。というわけで卒制そっちのけで
リニューアル作業に打ち込んでしまいました。
どーでしょ。このデザイン。
皆さんの忌憚のない意見をぜひコメントしてください。
シンプルなデザインですがこれでもここまでするのにけっこう苦労したんですよ。
それにしてもCSSって大変。
本来コンテンツとデザインを分離してデザイン効率を上げるという目的のために
あるはずなのにブラウザのバグなどによって見え方がまちまちになってしまい、
このブラウザ対応に真剣に取り組みだすとCSSの参考書6冊も買ってなお
四苦八苦しているMやんのようになるのであろう...
まったく本末転倒とはこのことさ。W3Cさん、何とかしてくれませんかねー。
#Mやん、マックではまだ見栄えがよろしくないやろか?
Permalink
|
コメント (1)
|
トラックバック
| ID: 1479
|
2004年10月26日
Floating Menu
Webサイトに動きを与えるものはFLASHだけではありません。
というより元祖(?)ダイナミックといえばjavascript。
ベーシックなWebページはだいたい左側のサイドバーにメニューを
配置していますがそのメニューがスクロールしても常に同じ位置に
表示するようなページをみつけました。しかもただ常に同じ位置に
あるのではなくあたかもスクロール動作に合わせてメニューが移動
しているように見せる、というものです。最初これはFLASHでやって
いると思ってサンプルを探してみたのですが見つからず、よくよく













