メイン

カテゴリー:Webデザイン


2011年10月26日

石神彫刻工房

 石神彫刻工房へ。

111026
 石んこを彫る正司さんは石彫りの事でわからないことがあると何でも教えてくれる石彫りの師匠でもあり友だちでもある。
 サイトのリニューアルの仕事をいただいて今日、納品にうかがった。これからは自分たちで管理も更新もするようにしたいんだけどできる?と相談されてからずいぶん時間がかかってしまった。今日は実際に更新作業を担当される奥様の講習会も。PhotoshopとIllustratorで作った自作の更新管理マニュアルを渡して普段使っているパソコンで更新作業をしてもらう。(人のPCでやるのと自分のでやるのとではその後の作業と理解に雲泥の差が出る)カンが良くてスイスイ出来てしまい小1時間で終了。
 体が元気になっておいしい奥さんのマクロビの手料理の昼食をごちそうになる。手伝いに来ていた健太郎さんも一緒に。このせっかくの楽しい幸せな時間もついつい放射能の話にならざるをえないのが最低。どんなひどい話でも最後には希望の光を感じつつ終えることができるのにこの問題だけは希望の光を見つけられないまま終わるしか無いのが本当に最低。
 大きな仕事場で制作中の作品をみせてもらったりいろんなオススメ道具を見せてもらったり健太郎さんのエアーでの仕事を見せてもらったり(エアーツールも独学なので人の仕事を見せてもらうと勉強になる)ツールセットをいただいたりして(ありがとうございます!)あっという間に楽しい時間が過ぎてゆく。
 夕方来て一緒にお酒を飲んで泊まっていけば良いと言っていただいたのに諸般の事情が許さず本当に残念。泣きながら(笑)帰る。

