ActionScript 3.0 への序曲

Creative Suite 3 Web Premium

iMacを購入したのは他でもない。「そろそろActionScript 3.0への対応も考えないとな」と半年ほど前から思っており、Flash CS3購入を考えていました。
しかし、どうせなら、Creative Suite 3 Web Premiumにアップグレードして、PhotoshopからDreamweaverから、何から何まで新しくしてしまいたいなぁ等とも思いつつ…。

…そうなると、今のマシンのスペックで大丈夫？Intel Macにして、OSもLeopardにした方がいいんじゃない？
…いやいやいや、そんな金ねえよ！
でも、そろそろ買っとかないと、Creative Suite 4が出てしまうしなぁ。Creative Suite 3を今買っといた方が得なんじゃないの？

…などとウダウダ悩むコト、数ヶ月。いろんな条件も重なり、ついにiMacを購入し、Creative Suite 3もインストールしました。これで晴れて、ActionScript 3.0を触ってみるコトができます！

しかし、プログラムの知識はほとんどない僕です。どこまで出来るのかわかりませんが、初歩の初歩からやっていきたいと思います。ちょうど参考になるページも見つけましたので…。
まあ、ぼちぼちActionScript 3.0に関してもエントリーしていきますので、興味があれば覗いてやってください。

Mac で Windows

同時に起動でき楽チンです｜VMware Fusion 2

Intel Macを購入したからには、Windowsを動かさにゃ！というコトで、とりあえず「Boot Campアシスタント」に沿って、WindowsXPをインストール。しかし、Boot Campでは、MacとWindowsを同時に起動するコトはできません。

性能や動作速度を重視するならともかく、僕の場合、作成したWebサイトのレイアウトをIE6とIE7で検証したいだけなので、その度に再起動してWindowsを立ち上げるのは非常に面倒。
…という訳で登場するのが、仮想化ソフトなのである。

「Parallels Desktop for Mac」と「VMware Fusion 2」という２つの代表的なソフトがあるんですが、ネットの各所で評判の良かった「VMware Fusion 2」を選びました。act2のダウンロード版を7,980円で購入！
まあ、どちらを選んでも失敗はないというコトですので、「Parallels Desktop for Mac」でも全然ＯＫだと思います。使い勝手は今のトコロ充分満足です。（まあ、ブラウザチェックが主なので…）

ちなみに、参考にしたサイトをご紹介。
・ZDNet Japan Blog - 猫科の手も借りたい：VMWare FusionとParallels Desktop
・VMWare FusionとParallels Desktopのパフォーマンス比較｜株式会社ブレイド 仙台ホームページ制作
・VMware Fusionを使い最強Macに仕上げる。 / Edit Life

あと、下記のサイトで購入するとお買い得ですよ。
・Mac で Windows - ヴイエムウェア フュージョン 2.0[VMware Fusion 2.0]　-アクト・ツー-
・Parallels Desktop for Mac（Vector）

iMac購入

先日、iMacを購入しました。

今まで使っていたのは、一番最後に出たPowerMac G4。製品番号で言うと、M9309J/A。2003年の秋口に買ったから丸５年、良く頑張ってくれました。
その前に使っていたのは、98年に買ったPowerMac G3 DT233だったので、だいたい５年周期で買い替えている計算になる。
５年も経つと、OSもアプリケーションもだいたい２回以上はメジャーアップデートしてしまうので、インストールしたくてもマシンの性能が追いつかなくなってしまう。
Appleローンの金利0%キャンペーンをやっていたコトもあり（10/2で終了しています）、清水の舞台から飛び降りるつもりで買っちゃいました。

一応、デザインの仕事をやっているので、液晶の質が良いと言われている24インチを購入。この前オープンした、100満ボルトのAppleショップでも確認しましたが、20インチだと画面の上下でかなり色が違って見え、24インチとの差は歴然。グラフィックの仕事をしている人は、迷わず24インチの購入をオススメします。
金額的にも今年4月に発売されたラインナップは、かなり安くなっていますし、整備済製品だと、だいたい12%オフで買えちゃいます！（まあ、カスタマイズしたい人は×ですが）

しかし、画面デカッ！　また、ファンの音はビックリするほど静かです。
しかし、一番感心するのは、前の環境からの移行のスムーズなコトと、様々な面でのパワーアップと進化。前のMacでも別に不自由は感じなかったけれど、使い始めて１〜２日でもうPowerMac G4（MacOS 10.4）には戻れない体になってしまいました。…どうしてくれよう。

Windowsも問題なくサクサク動くし、今のトコロ非常に快適な環境です！

サンプルがダウンロードできない方へ

このブログで紹介しているサンプルは、ADriveという無料オンラインストレージにアップしてあるんですが、ダウンロードしようとすると、「This file is currently unavailable due to maintenance. Please try again later.」というメッセージが出て、先週からダウンロードできなくなっています。
…なので、最近紹介したサンプルやアクセスの多いエントリーのサンプルは、MediaFireの方に移動していますが、ファイル数が多いため全部移動するには時間がかかります。

もし、まだADriveの方にアップしてあるサンプルでダウンロードできない場合は、該当するエントリーの方にコメントを付けてください。優先的にMediaFireの方に移動いたします。
しばらくご迷惑をおかけすると思いますが、よろしくお願いいたします。

続きを読む "サンプルがダウンロードできない方へ"

手軽にラフイメージを作る無料ソフト

Firefoxの拡張機能「Pencil Project」｜web creators 2008年10月

今回もweb creators 10月号の「webデザイン スタイルアップ Tips」というコーナーで紹介されていますが、PowerPointなど既成のソフトウエアを使わず、Webサイトなどのラフデザインを作成できるFirefoxの拡張機能「Pencil Project」をこのブログでも紹介してみます。

まずサイトにアクセスして、ページ上部の「Downloads」をクリック。ダウンロード後、Firefoxを再起動して、ツールメニューから「Pencil Sketching」を選択します。
すると、作成画面が表示されるので、左側の「shape collection」の中からパーツを選び、右側のキャンバスにドラッグ＆ドロップで配置していきます。
なかなか既成のソフトウエアのように痒いトコロまで手が届いていませんが、何より無料だし、画像取込もでき、スクロールバーやチェックボックスなど、Web独自のデザインパーツを取り揃えてあるので、使い方によっては手軽に素早く小綺麗にラフを作れると思います。

操作画面はこんな感じです。

もちろんデータは保存できますし、PNGで書き出すコトもできます。
興味がある方は、試してみると良いかもしれません。

写真から手軽にイラスト作成

Funky Ways to Express Yourself｜web creators 2008年10月

web creators 10月号の「webデザイン スタイルアップ Tips」というコーナーで紹介されていますが、写真を簡単にイラスト風に加工してくれる「Funky Ways to Express Yourself (www.befunky.com)」というサイトをこのブログでも紹介してみます。
作り方は簡単です。
まずサイトにアクセスして、CARTOONIZERというコーナーの「GET STARTED」をクリック。３つの方法で加工したい写真を訊いて来ますが、とりあえず一番手軽な「FROM YOUR DESKTOP」を選んで、任意の画像ファイルを指定して下さい。
「CONTINUE CARTOONIZING」を選択、「SKETCH」タブをクリックすると、２つのスライダーとAPPLYボタンが表示されるので、スライダーを適当に動かし、APPLYボタンで適用させると線画のようになります。
同じように「COLOR」タブのスライダーを適当に動かし、APPLYボタンで適用させると写真とブレンドされてイラスト風な加工を施した画像が出来上がります。
あと２つのタブもいろいろと楽しいので、試してみて下さい。

サンプルはこんな感じです。（左は元画像、右が加工後）

いい感じに仕上がったら、「SAVE」ボタンで保存できます。思いがけない名作（迷作）に仕上がるかも知れないですよ。

まあ、お堅いサイトでの利用は無理かも知れませんが、個人的なブログとか、ちょっとルーズな感じでページを仕上げたい時など使えそうです。（画像によっては絵画のようになりますし…）
あと、イラストレータに頼むとお金がかかるし、絵は描けないし…、といった場合の苦肉の策などには利用できるかもしれないですね。

Google製ブラウザ Google Chrome

Yahoo!ニュースにGoogle製ブラウザ「Google Chrome」の話題が載っていたので、早速ダウンロードして使ってみました。
記事にも書いてありますが、とにかく表示が早いですね。シンプルなユーザーインターフェイスも好感が持てます。さすが、Googleですね！
Firefox（Mac版）も3になってから何だか使いにくいし、早くMacでも使えるようになって欲しいです。

ダウンロードは、http://www.google.com/chrome/から。
※まだBETA版ですので、インストールは自己責任でお願いします。

視覚の不思議、脳の曖昧さ

JSTバーチャル科学館 マインド・ラボ｜web designing 2008年9月

9月号のweb designing「WEB SITE FRONT In-Depth Report」というページで紹介されていますが、「JSTバーチャル科学館｜マインド・ラボ」というサイトは実に面白いです。
目の錯覚を利用した実験を通して、視覚や脳の不思議を探っていくというコンテンツなんですが、インターネットのインタラクティブ性をとても上手く使っていて、勉強になるし何より飽きるコトがありません。
教育系のお堅いサイトだと、どうしてもデザインがイマイチだったり、途中で集中力を切らしてしまうような作りになってしまいがちですが、このサイトは素晴らしいと思います。…頭の良い人が作っているんでしょうねぇ！

いろんな実験があるんですが、どれも面白く驚きがあります。
目に見えている物が現実だと思ったら大間違いですね。脳は平気でウソをつくし、都合の良いように誤魔化します。
僕らデザイナーやモノを創る人間は、ソレを利用して無いモノを在るようにしたり、在るモノを無いようにして、いろいろと錯覚させている訳ですが…。

まあとにかく、一度遊んでみると良いと思います。目から鱗というか、モノの見方が変わると思いますよ。
「JSTバーチャル科学館｜マインド・ラボ」から入って「スタート」を押すと始まります。

新書マップ

｢検索エンジンは脳の夢を見る｣、悪夢だったらどうしよう

｢爆笑問題のニッポンの教養｣が好きで、レギュラー番組になってからほぼ毎週観ている。昨日は高野明彦教授という方の｢連想検索｣というお話だった。

現在はもはや大量の情報を持っているコトが意味をなさない時代になり、"自分にとって"必要な情報をいかに取捨選択できるか？というコトが重要だなと常々思っていた。
価値観の共有なんてできるハズもなく、情報の洪水の中をうまく泳ぎながら、"自分にとって"必要なモノをまとめておく能力が問われる時代になってしまったんだなと漠然と考えたりもした。
乱暴な言い方だけど、この世界は人の数だけ存在すると言ってもいいのではないだろうか？

…難しい話になってしまいましたが、高野教授が研究している｢連想検索｣とは、まさにそのような感じではないでしょうか？
以下、サイトの言葉を引用してみます。

“2002年に高野が開発した『連想検索エンジン』は、ユーザーの関心を類推し、人間の“連想”と同じように関連情報と関連キーワードを提示することを目指す。この「人の想いを汲み取る検索エンジン」は今、情報の海を泳ぐ新たなツールとしての可能性を秘めている。”
(爆笑問題のニッポンの教養より)

高野教授が開発された｢新書マップ｣というモノがあるので、是非試して欲しいと思います。
これはもう、僕の脳みそというフィルターを通して"世界"を観ているようで、面白くもあり、恐ろしくもあり…。ただただ素晴らしいです。
僕の脳が見る夢は悪夢じゃなきゃいいんだけど…。

IE7とIE6を一緒に使う

IE7 Standalone

先日、ようやくWindowsXPが動くパソコンを購入しました。これで晴れて作成したWebサイトをIE7でも検証できるようになる（と思っていたが…）。（※ちなみにパソコンは、とにかく安く購入したかったので、パソコン工房というトコロのBTO-PCです）

…で、IE7をダウンロードして、インストール！
…しかし、肝心のIE6が上書きされてなくなっているではないか！！これでは意味がないので、共存方法をネットで調べてみる。
IE7を削除すれば、IE6に復旧できると知り、とりあえずプログラムの削除からはじめる。
続いてちょうど良い記事を見つける。URLを下記に記しますので、興味のある方は参照してください。
裏風 ...  IE6＆IE7共存！「IE7 Standalone」

…これで、共存完了！　どんと来いサイト制作だ。（何のこっちゃ）
そうそう、まだまだIE5環境の人もいるので、IEの各バージョンをダウンロードできるサイトもあります。
Multiple Explorers（英語）
※Win2000のときは、IE5.5も動いたんですが、XPにしてからは、起動後に強制終了してしまいます。IE5.01は正常に動きます。

…という訳で、IEの各バージョンでWebサイトを検証させようというお話でした。

MacからWindowsを操作

「Chicken of the VNC」と「Ultr@VNC」

Mactopia Japan の「Mac で Windows を使う 2 つの方法」という記事が目にとまり、Remote Desktop Connection Client for Mac を使った方法で試してみたかったのだが、ウチのWindows2000では、できないようなので他の方法がないものかと調べてみました。

…で、たどり着いたのが「Macで100倍得した気分」さんの「MacでWindowsを遠隔操作」というページだったんですが、VNCthingというソフトがもうダウンロードできなくなっているらしく、今度はアークランプさんの「VNCで、WindowsからMacを操作」という記事を発見。確かにできたのだが、WindowsからMacを操作できても僕にはあまり役には立たず…。
まあいいかと、諦めかけている頃に「Mac mini でリビングPC」さんの「VNC でリモート操作」という記事を見つける。ようやくMacからWindowsの操作ができました。

※分かりにくいかもしれませんが、Mac上でWindowsのデスクトップが開いています。
…しかし遅い。画面遷移が非常に遅い。これでは実用的ではないので、６年物のWindows2000に別れを告げ、せめてWindowsXPマシンを導入しよう。それで、晴れて「Remote Desktop Connection Client for Mac」を試してみます。

※しかし、こういう技術って２年以上前から普通にあったんですね。今頃かよって話でスイマセン。

アクセス解析

Google Analytics

いまだにアクセスカウンターを付けて欲しいというクライアントさんがいたりする。「あんまり意味がないですよ」と言って、アクセス解析CGIを入れる事を薦めたりしている。
そんな時いつも使うのは、futomi's CGI Cafeさんの高機能アクセス解析CGIシリーズである。Standard版は料金がかからないし、Professional版でも個人使用なら1,050円（商用は2,100円）とリーズナブル！新しいバージョンでは設置も非常に楽になっている！！

…と、思ってはいたのだが、試しにGoogle Analyticsなるモノを使ってみた。（今頃でスイマセン）これが結構使えるのである！しかもフリーで使えてしまう！！やっぱりGoogleはスゴイなと、あらためて感心してしまう。
※設置や使い方は、その名もズバリ「Google Analyticsアナリティクスの使い方」というサイトがあるので、参照してみてください。

まあ、サーバーにCGIを設置していた方が便利なコトもあるし、一長一短ではあると思うけれど、HTMLに特定のソースコードを埋め込むだけなので、サーバー側で独自CGIを許可していない場合やCGIはちょっと…と思っている人にとっては、大いに役に立つ　…というか、これしかないのでは！？と思ってしまうくらい優れモノです。興味があれば、一度試してみてはいかがでしょうか？

メールフォームでトラブル

♪何でもないようなコトがぁ〜、それは虎舞竜。…失敬。

（何事もなかったように先へ進めます）
６月に入り私用でバタバタしているウチに風邪をひいてしまい、すっかりご無沙汰してしまいました。

昨日はなんだかメールフォームで２件トラぶってしまい、終日その作業でした。１つは、おそらく納入先のウイルス対策のため、CGIからの送信メールが届かなくなっていたようです。先方の環境が分からないので、yahooでフリーのメールアドレスを取得して、そちらにもCGIからメールを送るように対処。納入先でもうまく受信できればいいのですが…。
もう１つは、こちらのsendmailの設定が間違っていたらしく、途中までは動作するんだけど、いざ送信しようとするとエラーが出てしまって、いろいろ試してもうまく動作しませんでした。困った挙げ句、一度自分のサーバーでCGIの処理をして、何事もなかったように本サーバーに戻すという力業を使って対処。でもなんだかスッキリしなかったので、今朝もまたいろいろ試した挙げ句、sendmailを自動的に認識する設定に直したらうまく動作、急いで直しておきました。

ホント、プログラム的なコトで躓くと時間がかかります。でも結局こういう失敗が血となり肉となって今後に生かされるんだと思う。「失敗は成功の素」じゃないけど、失敗から学ぶコトの方が多いしね。まあ、僕の場合不器用なので、こういうコトばかりで厭にもなるが…。

Web Developer は優れもの！