111026
 いつもおいしいパンのお土産をいただいて帰る。奥さんの焼くパンはほんとうに美味しい。(石神バーバのブログはこちら
 来年のカレンダーも何冊もいただいた。全て奥さんが一眼レフで撮った作品の写真で作られています。そしてなんと驚きの500円!石神彫刻工房やサイト、仙台の方ならこけしのしまぬきでも売っているそうです。どうぞ。

111026
 夕食にお土産にいただいたマクロビの煎り玄米のハンバーグ(もちろん肉無し)おいしい!

なんかいろいろありがとうございました。
僕がリニューアルを手がけさせていただいた石神彫刻工房のサイトはこちら。これだけボリュームのあるサイトですがWebにそれほど慣れていなくても、できるだけ簡単に更新できるように作ったつもりです。
Webを製作する個人や会社は数多あるでしょうが、僕は石彫りの気持ちを一番わかる作り手を自認しております。自分で石彫ってるんですから・笑

2010年6月 2日

Flash問題 その後

 Flash問題が今朝解決したので個人的な備忘録としてエントリー。昔作ったFlashファイルがCS4で開けなくて困っている、という方にのみもしかしたら役に立つかも知れません。

 MacのバージョンはLeoard(10.5.8)。そろそろSnowLeopardに移行したいのだけど、サイトのTOPページのFlashがMX以前なら開けるけれどCS4だとファイルを開け無いどころかCS4自体が落ちてしまう。少しづつ手を入れながら使ってこれからも使おうと思っているのでファイルを開けなくなるとリンクの書き換えすら出来なくなって個人的には大問題。FlashのバージョンがMXなら開けるがSnowLeopardにOSをバージョンアップすると今度はMXが起動しない。(※追記:起動しました)時間をかけて作ったアニメだけでも読み込めないか変換作業などを時々試みていたけど進展無し。八方ふさがりで困っていたが今朝、早く目が覚めてしまったのでライブラリのアイテムの中に悪さをするファイルがあるのかもとMXで開いてアイテムを少しずつ消してCS4で開けるか試す、といったテストをしてみた。とあるトゥイーンを消すとCS4で読み込めることが可能なことが判明して喜んだが、ActionScriptもかかってないしどう見ても悪さをするファイルに思えなかった。でいろいろやっていたらCS4で開けなかったファイルを開く方法が見つかった。ファイル自体を読み込まずに「ファイル」→「読み込み」→「外部ライブラリ」でライブラリを読み込む。以前何度か試して読み込めなかった気がするのだけど今朝は普通に読み込めた。そして「ファイル」→「読み込み」で今外部ライブラリに読み込んだ直接読み込むとCS4が落ちてしまうファイルを指定。すると「他のウィンドウですでに開かれています」とのメッセージ。(この無駄な行程を一度行わないとファイルが読み込めない。そして次に)ここでライブラリウィンドウを閉じ「ファイル」→「開く」で開いてみると何事もなかったかのように開いた。(この数ヶ月、時々時間を作っていろいろやっていたのは何だったのだ。。。)原因が特定できてないので根本的な解決ではないのですが同じように困っている人は、一度試してみる価値有り!です。万が一の時にFlashMXを立ち上げられるように起動可能な別ボリュームにLeopardを残せばこれでやっとSnowLeopardに移行できそうだ。

 と喜んでこのエントリーを書いてFlashCS4を終了したら二度と立ち上がらなくなった。ターミナルまで使ってやっと復旧。高価なソフトなのに問題がありすぎ。しかもバージョン間での互換性のひどさたるや。ちなみに起動しなくなった原因は外部ライブラリを読み込んでそのまま終了したからのよう。昔のファイルをやっと読み込めて喜んでソフトを終了するとソフト自体が起動しなくなるという最悪の事態になるので必ず読み込んだ外部ライブラリのウインドウを閉じてから終了してください。これで次回も起動するはず。またすでに起動しなくなってしまったらFinderでFlashCS4を開き Adobe Flash CS4.app 右クリック→「パッケージの中身を表示」→「Contents」→「MacOS」→「Adobe Flash CS4」をクリック。ターミナルに続いてFlashが起動すると思うので開いたままの外部ライブラリウィンドウを閉じて終了しターミナルも終了。

 同様の手順を踏んでも落ちることがあるし挙動は不審。この問題、根が深いな。

(このエントリー、個人的な備忘録です。同様に試す場合は自己責任で)

せっかくなので昔のTOPページを音の無いバージョンで小さく掲載。(アニメも動きます)リンクはもう無いページもあるので、無事開いたCS4で全てトップページに張り直してみました。アニメ一生懸命作ってたなぁ、この頃。GuestBookって項目がわずか数年前なのに時代を感じさせる。GuestBookと掲示板はサイトの必須アイテムだったんだよ、ついこの間まで・笑

















このページのコンテンツには、Adobe Flash Player の最新バージョンが必要です。


Adobe Flash Player を取得







2009年7月25日

Paparazzi 0.5b6J

 梅雨の雨の間、家で集中的にサイト制作し完成したので使い方や管理のマニュアルを作っていた。わかりやすく説明するにはスクリーンショットを撮りまくって解説しなくてはいけない。そんな時いつも使っているソフトは"Paparazzi"というソフト。アドレスを指定するだけで画面だけを自分の好きなサイズに撮ってくれる。ただひとつだけ難点があってパスワードを打って入っていかなければいけない画面のキャプチャはアドレスを指定するだけで撮る、という仕様のためパスワードを打つすべが無くスクリーンショットが撮れなかった。そんな時は仕方が無いので MacOSXデフォルトの、[shift]+[command]+[3]で画面全体、[shift]+[command]+[4]で画面を任意の部分で切り取り、[shift]+[command]+[4]+[space]でアクティブなウィンドウを撮影する、と使い分けたり、マウスポインタを画面に映し込ませなくてはいけない時はユーティリティーに入っているグラブのタイマー撮影でマウスも一緒に撮していた。ただこの方法だとブラウザなどの不要部分をフォトショ等でいちいち切り取らなくてはいけなくて面倒だった。今日もしかしたらバージョンアップしているのではないかと"Paparazzi"のサイトを覗いてみたら欲しい機能を全部使えるようななったバージョンアップをしていた!これは便利。プリセットの画面サイズを指定しアドレスを指定したら右上のボタンを押すだけ。いいキャプチャ画像が撮れたら右下のボタンをおして保存。問題のパスワードを打たないと入れない画面などのキャプチャはそのページに移動して左下の手のマークをクリック。キャプチャ画面が普通に操作できる画面に変わるので操作するだけ。すごい。ちなみに以下はそうやってこのブログの管理画面をPaparazziで撮っているところ。(クリックで拡大)

 このソフトを使えばこのブログのような縦に異常に長い画面も一発。何枚もスクリーンショットを撮ってPhotoshopで繋げる必要もない。しかもフリー。ありがたい。本当いいソフトです。(ダウンロードはこちらから
 しかし最近、Dreamweaverは補足的に使うのがほとんどでメインでサイト制作することが無くなった。管理は今でもこれだけど。変わって一番使っているのはきっと"CSSEdit"。定番中の定番ソフトだけどCSSを見ながら作業できてこれ以上使い勝手が良いソフトを知らない。有料だけど値段以上のソフト。"Xyle scope"も買って使っているけど"CSSEdit"を使い出したらほとんど立ち上げることもなくなってしまった。もうひとつの大事な相棒は"Free Ruler"これで計算通りの大きさできちんと表示されているかを測ってます。便利。

2007年10月24日

Feed2JS

 仕事のサイトにRSSで最近のブログのエントリーを表示しようと思い"Feed2JS"というツールを導入した。エントリーの文章を何文字まで表示するとか細かなセッティングができて便利。だが、いざ導入するとOSやブラウザによって文字化けがでてしまい困っていたところこのエントリーに助けられた。備忘録としてメモ。

2007年2月15日

XHTML

 今後の「標準」にむけ忘れないようWebページ制作個人的メモ
・アンカーは"name"ではなく"id"に変更(ただし過渡期的に併記)
・iframeは廃止。使用しない。
・別窓 target="_blank" は使用しない。個人的にも別窓はうざい。自分で自由にコントロールできるんだから。
・全て小文字
・入れ子の順序
・閉じタグの無い場合は <br /><img - - - - - />のように/を使用。/の前に半角スペース。

検証サービス
W3C HTML Validation Service
W3C CSS 検証サービス
Another HTML-lint gateway

2007年1月29日

新しい会社と新規サイト

 近々、立ち上がる会社のための新規サイトを制作中。
 XOOPS Cubeも試しているのだけどWeb2.0の時代にTABLEタグでページを組むのに少し抵抗がある。でも、いろいろコンテンツが増えそうなのでモジュールを増やしていけばいいCMSは魅力的。販売ページも作るのでカートシステムもモジュールで手にはいるし。
 TABLEタグを排したCSS+XHTMLでも手打ちでテストページを制作中。そうなると販売ページのカートシステムはレンタルか。自前でがんばろうかと思ってZen CartをインストールしてみたもののMax+Safariで表示が大きく崩れてしまうので本採用に踏み切れない。
 とまあ楽しんだり苦しんだりして苦労してますが会社が実際に立ち上がり、新規サイトが完成した折には、ここでもお知らせしたいと思います。というのもその会社の立ち上げメンバーのひとりなのです、私も。

2007年1月27日

Xyle scope

 CSSの最終チェックに使っていた、Xyle scopeの無償体験期間が過ぎてしまっていた。インポートで何枚かのCSSファイルを読み込んで作成しているWebページでも直感的に作業できるので英語版しかないんだけどCSSの構造がわからなくなってしまったときなんかに起動しては助けてもらっていた。カスケーディングスタイルシートという滝のように下に下に流れていく構造でもどこを作業しているのかがよく見えるのでありがたい。で結局、昨晩購入した。クレジット支払いのkagiサイトが日本語になっていたのも衝動買いをしてしまった理由のひとつ。なかなかいいですよ、Xyle scope
07012702.jpg

2006年11月 3日

Lightbox JS v2.0

 flickrのような写真が多いサイトでいちいちページを移動しなくてもすむfirefoxのアドオンで"Greased Lightbox"というのを重宝して使っているのですが(flickrのProアカウント取得などの)画像をたくさん使う説明ページなんかに有効に使えそうなのでLightboxをblogにも実装しました。拡大画像がポップアップで大きく表示されるのは同じなんだけど見やすさはかなり違うのではないかと。どお?(個人的にメモリアルなflickrに最初にアップした愛犬「小春」の写真を使ってみました)
06110301.jpg

2006年9月28日

動くお気に入りアイコン

 今日、flickr友達のサイトを見ていたら、動くお気に入りアイコンに出会った。ブラウザで読み込んだときにサイト専用のアイコンを表示させるのがお気に入りアイコン(favicon.ico)。僕も自作してますが動くのは初めて見た。icoファイルはgifのように動画にできないしどうやってるんだろう。最近のブラウザはもしかしたらicoファイルじゃなくてもお気に入りアイコンにできるのだろうか。もし知ってる人がいたら教えて欲しい。

2006年7月 8日

Web標準の教科書

 ウェブサイト納品してから買うのもどうかと思うけどずっと立ち読みで我慢していた本を買った。とにかく面白い。
Web標準の教科書―XHTMLとCSSでつくる“正しい”Webサイト

2006年7月 6日

初めてのXHTML1.0

 タグを打ちまくって新規サイトを納品した。お客さんのご要望は来週頭だったのでなんとか間に合った。もう少しブラッシュアップしようと思っているけど。XHTMLとCSSで作成した初めてのサイト。
 慣れ親しんだテーブル(表)は使用不可。(もちろん表にはCSSで見栄えを調整してテーブルを使用してます)フォントタグも不可。改行もできれば将来的には使用しない方がいいみたいだけどこれは使用。
 各種参考書、雑誌を読んだけど役に立つのとそうでないものの差が激しい。身近にサイト制作に挑戦している人がいるのでとても役に立ったものを再掲しておきます。

 それと、さっき知ったんだけどこのサイトで手に入る"Webアクセシビリティ・ツールボックス"と"Web Developer 日本語版"すごい。タグの手打ちするときはブラウザで表示確認してはまたタグ打っての繰り返しだからブラウザで例えばdiv枠だけ囲ってくれたりするのはものすごく重宝。今までBookmarkletなんかを使ってたけどこれはすごいや。しかもフリー。ありがとうございます。

さあ、今度は石彫りだ。

続きを読む "初めてのXHTML1.0" »

2006年6月30日

タグ打ち再び

 依頼を受けていたウェブサイトの納期が来月上旬に急に決まり連日タグ打ちの日々。
 生まれて初めての自分のホームページを作った2000年は半年もの間、ろくに寝ずに食事とトイレと2,3日おきの風呂に入る時間以外の全ての時間をさいてHTMLデザイン辞典を手にエディタでひたすらHTMLタグを手打ちしていた。
 そして世の中にはホームページビルダーやDreamweaverが登場してもう二度とタグの手打ちをすることなんか無いだろうなぁ、世の中の進歩って早いなぁ、すごい、すごいなんて思っていたら。
 世の中は Web2.0なのである。あれだけ必死にやってマスターしたテーブルを使ったレイアウトは今となっては御法度なのである。フォントサイズも透明gifをスペーサーに使うのも全部駄目。今はXHTMLでマークアップしてスタイルシートでデザインしなければいけないのである。CSSだってimportさせておいてさらにコンポーネント化された複数のCSSファイルを読み込ませるのである。
 と。DreamweaverMXではインポートしたCSSファイルを読み込んだようには作業ウインドウに表示してくれない。なのでDreamweaverは使っているもののコードビューの表示でほとんどエディタのようにして使用。(画像の挿入やサイトウインドウだけは重宝しているけど)結局6年前のようにタグをエディタやDreamweaverのコードビューで手打ちしてはマックとウィンドウズの各種ブラウザで表示確認の繰り返し。正直、タグの手打ちをまたするとは思わなかったなぁ。
 テーブルを使ったレイアウトになまじっか精通してしまったのでテーブルを完全に捨ててCSSだけでレイアウトする方法に移行するのは正直かなり大変だった。そのために本や雑誌もずいぶん読んだ。でも来月上旬の納期には間に合いそうだ。いや、間に合わせる。

2006年4月16日

スタイルシート

スタイルシート スタイルブック サイト制作の仕事がぽつぽつ入ってきたので先延ばしにしてきたスタイルシートでのレイアウトをきちんと勉強することにして買い置きのWebデザインの雑誌やスタイルシートの本を読んでいた。

速習Webテクニック スタイルシート 上級レイアウト ご多分にもれず僕もテーブルのデザインにちょっと自信があっただけになかなか捨てきれない。一からCSSでレイアウトしたことはなくMovableTypeのスタイルシートをカスタマイズするくらいでお茶を濁してきた。実践書も購入。

Illustratorの基本すべて覚えてますか? ついでに本屋で面白いIllustrator本を見つけて衝動買い。知らなかったTips満載で面白い。


 家をカミさんと作ったばかりでどうしても気になる本があって我慢してたんだけど、結局amazonで購入。「二人で建てた家」田園で暮らし始めた頃に同じ鶴田静さんの本「田園に暮す―Living the Organic Life
」を買ったのはもう10年以上前だ。あっという間だなぁ、10年。

2005年9月 7日

お百姓さんクイズ

午前中「Web Magazine あぶくま農学校」の更新に出かける。前回のお百姓さんクイズは期間が短かったせいか応募が少なかったみたいです。簡単なクイズに答えて僕の住んでいる米どころのおいしいお米「ひとめぼれ」がもらえます。”お百姓さんクイズ”にチャレンジしてみてはいかがですか!

2005年4月27日

Zoomifyer EZ の使い方

以前に zoomify についてエントリーしたことがあるんだけど使い方について教えて欲しいとのメールをもらいました。他にも興味を持つ人がいるかわかりませんがこちらにやり方をメモしておきます。Windows版とMac版の両方があります。説明はMac版ですがWindows版でも変わらないと思います。
zoomify とは大きな画像も小さく分割し拡大、縮小、移動等のボタンを組み込むことでインターネット上でもブラウザからストレス無く見ることが出来るようにするというものです。(我家の前の風景
画像の一部が隠れてしまいますがフリー版があります。(制限の無い有償版も有り)

続きを読む "Zoomifyer EZ の使い方" »

2005年2月28日

虹の園

 新規サイトを納品した。足掛け2年半。納品後は先方で更新管理をされるということでシンプルに作らせていただきました。
 帰り際に理事長さんにカレンダーをいただいた。原料のケナフを栽培し紙に漉きシルクスクリーンで刷る、全てを自分たちでやって作られたもの。
050228.jpg

2004年7月29日

リニューアル

このサイトのメインコンテンツのはずだった僕の作品紹介のページですが、サーバー移転に伴いずっと工事中だったのを今日、ほんの少しリニューアルして公開しました。

続きを読む "リニューアル" »

2004年7月24日

zoomify

面白いもの見つけました。
大きな画像もswfファイルを介して軽快に見られるようにしてくれる、というもの。

続きを読む "zoomify" »

2004年7月10日

エラーマネージメント

エラーページもリカバリーしました。(けーきさん、情報ありがとう
東京行くまでに彫刻のページもリニューアルするつもりだったけどタイムアップ。
仕事のページがまだでエラーのページ作ってるなんて本末転倒なんだけど・笑
そろそろ出かけよう。もちろん投票は月曜日に終わらせてますよ。

http://www.tamaky.com/sonnape-jihanaiyo
メールアドレス表記もスパム対策してみました(ソースみればわかります)

2004年6月 2日

J-naviが繋がらない

僕は自分のところ問題なく見ることができるんですが見られないとの報告をまだいただいてます。ごめんなさい。
僕と同じくJ-naviのサーバーを使ってる知り合いのサイトも昨晩あたりからほぼ全滅みたいで。
特に接続OCN+サーバーJ-naviだといけませんねぇ。
やっぱりナウでヤングな人間になれってことでしょうか。
それはともかく午前中はWebの打ち合わせで「角田土地改良区」「あぶくま農学校」
「あぶくま農学校」では今年度のお百姓さんクイズが始まりました。角田のおいしい「梨」を食べてみたい人は挑戦してみてください。
クイズは(田舎の人には)馬鹿にするなってくらい簡単ですから。

2004年5月17日

あぶくま農学校

今年度もあぶくま農学校のサイトの更新管理をさせていただくことになった。ありがとうございます。午後、その旨のメールをいただいたので早速更新作業にでかける。

続きを読む "あぶくま農学校" »

2004年4月14日

TOPページ

TOPページの項目が多すぎるのを直そう直そうとずっと思ってたので少しだけ修正。
いやがられることも多いのだけどFlashに音もつけてみた。

2004年3月31日

前金

午後、新規サイトの2回目の打ち合わせに出かける。

続きを読む "前金" »

2004年3月12日

ペンタブレット

WACOMのドライバ (V4.79-2Jxmi(MacOSX専用)) をダウンロード。
使っているのは"FAVO"だけど細かく設定出来る"Intuos"のドライバを使っている。

続きを読む "ペンタブレット" »

2004年3月11日

NASA

連日、集中して新規サイトの制作。

続きを読む "NASA" »

2004年2月18日

お知らせ

午後、制作管理させていただいているあぶくま農学校のサイトの更新にでかける。
今日の更新はプレゼントのページ
超簡単なクイズで、おいしいお米があたります。
年度末で締め切りまで1ヶ月弱しかないので、いつもよりあたる可能性大です。
もちろん僕が抽選する訳ではないですが、興味のある方は応募してみてください。

制作開始

午前中、法人の新規サイトの打ち合わせ。
2年越しで打ち合わせしていた。
なんとか方向性が見えてきて実際に制作にとりかかれることになった。

2004年2月 5日

打ち合わせ

午前中、新規サイトの打ち合わせ。
最初の打ち合わせから2年越し。

続きを読む "打ち合わせ" »