最近教えてもらったのだが、Firefoxの拡張機能の１つ「Web Developer」はとても優れものだ！
サイトのソースが丸裸になってしまう。htmlはもちろん、cssやJavaScriptも簡単に表示できとても便利である。まだまだ使いこなしていないが擬似的に編集もできてしまうようである。
便利なのはそれだけにとどまらず、ブラウザのウィンドウサイズを800×600に表示したり、ルーラーやガイドを表示してコンテンツのサイズを測ったり、テーブルやブロック要素を枠で表示させたりと、まったくかゆい所に手が届くツールなのである。
しかし最大のポイントは、HTML構文の検証をしてページを採点してくれるトコロ！windowsのIEにも似たようなツールはあったが、ここまで使い勝手は良くなかった（しかも英語だったし）

…という訳で、今作っているサイトはWeb Developerで採点して、全ページ90点以上はクリアしている。まあ、HTML 4.01なんで比較的高得点を取りやすいんだけど…。
それでも相変わらずwinのIE６は勘違い野郎だし、Safariも結構我が道を行くお方なので、各ブラウザでの表示を揃えながら、HTML構文的にも誤りを少なくするのは結構手間な作業ですな。IE６やMac版IEなんて、もう使わなくていいですよね！？（願望！）

Podcast

今更で申し訳ないが、Podcastって面白い。
ケーブルにしたおかげでネットの速度が速くなり、iTunesからいくつかの番組をダウンロードしてみる。
ラジオが好きな僕にはうってつけのアイテムだと思った。
ホントいろんな番組があるので選ぶだけでも大変だが、気に入ったモノを見つけるととても嬉しい。
しかも、放送局じゃなくても自分で番組を作れてしまうって凄いと思う。まあ、センスも技術も必要だけどね。
世の中ドンドン変わって来ているんだなぁとあらためて思った。

Mac、パワーアップ計画

あっと言う間に１０月突入でＲ。いや、１週間も経ってしまった。
早い、速い、疾い。もう今年も３カ月をきってしまった。何だかこの前、今年も半分過ぎたねと言ってたような気がする。夏が終わると早いモンだ。しかも今日は寒い！

さて、この前ディスプレイが壊れ、新しく買ったせいで勢いがついてしまったのか、Macのパワーアップ計画が敢行された。（というか、勝手にやっているだけだが）
OSが10.2だと、Macromedia Studio 8が使えないし、そろそろ10.4にアップしなきゃなと思っていた。あとはハードディスクの増設。この２つが今回の目玉でＲ。（というか、お金もないのでこれくらいしかできない）

実は去年、メモリを増設した時に内蔵HDを追加したのだが、コイツがあまり良くなかったらしく、若干Mac自体の調子が悪くなっている。だって、各メーカーで、このMacの内蔵HDは120GBまでしか対応していないのに、160GBのバルク品（知らずに買った）だったのでＲ。
一応、7,200rpmなのだが、アクセスが非常に遅いし、かなり熱を持つのか本来のHDにまで悪影響を与えているようだ。

（前置きが長くなってしまったが）という訳で、そのHDを取り外すべく、今回はFirewireで繋がる外付けHDをネットで購入。（金沢には適当なモノが売ってないので…）OSはAppleから直接買う事にした。
HDの入替は結構時間がかかったが、OSのアップグレードは以外なくらい簡単だった。漢字Talk7の時代から使っている者としては、バックアップを取ったり、ネットの環境をメモしておいたりしなきゃいけないのかと思っていたのだが、全部自動的にやってしまうんだね。賢くなったモンだ！

まあ、予想していた程、劇的な変化はなかったが目に見えない部分で画期的に変わっているハズであろう。やっぱり２世代ごとくらいにアップグレードした方が良いんだろうね。
周辺機器やWindowsとのトラブルもなかったし、まずまず成功といったトコロだろうか。次は（といっても２，３年後）Intel Mac購入だろうか？

続きを読む "Mac、パワーアップ計画"

プルダウンメニュー×画像

仕事の話。
左に画像エリア、右に３つのボタンを配置した、下図のようなFlash作成の案件がある。

仕様として、
１）ボタンに触らない場合、画像エリアはＡＢＣという３つの画像を一定周期で切り替える。
２）ボタン１にロールオーバーで、プルダウンメニューを出し、画像エリアはＡの画像に切り替える。
３）ボタン２,３も上記に準じた処理を行う。（つまりボタン２は画像Ｂに、ボタン３は画像Ｃに対応している）

プルダウンメニューは少々やっかいだが、何度となく作っているので、ActionScriptの仕様は割と早く出来上がった。
問題は画像エリア。
通常、３つの画像が一定周期で切り替わる。それは問題ない。また、ボタンにロールオーバーでそれに対応した画像に切り替える。それも問題はない。
問題は、ボタンかそれに付属するプルダウンメニューにロールオーバーしている間は表示されている画像でストップしておいて、ロールアウト後に３つの画像が一定周期で切り替わるように戻してあげるコトだ。

ここで何が問題なのか分からない方は、残念ですがここまでです。お付き合いありがとうございました。

続きを読む "プルダウンメニュー×画像"

論理演算

引き続き仕事の話。
その月が何月かによって、トップページのイメージが変わる仕組みのFlashファイルを作る仕事が入っている。Dateオブジェクトで何月か調べて、例えば１月はお正月のイメージ、２〜４月は春のイメージを当てはめようとした。
仕組みは至って簡単だ。まあでも吾輩のコトだから、すんなりとはいかないだろうなと思っていたら案の定だった。

○月〜○月までという範囲を、論理演算子を使い、「１より大きくて４以下は“春”」としてみたが、まったくうまく行かなかった。ここでもやっぱりなんだかんだと２時間ほど時間を費やす。
悩んだあげく、ここは手堅く（？）一番ずぼらな方法で１２カ月分のスクリプトを書く事に決めた。ああ、決めたさ。
しかし、こんなへなちょこなモノでも、プログラムって時間がかかるなぁ…。

続きを読む "論理演算"

jpgのプログレッシブ

仕事の話。
いくつか並んでいるサムネイル画像にロールオーバーすると、その拡大画像が表示され、その画像は外部読込にする。そんなFlashファイルを作る仕事があった。原理は難しくないし、前にもこういうモノは作ったコトがあるので、割と簡単に考えていた。

しかし、しかしである。外部に用意したファイルを読み込んでくれない。何度やっても画像が読み込まれるハズのムービークリップは真っ白けのままだ。
「どうして？？？」
試しに前に作った画像ファイルを読み込んでみた。
「ちゃんと読める…」
どこがどう違うのか、いろいろと試行錯誤。こういう時の１時間、２時間なんてあっという間さ。結局、jpgで保存する時にプログレッシブにチェックを入れていたのが、不具合の原因だったようだ。
「プログレッシブって何？」
Webで画像を読み込む時に、モザイク状で読み込まれる方式じゃないの？それが使いようによっては悪さするんだなぁ。
「プログレッシブ、恐るべし」

なんやかんやとバタバタと

ブログに書きたいコトがたくさんあったのに、なんだかバタバタしてて何も書けずじまいだ。…まあ、それは置いておいて今日の本題。

以前に作ったサイトの修正が入った。仕事を受けた先で修正するコトもあるんだろうとレイアウトの骨組みはテーブルで、細かなマージンやアイコン、ヘッダや段落の詳細などはcssで設定していたのだが、直すとなると結構手間がかかる。
やっぱりテーブルでレイアウトすると面倒くさいんだなぁとあらためて実感している。最近はほとんどソースを見ながらの作業なので、テーブルだと余計なタグが多くなりすぎて編集しにくい。無駄にソースが長くなるだけだ。
また、cssも移行段階初期に作っていたので、divが重複していたりして複雑きわまりない。idとclassの違いも何ら分かっていなかったので、結構むちゃくちゃだ。今ならもっとキレイで効率的に作れるのになぁ。
ホントは全部直したいトコロだが、２〜３日しか実作業できないし、またソースやcssをキレイにしたトコロで、クライアントには意味のなさないコトだと思うので、できる限りに留めておこう。
…今できるコトをできる限り詰め込もうとしてしまうので、我ながらそんな性分だと思う。

金沢も梅雨入りしたもよう

なんやかんやとバタバタしてて、先日のW杯日本戦のコトも書かぬまま数日過ぎてしまいました。
しかし、終盤６分間は（悪い方の）夢でも見ているような感じでしたね。それまで本当に良く守っていたのにかわいそうだった。まあ、サッカーについて語れるほど詳しくはないし、選手達が一番現状を把握していると思うんで、僕みたいなモンが余計なコトは言いません。クロアチア戦、キッチリ見届けるぞ！（まあ、他の試合も見届けるぞ！…悲しいかな地上波しか見れないが）

さて、前置きが長くなりましたが本題。
ここ１年程、たまに「web creators」という雑誌を買っていたのだが、この４月から毎月買うようになった。
今まではデザインのネタにならないかなぁ…などと、特集ページでひっかかった時だけのお付き合いだったが、隅々まで読んでみると結構タメになるのである。特にFlashとCSSに対して連載があるのは心強いばかりだ。…今頃気付いて申し訳ない。（誰に対して言っておるのだ？）
やっぱり１つの雑誌を作るのって結構手間がかかっているんだなぁと、あらためて感心している。まあ、活かすも殺すも自分次第。ならば活かしてやろうじゃないか！（…という意気込みだけはある。最初はいつも。頑張ります、ハイ。）

ジーコ、招集した23人を活かしきってくれ！（結局そこに綱がるんかい！）

サイトに繋がらない！！！

何なんだ！！！
さっきからサーバーにアクセスできない！これじゃ全然仕事にならんじゃないか！！
いやいや、『ロリポップ！』レンタルサーバーを使っているのだが、自分のサイトにもレンタルサーバーのサイトにも繋がらない。メールも受信できない。まあ、プロバイダのNiftyの方は動いているので、こうやってココログは書けているのだが。（※でも保存時に１回こけて、書き直している）
手も足も出ないので相方に電話して試してもらった。すると、むこうの環境では僕のサイトにもレンタルサーバーのサイトにも繋がるらしい。こっちでもマニュアルのページには繋がったので、そこから辿って障害情報のページにアクセスしてみた。
なんでも「 只今、上位回線のネットワーク障害の為、サイト表示・FTP接続・メール接続が出来ない現象が発生しております。」というコトだ。しかし、20:15には解決って書いてあるぞ？！どうなっているんだ？？？まあ、しばらく待ってみるか…。
しかし、インターネットってこういうコトがあるんだね。危ういメディアだ。

続きを読む "サイトに繋がらない！！！"

一年前の自分を恨む

本日は去年作ったサイトの一部更新をしていた。
いやいや、知らないというのは恐ろしいモノだ。　よくもまあ、こんなきったないソースを書いていたなと…。
テーブルでガチガチに組んであるから修正しづらいしづらい。　まあ、あの頃はGoLiveに頼りっきりで、ソースなんか意識していなかったモンなぁ。

よく、GoLiveは使ったコトがないとか…、（ここからはWebを生業としている人の話）

続きを読む "一年前の自分を恨む"

もうこんな時間…

キリのいいトコロまで…と思ってやっていたら、もう４時半過ぎてる！　アタマがクラクラしてきたハズだ。　そろそろ夜も明けるんじゃないか？！

Ｗｅｂサイトを作るって真剣にやると結構時間のかかるモノだ。
更新するコトを踏まえて、どうやったら効率の良いサイトになるか等から始まって、画像にAltテキストを付けたり、パンくずを付けたり、はたまたいろんな環境で正確に表示されるか検証しなきゃなんないしね。
僕の場合はMacがメインなので、まずFirefoxで表示して、ＯＫならＩＥでチェックしてSafariでチェックして、最後にWinのＩＥでチェックする。
この作業を新しいページを作る度にやっているので、マメじゃないとできないね、ホント。

そうそう、今日ラジオで言ってたけど、やりがい・お金・人間関係の中で２つ満足していれば、その仕事は続けられるそうだ。
…結構的を得ていると思った。　自分の場合はどうだろうか？　…少なくともやりがいはあるな。

やっぱりFirefoxかな

Mac使いとしては、最近どのブラウザを使うか迷っている。
Internet Exploreはcssに対するバグがあるので、レイアウトが崩れるコトが多く、フォーム入力で文字化けしてしまうコトもしばしばだ。　※もっともMicrosoftは、今後Mac用のIEをサポートしないようだから、すでに終わっているのかもしれないが…。

なので、ここ１年くらいはNetscapeと併用しながら使っていた。
しかし、Movable Typeの編集画面がおかしく、エントリーの作成や編集がやりにくかったので、巷で人気のFirefoxを本格的に使いはじめた。　※仕事上、サイトの確認用として持ってはいた。

なかなかどうして、これが結構良いのである。レイアウトが崩れるコトはないし、Movable Typeの編集画面も完璧だ！　※たしか、Netscapeと同じレンダリングエンジンなのに何故？

問題は、Internet Exploreに登録した数々の「お気に入り」をFirefoxにインポートすると文字化けするコトだな。

というコトで、現在３つのブラウザを使い分けています。
…って、Safariはどうした？！　…続く。

続きを読む "やっぱりFirefoxかな"

フラッシュdeクイズ

この前、FlashでクイズができるActionScriptを作りました。
元々プログラマーではないので、なかなか苦労しましたね。　仕様として、
１）２０問の中からランダムに５問出題する。
２）集計して、正解数に応じた結果を返す。
という２つだったんですが、特に（１）がややこしかったですね。
単にランダムに出題はできるけど、５問だけ選ぶって？？？
一度選んだ問題を外す仕組みって？？？
…配列を使えば簡単にできたのかもしれないけれど、そこは素人！なかなかうまく行かず、他の考え方でどうにかこうにかカタチにしてみました。
試行錯誤したあげく、結構カスタマイズのできる作りになったと思ってます。
※画面が小さいですが、遊んでみてください！

このActionScriptに興味がございましたら、こちらまでご連絡を。
>>>「エクスワイジーにメールを送る」（なんちゃって！　まあ、メールこんやろうな…）

続きを読む "フラッシュdeクイズ"

Flashでプルダウンメニュー2

ココログでswfファイル（Flashのファイル）が貼り付けられないかと思い実験してみます。

…どうでしょう？　ちゃんと動いてます？

という訳で、もう１つ。
アクセス解析していると、最近「Flash、プルダウンメニュー」というキーワードで検索されているらしい。　というコトで、この前作ったFlashのメニューのサンプルを貼り付けてみます。

…どうでしょう？　こんなプルダウンメニューは？
ポイントはボタンではなくムービークリップを使うコト、一度開いたプルダウンメニューを閉じるための透明な領域を作るコト。　あとは根気よくActionScriptを記述するコトですかね。
詳しくは下記の本を参照ください。

Mac起動しなくなる！

このところ結構ボリュームある仕事が続いて、毎日寝るのが３時過ぎ。　朝は９時半までには起きて１０時にはパソコンの前に座って早速仕事。　昼休みなどほとんどなく７時半頃まで。　晩飯をすませ９時には仕事再開。　１１時にＮＨＫ教育の英語講座は見るけれどそれ以外はほとんど仕事で２時３時。
こんな生活を３週間以上やっていたら（休日らしい休日もなく）、体が壊れる前にパソコンが壊れました。
まあ、原因は分割されたＰＤＦを結合しようとして、昔会社にあったAcrbat4.0をインストールし、久しぶりにos９を動かしたら、見事に動かなくなった。　ハードディスクを認識しなくなったのである。
CDから起動するものの、インストーラーが立ち上がってしまい、起動ディスクにosXを選べずじまい…。
１時間近く格闘したあげく、Appleのサポートセンターに電話をかけた。　5,000円取られて、有償のサポートを受けたが、結局ハードディスクを消去してインストール仕直すしかないという結論！
待ってくれ、お願いだから。　バックアップ取ってないし…。
いろいろ考えたあげく、増設した内蔵のハードディスクにosXをインストールして、一度そちらから起動して、元々のハードディスクに入っているosXを起動ディスクに選んだら、ちゃんと動いてくれました。
昔はいろいろとトラブルがあったから、何とかなるだろうという変な余裕もあったのだが、osXに変えてからあまりトラブルはなかったんで久々に参ったなぁ、今日は…。　まあ、パソコンも働きづけで休みたかったのかもね。
俺も休みたいんじゃ〜！　温泉行きたいんじゃ〜！！　映画も見たいんじゃ〜！！！
…と思いながら、今まで黙々と仕事。　今日はもう寝る。

Flashでプルダウンメニュー

なんやかんやでバタバタしてます。
さて、この前　Flashでプルダウンメニューを作りました。　当初、簡単簡単と思っていたのですが、これが意外とややこしかった…。
ヨコに並んだメニュー（メニューバーのように）からプルダウンするのではなく、縦に並んだメニュー（リスト的）にロールオーバーすると、右にプルダウンにてサブメニューが表示されるというモノだった。
サブメニューのエリアが重なるのである。　上のメニューがうまく行けば下のメニューがおかしくなったり、逆もまたしかりで…。　半日程試行錯誤のあげく、何とか思い通りに動作するモノになった。　…嗚呼よかった。
そんなこんなで、ここしばらくでActionScriptの使えるレベルが１ランク上がったかな。　まあ、日々勉強ですな。
…と思っていたら、早速この技術を応用した仕事が入りそうである。　コツコツやってりゃ報われるんじゃぁぁぁ〜！

ActionScript

思えばこの１カ月更新していませんでした。　覗きに来てくれた方、ゴメンナサイ。
さて、Flashを使ってクイズを作るという仕事の話がありました。　Flashは何かと使ってますが、実際プログラマーではないので、ActionScriptは簡単なモノしか扱えないのが事実。
しかし、ちょっといいお金になるので、何とかできないかと持っている本を引っ張り出してもがいてみたり、新しく本を買ってみたり、プログラマーの知り合いに教えを乞うたり…、まあ、他の仕事もこなしながらの試行錯誤の日々でした。
２０問くらいの中からランダムで５問出題し、最後に結果を表示するという至って単純なプログラムではあるのだが、なかなかどうして、素人の僕にはかなり歯ごたえがありました。
オリジナル関数を作ったり、ランダムに乱数を発生させる関数を使ってみたり…。　集計して結果を表示する仕組みは割とすぐできたんですが、問題はランダムに５問出題する仕組みと、一度出した問題は外してしまうという仕組みでしたね。
しかし、ずーっと考えてれば何とかできるモンですね！　ようやくカタチになりました。　あとは先方の好みの演出に作る変えるだけでしょう。　いやいや、日々これ勉強です。

実家の犬：とうとう服まで着させられてます。

Action Script

この前から別の本でAction Scriptを勉強していたのだが、やっぱり難しいなぁ。　だいたい、関数ってなに？　演算子ってだれ？　メソッドってウマイ？　プロパティって強い？　という状態の僕にとっては敷居が高すぎた。
…という訳で、入門書（だと思われる）で勉強しなおしだ。

おしえて!!FLASH MX 2004 ActionScript

しかし、この本でも難しいんだよな。　ようやくモヤモヤっとした感じから固まりかけてきた気はするが、油断するとまた煙に巻かれそうだ。　やっぱ、プログラマーの人って頭いいんだなぁ。　ガンバルベェ〜！

Ｆｌａｓｈの勉強もせなならん！

今週末はちょっと時間が取れそうなので、前に買っておいたActionScriptの本を引っ張り出して勉強しよう。

macromedia FLASH ActionScriptスーパーサンプル集
Flashはある程度使っていますが、ActionScriptはホント、基本的なモノしか使えないのが現状。
ActionScriptを使いこなせれば…、

続きを読む "Ｆｌａｓｈの勉強もせなならん！"

『Ｗｅｂサイトを作る』というコト

いろんなトコロで評判が良いので前から読んでみたかったのが下の本です。
（スタイルシート・スタンダード・デザインガイド）

いやいや、ホントに良い本ですね！　Ｗｅｂサイトを作っている人にとっては必須の本だと思います。
発行されてから１年以上になりますが、今からでも遅くはないので、読んでいない方は是非。
Ｗｅｂサイト・コンテンツページを作るにあたって何が必要で何を重視するのか、というコトがよく分かります。
僕は石川県に住んでいますが、このような地方のＷｅｂ制作の現場は…、

続きを読む "『Ｗｅｂサイトを作る』というコト"

変“漢”ミス

さっきＮＨＫのニュースを見ていたら、「変“漢”ミス　コンテスト」なるモノを取り上げていた。
パソコンやケータイで文字を打ってると、時折出くわす変換ミス。　たま〜に笑ってしまうモノも結構あったりする。
僕も「サバイバルな体験」と打ったら『鯖威張るな体験』と変換されたり、「森の発する薫り」と打ったら『森野ハッスル香』と変換されたコトがあった。
…なかなか笑いを分かっておるようだ、ウチのパソコンは。
日本漢字能力検定協会が開催しているコンテストがあって、オンラインで見れるようなので、興味のある方はどうぞ。
→こちらからサイトに飛べます。

んじゃ、お志摩イケる。　違った、おしマイケル！

Internet Explorerはどうなの？

最近、Internet Explorer（Mac版5.23）で問い合わせフォームなどを入力していると、文字化けするページが多くなっているように思う。
それでなくても、現在のWeb標準から、Internet Explorerは１歩も２歩も遅れているのである。
（まあ、この点ではMac版の方がまだマシである）
世の中で一番普及しているブラウザなだけに困ったモンである。
…という訳で、NetscapeやOperaを使うコトが多くなってきた。　専門的な話になるが…、

続きを読む "Internet Explorerはどうなの？"

特殊文字の入力

ホームページを作っていて、特殊文字の入力で困ったコトはないでしょうか？
実際僕も著作権の©　が出せなくて、（c）などと誤魔化していました。　でも、ちゃんと出てるでしょ？　これは、＆ｃｏｐｙ；と小文字で打てば出てくるのです。
あとは、平方メートル、立方メートル。『m²』『m³』、これもちゃんとでるでしょ。（実はこうやってます、『m<ｓｕｐ>2<／ｓｕｐ>』『m<ｓｕｐ>3<／ｓｕｐ>』※すべて小文字で！）　記号入力で入れてしまうと、WinとMacなどOSの違いで文字化けしてしまいます。有名なのは○付きの数字ですね。
こういう特殊文字のコードに関しては、こちらのサイト（http://e-words.jp/p/r-htmlentity.html）に詳しく載っているので、覗いてみるのも良いかも知れません。
しかし、Dreamweaverって、こういうコトが結構簡単にできるからいいよね。

Dreamweaver MX 2004 & Fireworks MX 2004―For Windows & Macintosh

続きを読む "特殊文字の入力"

『ＳＥＯ対策』

先日アップしたジョアンさんのサイトをＷｅｂ標準準拠にもとづいて（…まあ、現状で分かる範囲でだが）、リフォームしてみた。
しかし、ここで困った問題が発生した。　テスト用に自分のサーバーに挙げていたサイト（リフォーム後）の方が、本来のサイト（リフォーム前）より検索エンジンで上位に表示されるようになってしまった。　どこにも登録や推薦をしていないのに、である。（本サイトの方は、１５件程のサイトに登録・推薦した：予算がないので無料のモノばかりだが）
正しくマークアップするコト（…と言っても、僕の場合まだまだ発展途上の段階だが）の重要性を身をもって体験した。　言い換えるなら、構造化してサイトを作れば、別段なにもしなくとも　ある程度ＳＥＯ対策ができてしまうのだ！（また、その反映速度にもちょっとビックリ）

ちなみに、この本を参考にしてリフォームしてみました。

「XHTMLマークアップ&スタイルシート」リフォームデザインガイドブック―「Web標準」を学びたいWebデザイナーのための指南書。

続きを読む "『ＳＥＯ対策』"

『パン屋さんのWebサイト』

本日、パン屋さんのWebサイトをアップしました。
金沢の三ツ屋町、「つのパン」でおなじみの『フレッシュベイク・ジョアン』さんです。
実は僕も前からこのお店のファンで、ほぼ毎週、ジョアンさんでパンを買ってます。　なので、この話をいただいた時はホント嬉しかったですね。
…で、今回はちょっとオシャレな料理本をイメージしてデザインしてみました。　今後も定期的に更新していきますので、お店ともどもごひいきの程、よろしくお願いいたします。

『元祖、つのパンの店　ジョアンさんです。』

続きを読む "『パン屋さんのWebサイト』"

『Dreamweaver』

やっと『Dreamweaver』を使って、サイトを作り始めている。（…とは言っても、30日間限定の試用版だが。　…とは言っても、まだ正式にＧＯのかかっていない案件のトップページだけだが。）

前にも書いたと思うが、いままでレイアウトはテーブルをギチギチに組んで、そこに画像なり文章なりを埋め込んでいた。　しかし、今後は＜divタグ＞でボックスを作り、cssで表示スタイルを定義する方法に変えますっ！（さぁー言い切った、さぁー言い切った、サァーやるしかないぞ、サァーやるしかないぞ、いいんだな俺、いいんだな俺：なかやまきんに君風）
勝手知ったる『Golive』でテーブルを組んでチャッチャッと作ってしまえば、早いコトは早い。　でも、それじゃあダメなんだ。　それじゃあ、WEBデザイナーとして失格なんだよぉぉぉ。（…と思う。）

続きを読む "『Dreamweaver』"

『いざ、Web標準へ』

２つ抱えていた仕事の１つが手元を離れました。　現在、すでにサーバー上にアップされていますが、諸事情により紹介するコトはできません。　残念！
ちなみに、今回気を付けたトコロは、正しいマークアップ。　HTMLとCSSを今持てる知識と技術で、できうる限り分け、構造化することを心掛けました。
…というか、勉強していくウチに、今までのサイト作りを全面的に見直さなければならないコトに気付きました。　見栄えに囚われすぎていて、構造的に見るとほとんど素人の作り方だったと思います。
タイトルに『いざ、Web標準へ』なんて書きましたが、ホントこれからです。　勉強して見た目も構造的にもクールなサイト作りを目指します。

『暑゛じぃ〜な、毎日…』

『XHTMLとCSS２・Dreamweaver』

週末、前に担当した仕事の修正が来るハズだったのだが、連絡が来なかった。
金沢コミュニティシネマからもページの追加依頼が来るんじゃないかと思っていたが、来なかった。
抱えている仕事達も終わってはないのだが、先方から修正や追加の依頼が、やっぱり来なかった。
…というわけで、図らずも盆休みになってしまった。　いやホント、のんびり休んでいるつもりはなかったのに、思うようにはいかないね。

時間が出来たので、『Dreamweaver』の勉強を始めた。
実は今まで、『GoLive』を使ってサイトを作っていたのだが、ほとんどの仕事先では『Dreamweaver』を使っているし、『Dreamweaver』じゃないと、仕事を出しにくいというトコロもあるので、早めに習得しようと思っていたのである。

いや、実際今日から始めて、まだまだかじっただけだけれど、こっちの方が断然、構造的なサイト作りが出来そうだ。
『HTMLで構造を作って、CSSで視覚的効果を指定する』という、Web標準のサイト作りには欠かせないツールだと思われる。　やっぱり、使われてるだけのコトはあるんだなぁ。
まあ、Macユーザーの僕としては、まだまだCSSだけではレイアウトが崩れてしまうコトが多いので、テーブルも組みながら、CSSも利用するという作りになるとは思うが、理想のサイト作りに１歩１歩近づけるコトであろう。　やったね！　…というか、やったるぜッ！

しかし問題は、その価格。　50,000円は正直痛いなぁ…。　それもネックだったんで、『GoLive』でやって来たのだが…。　う〜む、とりあえず３０日間は試用版で勉強します。

『XHTMLとCSS』

今、２つの仕事がキレイに重なって、結構しんどい。　いつもの２倍は働いてるな（ちょっと大袈裟）。　まあ、しばらくの辛抱、どちらか目途がつけば少し楽になるであろう。
その次の仕事も（話ぐらいは）そろそろ入って来てくれるといいのだが…。

さて、そろそろ「XHTMLとCSS」を勉強しないとな。
CSSは曲がりなりにもちょっとづつ使ってはいるが、本当に使い切れているかと問われるといささか疑問だ。　いや、いささか所ではないだろう。
ともかく、Web標準準拠では、「XHTML＋CSS」なのだそうだ。
なんでも、構造言語と表現言語を分離することによって、５つくらいのメリットがあるようだ。
でも、文章構造はXHTMLで作り、視覚表現をCSSで指定するとは言っても、実際まだよく分かっていない。　だからまた勉強である。
しかし、実際仕事で依頼させるモノには、そこまで求められていないけどね。　…というか、まだまだ構造化できるほど、内容のあるサイト作りも担当していないし、だいいち見た目がＯＫなら、それで良いというトコロも多い。
まあ、時代に取り残されないよう日々勉強ですな。　がんばるべぇ〜。

『電気通信工事業社さんのＷｅｂサイト』

タイトルにもある通り、電気通信工事業社さんのＷｅｂサイトを納品できました。　
電気通信工事業社さんというと、堅いイメージですが、金沢では有名なシミズシンテックさんです。

企業の特徴である先進性、洗練された感じ、清潔感をページを構成してみました。　いかがでしょうか？

さて、今度はとあるパン屋さんのＷｅｂサイトを作っております。　できあがりましたら、またこのページで紹介させていただくかもしれませんので、よろしくお願いします！
では、夜もすっかり更けてきましたので、Good Sleep!

『コンピューターって…』

昨日・おとといとWebサイトを担当している『金沢コミュニティシネマ』のサーバー移行を行っていた。　思ったよりは手間取ってしまったが、まあ順調にサーバー移行はできた。　問題はメールフォームだった。　実際、まだ正式な依頼（…というか、仕様）が来ていないので、正常に動くかどうか、今のウチに確かめておきたかった。
昨日『ガキ使』を見ながら、『三沢vs川田（プロレス）』を見ながら、やっていたのだが、どうしても動いてくれないので、一旦諦めて寝てみた。　…で、今朝起きて再チャレンジ。　サーバーのCGIに関する説明をながめながら、メールフォームCGIの仕様をながめながら、１個１個検証しながらやっていると、やっと正常に動いてくれた。（ミスは以外と簡単なトコロにあったのですが）
…というか、ホント　コンピューターって、融通が利かないよね。　１カ所でも間違ってるとワンともニャーともいわんからね。（当たり前じゃ、犬やネコじゃないちゅうねん！）
いやいや、ホントに。　しかし、間違いがなければ律儀に動きやがるのも事実。　使う人間が限界を持たなければ、どんどん出来るコトが増えていくんだよな。　幸い世の中には勉強熱心な方が大勢いるので、マニュアルや参考書のたぐいには事欠かないしね。
少しずつ出来る事を増やしておきたいと思う今日この頃。　…と、気分良く過ごしていたのも束の間、昼に仕事先からメールがあり、FLASH上のボタンからポップアップウィンドウを画面の右端に開きたいという修正依頼が。
『右端？！』、JavaScriptを使って指定するのは分かるんだけど、『画面の右端』ってどうするんだべか？？？　…まだまだ、まだまだ要勉強だ！

『Mac、パワーアップ計画』

今日、内蔵ハードディスクを買ってきた。　まあ、現状で160GBあるので、当初は余裕、余裕と思っていたが、素材を集めたり、ビデオを取り込んだりしている内に50GBをきってしまったんで、前から欲しかったのである。　友達から素材集をもらう話もあったので、思い切って買ってきた。
しかし安くなったモノだ！　160GBの内蔵HDが8,851円だった。　1GBで55円？！　ホント？？？　こんな安くて良いのだろうか？！　いや、もしかしたらバルク品？　確かに箱には入ってなかった。　でも10カ月保証はあったぞ。
…と、いろいろ考えながら家に帰って早速取り付け。　しかし認識しない。　いや、認識してない訳ではない。　ちゃんと『Apple システム・プロフィール』には、新しいハードディスクが追加されてる。
でも、画面には現れない。　もう、恥ずかしがり屋さんだなぁ〜。（ウソウソ、そんな呑気な場合ではない）
何故だか分からずに、開いて取り外して、また取り付けて締めて…という作業を４〜５回。　さすがに指が痛くなった。　そうこうしているウチに、問題はマウントかと思い、OS９で起動してB's crewなどを試してみたが、やっぱりマウントできない。　画面には現れない。　もう、トコトン恥ずかしがり屋さんだなぁ〜。（いい加減、遊んでいる暇などないのだ！）
仕方がないからAppleに電話してみました。　これが繋がらない、繋がらない。　15分ほど待たされて、やっと繋がった。　いろいろ話しているウチに、ハタと気が付きました。　ＣＤで起動して、マウンドすりゃい〜じゃん！　…結局、簡単にマウントでき、しっかり作動しております。　２時間格闘していたのは何だったんでしょう？！（Appleの方、要領の得ない電話に対応してくださり、ありがとうございます）　
※しかし、このHDは結局バルク品でした。　バルクHDD保証書が入ってました。　…店の人よ、ちゃんと説明してください

さて、近日中には、メモリが届く。　…闘いはまだ終わらない。

『ＲＳＳリーダー(2)』

このトコロ　週末も仕事をしていたが、今週末に限ってはちょうど仕事の切れ目で、思いがけず３連休になってしまった。　ちょっとは勉強もしたが、おおかた休みを満喫してしまった。　いいねぇ、連休って！　

さて、自分のサイトに　このココログのＲＳＳリーダーを埋め込んでみた（こんな言い方で正しいのか？！）。　…とは言っても、『MOON DAKOTA』というサイトの「RSS FeedをJavascriptでウェブページに表示」というページで、指示通りに入力すると、Javascriptのコードが発行されるので、誰でも簡単にできてしまうのだが…。
しかし、Ｗｅｂサイトにブログを導入するお店などが増えているので、これはかなり使えそうである。
良いモノを見つけてしまった。　作って下さった方、ホントありがとうございます！

日記029『メールフォームCGI』

それは勘違いから始まった…。

ちょっと意味ありげに書き出してみたが、なんの事はない、今日はてっきり『いしかわSOHOプラザ』主催のブログに関するセミナーがあると思ってて、朝から支度して地場産業振興センターに行こうと思っていた。
「１０時からだったよな？　念のため確認しよう」と思ったのが８時半過ぎ。　
いろいろ調べていたが、なんだかうまくたどり着けない。　それもそのハズ、セミナーは２日前に終わってました。　やっても〜た！

という訳で、ちょっと時間が空いたので、自分のサイトにメールフォームを付けてみた。
以前も付いてはいたのだが、それはレンタルサーバーのサービスでCGIに関してほとんど知識がなくても設置できるヤツ。
今回は、勉強も兼ねてシェアウエアのCGIを利用してみた。まあ、自分でプログラムした訳じゃないので大きな顔はできないが…。
この前のアクセスカウンターの一件で、パーミッションの設定の仕方が分かったので、わりとすんなり設置することができた。
これで、メールフォームのあるサイト作りを依頼されても大丈夫！（かな？）
いや、実は　今依頼されている仕事に必要だったのです。　いい実践勉強になりました。

さてと、そろそろ仕事の電話がかかって来るんじゃないだろうか？　ではこの辺で。

…おっと、肝心のメールフォームは、↓ここからアクセスしてみて下さい。
＜::【エクスワイジー】::　〜お問い合わせ〜＞　※お問い合わせフォームをクリックしてみて下さいね！

日記028『ちょっとした仕事』

先日、ある会社から『今日と明日のご予定はいかがですか？』という連絡があった。
何かと思えば、あるサイトをリニューアルする仕事があり、作業者が急遽対応できなくなったので、作業できる人を捜しているらしかった。
まあ、今後も仕事を請け負いたい会社だったので、引き受けてみた。　一応、デザインデータがあり、内容は現行のページから取って来ればいいという事だったので。

…が、確かにデザインデータは送られてきたが、jpgじゃん！　せめてpsdにして欲しいっす！
そんでもって、現行データには誤字が結構あったりしてね。　たとえば『陵』という文字が全部『陸』になっていました。　星陵高校出身者としては、ちょっと悲しかったです（…ウソです）。

まあ、そんなこんなでトップページ含め５ページを次の日の夕方までに仕上げました。
なかなかやるなぁ、俺！（自分で言うなっ！）
そんで、こういうイレギュラーの仕事って結構おいしいなぁ…。　今後もお願い申し上げます。
さて、Action Script の勉強の続きを…。

日記027『アクセスカウンタCGI』

風邪をひいてしまった。冬は良く風邪をひくのだが、夏は滅多にひかないのになぁ。やっと調子が戻りつつある。

…そんなコトはどうでも良く、タイトルの『アクセスカウンタCGI』について。
友達から、あるサイトにカウンターをつけてくれんけ？（金沢弁）という依頼があり、出来るかどうかわからんけど、やってみるわ（金沢弁）と答えておいた。
いろいろ調べ、試行錯誤したあげく、プロバイダーのサービス外で、用意してあるカウンターをつけておいた。
くやしいので、自分のサイトで合間合間にやってみていた。しかし、何故かカウンター画像が出てくれない。問題はパーミッションの設定ではなかろうか？　と推測したが、GoLiveでどうやって設定するの？　参考書に書いてないじゃん！　仕方がないから、windowsからデータをアップしてみたり（僕はMacユーザー）、Fetchを引っ張り出してもがいてみたが、どうしてもダメだった。
でも、さすがはインターネットだね！　わりとすぐ見つかった。（…というか、Adobeのページじゃん！　もっと早く調べろよ、俺！）

いやいや、カウンタ１つ付けるのに、こんなに苦労するとは思わなかった。
まだまだ道のりは険しいのぅ、ＣＧＩ！

日記026『再びAction Script』

今日は少し時間があったので、 この前買ってあった参考書を開き『Action Script』を勉強していた。もともと数学は嫌いじゃなかったのだが、高校から文系の僕にとっては『演算子』『代入』『変数』『関数』などと言う言葉が出てくる『Action Script』はかなりハードルが高いのである。
だいたい、
if (a >= 10){　//変数aの値が10以上ならば、
a = a/2;　　　//aの値を2で割る
}
なんのこっちゃねん！　『a』はいったい幾つやねん！
…頭の中でアホの軍団がダンスを踊りそうな程の訳のわからなさだ。
しかし、コレが数学。道理が分かると便利になるのだ。（たぶん）

おお、英語でしゃべらナイト！が始まってしまう。　では、この辺で。

日記025『ＲＳＳリーダー』

昨日、石川県産業創出支援機構で『ブログのここがスゴイ!ブログの魅力を徹底解説』というセミナーがあったので参加してみました。
ブログ、blogである。もちろんコレはココログだし、ブログなのだが、全然機能を使い切ってなかったんだなぁと思うコトしきりでした。
『トラックバック』もあんまし分かってないのに、『ＲＳＳ』って何？　まあ、聞いた事くらいはあるけど…。『メタデータ』『ＲＤＦ』『ＸＭＬフォーマット』なんじゃ、そりゃ？？？　というような感じでした。（少し大袈裟）
でも『ＲＳＳリーダ』というのは、とても便利なモノらしい。まあ、僕はMacを使っているので、リーダー自体　まだ限られたモノしかないのだが…。
ブログを用いる事でサイト作りが変わってきてるなぁ　と、うすうす感づいてはいたけど、ガラッと替わりそうな印象を受けました。
今まで、テーブルを組んでガチガチにデザインしてたけど、本格的にCSSを勉強しないとな。FLASHの勉強もしないとな。CGIの勉強もしないとな。　…人生、勉強ばっかりじゃ。

『にゃーっ』

日記023『住宅メーカーのWebサイト』

以前の記事で書いたのだが、週末に住宅メーカーのWebサイトを納品できた。
今回はメールフォームがあり、CGIは仕事をふってくれている友達の会社に作ってもらった。今後のコトを考えると絶対身につけておくべき技術である。
FLASHのaction scriptもまだまだ覚えなきゃいけないしな…。FLASHといえば、来週からWeb上でちょっとしたFLASHコンテンツを作る仕事が入った。
今後もこうやってなんだかんだと仕事が入って来ればいいのだが…。頑張らねば！

そうそう、肝心の住宅メーカーのWebサイトは…、
>>株式会社　中部ジェイ・シィ＜http://www.chubu-jc.com/＞さんです。
土地情報や建築事例紹介といったページは今後も頻繁に更新されますので、定期的にご覧いただくと、新しい発見があるかもしれません。お見逃しなく！

日記022『うどん屋さんのWebサイト２』

先日からサイトの制作を２つ抱えており、なかなかに忙しかったんですが、ようやく目途がついてきました。　１つは今週末に公開になると思われます。　いやはや、実際このペースで仕事をしていかないと生活できないんだろうなぁ…。　土日もなんもあったもんじゃないな…。

さて、以前の記事で書いていた『うどん屋さんのWebサイト』が先日公開となりました。
今回はトップページだけの制作だったので、実作業は３〜４日だけでしたが…。いしかわＳＯＨＯプラザの発注情報を見て、実際にアクセスして先方から連絡があった時は嬉しかったですね。
ご主人も気さくでいい方でしたし、何よりうどんがウマイ！　実はサンプルとして、いくつか商品をいただいて試食してみたのですが、すっかりファンになってしまいましたね！　たくさんいただいたのをすべて食べ尽くして、この前も買いに行ったくらいですから。（おまけしてもらいました。　ありがとうございます！）
今後はご主人自身がサイトの運営をしていくという事なので、頑張って欲しいと思います。　私めも微力ながら力になれればと思っております。

さて、引っ張ってしまいましたが、気になるそのうどん屋さんは…
山の上町にある『鶴一屋』＜http://www.e-udonya.com/＞さんです。　自慢の手延べ製法で作った『半生うどん』のツルツルスベスベ感はたまりません！　とてもキレイで明るいお店なので、お店の方にも一度足を運ばれたら…と思います。

以上、今回は２つの記事をお届けしました。　さて、『ガキ使』見て寝よう。

日記021『CSS』

今、とある住宅メーカーのWebサイトを作っている。先週の土曜日から１週間あまり、なんとか目途がたってきた。あと１〜２日程で第一弾は提出できるだろう。
今回、自分なりの課題は『脱、テーブル』である。…とは言ってもテーブル自体は組みます。表を作って罫線を描く時に、今まではテーブルを入れ子にして作ってたのだが、今回はCSSで作ってみている。
罫線だけでなく、背景やリストの行頭など、いろいろ試してみている。
WinとMac、各ブラウザ、そのバージョンごとに確認するのが手間だが、使いこなせれば結構便利になってくるハズである。今現在でもその効果をかなり実感しているし。
まあ、今はGoLiveの機能に頼ってしまっているが。今後はソースだけでも組めるようになりたいモンである。道のりはまだまだ遠いか…。

日記019『アクセス解析』

１週間ほど前からinfoseekのアクセス解析サービスを使っている。無料だと広告が入ってサイトの見た目がよろしくなくなるので、思い切って有料版にしてみた。（いや思い切る程のコトでもないかもしれないが…）
しかし、これが結構面白い。「何処でこのサイトを見つけてくれたのか？」「前回は何日前に訪れてくれたのか？」「どのページを見て行ってくれたのか？」等々、いろいろ分かってしまう。まあ、まだまだ１日に数える程しかお客さんは訪れてくれないが…。

そうそう、今度は住宅メーカーさんのWebサイトを作りはじめるコトになった。はじめるというか、とりあえず１０日くらいである程度作ってしまわなければならないのだが…。今度はメールフォームがあるしなぁ…。ちゃんとできるだろうか？

日記018『FLASHでテキストスクロール』

連休の間、自分のサイトを改良していて、１つ課題があった。FLASHでテキストをスクロールさせるコトだった。
Ｙ氏はインターネットで調べた。そして本屋で立ち読みもした。ついには家にある参考書を読み返し、なんとかカタチにはした。
しかし、当初の計画ではボタンを押し続けるとスクロールし続けるようにしたかった。今のままだと不便だというコトに気付いていた。
♪風の中のス〜バル〜ッ…（ｂｙプロジェクトＥＸ）

…つーか、こんなコト書いてないで、もっともっと勉強せねば！

そうそう、この前までユナイテッドシネマ金沢で、ロード・オブ・ザ・リング『旅の仲間』から『王の帰還』まで、スペシャルエクステッドエディションで上映されていた。この機会を逃すまいと観てきたのだが、やっぱりこの作品は偉大だ。そしてスンバラしい！
これを企画してくれた映画関係の方々、そしてＮ嶋氏、ありがとう！！

〜腹がつっかえてペロペロできん！〜

日記017『サーバーサイド』

自分のサイトにメールフォームを作ってみた。…とは云っても、サーバーが提供しているモノを組み込んだだけなのだが。まあ、何はともあれサーバーサイドプログラムを利用できるようになるための第一歩だ。

【ex.Y'z／エクスワイジー】Webサイト
よろしくお願いしま〜す！何卒！！

日記016『うどん屋さんのWebサイト』

近頃はうどん屋さんのWebサイトを作っている。…とは言っても今回はTOPページだけなのだが。信用をえて、今後いろいろと作らせてもらいたいモノである。

しかし、仕事をもらったから云う訳じゃないが、此処のうどんがウマイ！こだわりの手延べうどんなのだが、舌ざわりといい、しっかりとした食感といい、ホントにウマイ！！お店の雰囲気も品良く和風でオシャレにまとめられていて、心地良いです。
サイトが完成したら、ちゃんと宣伝しますが、今回は下の写真でご勘弁を。
※ちなみに販売オンリーなので、お店でうどんは食べられません。

日記015『Webサイト作成な日々』

今までパチンコやパチスロのキャラクタ制作というか、ゲーム画面制作というか、まあそんなコトをやっていたのだが、最近はWebサイト作成に方向転換しようとしている。
いろいろと勉強しなきゃいけないコトもあるのだが、いざ仕事が入るとそれに付きっきりになってしまって全然時間がなくなってしまう。
パチンコをやってた時（注；パチンコではほとんど遊ばない）もそうだったけど、早い段階から細部にこだわり過ぎるようだ。…で、結局いろいろと凝りまくったあげく、シンプルなアイディアに戻るというコトをやってるから、すぐ時間が足りなくなる。
RPGでも全部の部屋を探さないと気が済まない質だしなぁ…。そんな性分である。
たま〜に、極たま〜に空からアイディアが降ってくるように閃くコトもあるけどね。

…というか、なんだこれは？！　グチか？？　日記か？？？
まあ、しばらく更新してなかったんで更新してみました。
そうそう、下が現在制作中のサイトの１つです。これを読んだついでに訪れて見てってくだされ。

＜金沢コミュニティシネマ推進委員会＞

日記012『Webサイト作成』

前にも少し触れたが、今自分のWebサイトを作ってます。
一応、パソコンを使って絵を描くという仕事もしてきたし、デザインの勉強を大学時代にかじったので、あんまりWebデザインの勉強をしてこなかった。
何となく必要なトコロだけ拾い読みでなんとか作っていました。
最近ようやっと『Webデザインとは？』みたいな本も読み出している。
そうすると、なんだか今作っている自分のサイトが自己満足のマスターベーション的なモノに思えてきてしょうがないのであるが…。
まあ、自分のサイトなので、目新しいコトや思い付いたコトをやってみる実験的なモノにしようとは思っている。
しかし、もっともっと勉強しなきゃいけないなぁ…。
CSS、ActionScript、CGI、PHP…。
とりあえず、フォームなどサーバーサイドプログラムを組み込んだサイトまで作れるようになりたいなぁ。
道は遠いぜ。

〜接吻？！〜
♪な〜が〜く　あ〜まい〜　口づけを交〜わすぅ（ｂｙオリジナル・ラブ）

日記011『ActionScript』

いやいやいや、今、仕事用のwebサイトを作っているんですが、ActionScriptが分かりません。
参考書通りに作っているんだけど（…というかほとんど丸写し）、上手く動かないんだよなぁ。
…という訳で作業がなかなか進みません。
自分の分かる範囲で作り直してみるか。

『わしゃ、もうねるで〜』

日記002 『バーチャルショップ道場』

今日は石川県産業送出支援機構主催の『バーチャルショップ道場／レベルアップ＆CGIコース』を受講してきた。
いやいや、いろんな人がいるモノだ。
農家の方、時計屋さん、マッサージの方、アルミで手すりなど作っている方、酒造所の方…。
みなさん実店舗があり、ネットを使ってさらに業績アップを図っている方達だ。
普段生活しててもなかなかそういう方々とは出会えないので、かなり有意義だった。
ただ、僕はショップを持っている訳でもなく、今回初めて講座を受講したので（前に４回行われている）、気後れしてしまったが…。

で、本題のCGI。
niftyでは自作のCGIを許可しているので、レンタルサーバーを用意しなくてもいいと思っていたのだが、『sendmail』は許可されてないようだ。
う〜ん、どうしたモノか…。
レンタルサーバーを借りなきゃいけないかな。
実際にプログラムは組めなくても、WebにCGIを埋め込むくらいの知識は得たいしなぁ…。
CGIが許可されてて、比較的安いレンタルサーバーでも探してみるか…。

おっと、ホントに独り言だ。
こんなの読んで誰が楽しいんだ？！

…今ＴＶで『アリーｍｙラブ』をやっているが、結構下ネタ満載だ。
個人的にはクッキーちゃんの不思議さ加減が大好きだ。

おっと脱線だ、脱線しちゃったね、脱線だょねぇ。
でもねぇ、脱線はいいけど惰性で生きちゃ駄目だねぇ。
これ僕のポリシーよ、惰性で生きちゃだめ、これ僕のポリシー。
上手い事言った 上手い事言った
（ミスチル／友とコーヒーと嘘と胃袋　アルバム『Ｑ』より）
…なんのこっちゃ！！

いや、ホントすいません。
う〜ん、これで良いのか？！　俺のココログ…。