2007年9月アーカイブ

uniqlomixer's photos / Tags / fukui

mathatelle (2007年9月30日 21:34) | コメント(2) | トラックバック(0)

flickrで"fukui"タグの付けられた写真のFEEDを購読しています。

いつものようにウォッチしていたら、東尋坊でジャンプをしている人の写真が流れてきました。UNIQLOの新しいキャンペーンですね。

どの店員さんがジャンプしてたんだろ？と、ユニクロでチェックしたくなりますね。これはうまい。

* * *

はてなダイアリーの方にも貼ってありました。

[満席となりました] ふくいWebデザイン塾〜XHTML＆CSS コーディングスキル習得コース〜

mathatelle (2007年9月26日 22:13) | コメント(2) | トラックバック(0)

先日ご案内させていただいた、ふくいWebデザイン塾〜XHTML＆CSS コーディングスキル習得コース〜。

みなさまにご紹介いただいたおかげをもちまして、定員12名のところ、16名のお申し込みをいただきました。ありがとうございます。

増席をしまして、16名の方に受講いただけるようになりました。

期待に応えられるよう、しっかり準備しなきゃ。

#今年度中に、もう一回同じカリキュラムの講座を担当するかもしれません。決まったら告知しますね。

#水面下で計画中の素敵な講座の話も耳にしました。これは僕も受講したい。支援センターの講座は今後も要チェックですよ〜。

相関図ジェネレータやってみたよ

mathatelle (2007年9月26日 11:31) | コメント(0) | トラックバック(0)

相関図ジェネレータ、面白いです。
http://seoi.net/sokan/

こうなりました。

自家製ジンジャエールを作ってみた [beta4]

mathatelle (2007年9月24日 19:13) | コメント(0) | トラックバック(0)

iPod touch すげーっす

mathatelle (2007年9月23日 17:04) | コメント(0) | トラックバック(0)

safariすげーっす。指でくいくいっと操作するのが楽しい。学習しなくても経験で操作できるUI。すげーっす。音楽とビデオの再生機能がなくっても構わないってくらい、すげーっす。

やたら和風な部屋で撮影してる情景を想像するだけで楽しい。

mathatelle (2007年9月20日 16:13) | コメント(2) | トラックバック(0)

あーーー、笑いつかれた。

「ブログでQ&Aページを構築」のススメ

mathatelle (2007年9月19日 12:46) | コメント(0) | トラックバック(0)

会社サイトにQ&Aのページ「とあるご質問とその回答」をつくりました。

1年間会社をやってみていただいたご質問やこれからいただくご質問を整理して、順次公開していく予定です。

通常こういったQ&Aは

FAQ (Frequently Asked Questions)：「頻繁に尋ねられる質問」「よくあるご質問」

とラベリングされますが、うちみたいな小さい会社だと頻繁に受ける質問も少ないのです。どちらかといえば「ごくまれに尋ねられる質問」になります。かくして

RAQ (Rarely Asked Questions)：「ごくまれに尋ねられる質問」

さらに超訳して「とあるご質問」となりました。

* * *

FAQとブログのシステム（Movable Type や WordPress）は相性が良いです。

・「質問」と「答え」を、ブログの「タイトル」「本文」に入力してもらえば良い。（フィールドのカスタマイズがいらない）
・情報探索の際、ブログの検索、カテゴリ、タグといった機能を使える。（ブログが元々持っている情報探索機能を使える）
・ブログほどの文章作成能力を問われないので、コンテンツ作成がやりやすい。
・実際にあった質問に回答すれば良いので、ブログほどネタ探しに困らない。
・サイト内のページ数を自社でどんどん増やせるので、次第に検索エンジンに最適化される。（専門的なキーワードがサイト内に増えるから）

整理してみると、メリットがいっぱいです。やらないのは損！

「ブログを開設したけど、書くのは難しいね・・・。」とお困りの企業サイトの担当者さん。まずFAQでコンテンツ制作に慣れてみる、というのはなかなか良い作戦だと思いますよ。ブログ内に「よくあるご質問」カテゴリを設ければ、すぐにでも始められます。

弊社の場合、会社サイト内にブログを設けてないので、ブログのようなネタも混ぜながら更新しています。

朝7時前にメールが来ることがありますが、何時から仕事してるの？

自分自身が更新を楽しめるようなルール（弊社の場合、たまにはおちゃらけもOK）をつくると、更新作業が習慣として定着しそうです。

よせもら：おひょほひょひょひょ（口のあたりが）

mathatelle (2007年9月15日 00:09) | コメント(0) | トラックバック(0)

アハ体験をしてもらおうと思ってデザインしたのに、0.5秒で「わかった」と言われてしまいました。

答えはこちら

広いのが好き

mathatelle (2007年9月14日 23:06) | コメント(0) | トラックバック(0)

ふくいWebデザイン塾〜XHTML＆CSS コーディングスキル習得コース〜

mathatelle (2007年9月14日 15:31) | コメント(0) | トラックバック(0)

会社で実施している寺子屋プロジェクトから「Web標準に準拠したXHTML・CSSコーディング初級編」が、ふくい産業支援センターのIT研修として採用いただくことになりました。

「Web標準に準拠したXHTML・CSSコーディング初級編」はベータ版として2006年と2007年に1回ずつ開講してきました。施設の問題（社内でやっているので一度の受講は5人が限度、受講生はノートPC持参）や集客の問題（知人が主な参加者）があって次の展開をどうしようかなぁと考えていたときに、センターの研修担当大木さんからお声をかけていただきました（多謝）。

内容は、過去2回の講座後、受講生の方にいただいた意見を反映した、ブラッシュアップしたカリキュラムとなっています。これまでは全12回でしたが、今回は総時間数据え置きでの全6回に。より集中して学んでいただけるようになっております。

ふくい産業支援センターのIT（パソコン）研修: ふくいWebデザイン塾〜XHTML＆CSS コーディングスキル習得コース〜

もう一度正しく学ぶ、Web制作の基礎。

Web制作者（またはそれを目指す方）を対象とした、XHTML&CSSコーディングスキル習得コースです。Webをさまざまな環境に対応させる基準となる「Web標準」を習得するために、「XHTML＆CSS」の技術を学習します。先端の基礎技術を正しく学ぶことは、応用力への飛躍力をつけること。初心者の入門編として、または経験者の「基礎固め」として最適です。

受講費用

受講料：16,000円, テキスト料：2,520円

定員

12名

開催期間

平成19年 10月11日、18日、25日、11月8日、15日、22日 19:00〜21:30

会場

福井県産業情報センタービル　パソコン実習室（坂井市丸岡町熊堂3−7−1−16）

講座内容

イントロダクション、ワークショップ

Webデザイナーに必要な知識

Web標準とは〜XHTML, CSS, javascript それぞれの役割〜

制作の際、便利なツール（Firefoxエクステンションなど）の紹介

[ワークショップ] 身近なデザインから「文書構造」と「視覚表現」を抜き出してみよう

コーディング演習1

XHTMLの書式と構造

head要素に記述する文書の基本情報について（title要素、meta要素など）

CSSの書式

CSSでテキストの見栄えを変えてみる（サイズ、太さ、色、など）

[演習] CSSによる見出し, 本文のデザイン

コーディング演習2

XHTML: 本文の構成要素（見出し、本文、リスト、表組み、など）

CSSでレイアウトの見栄えを変えてみる（余白、枠線、背景の設定など）

[演習] CSSによるレイアウトの基本

コーディング演習3

div要素の使い方〜id属性、class属性について〜

CSSによる段組レイアウト（2段組、3段組）

[演習] CSSによる段組レイアウト

実践課題 CSSでブログをデザイン！

Movable Type 4 について

[演習] CSSによるブログのデザイン　※講座の時間外でも、演習が可能とします

実践で使えるTipsとまとめ

javascriptライブラリを利用してユーザビリティを向上する

CSSハック（各ブラウザのバグに対応する）

課題発表, 総評

前提知識

インターネットを日常的に利用し、ダウンロード、インストールなどのPC操作が出来る方。

PCで文字の入力ができる方。テキストのコピー＆ペーストが出来る方。

講座で学んだことを、自ら進んで実践出来る方。　※自分でコードを書かないと、忘れてしまいます。 :-)

※ホームページビルダーやDreamweaverといった制作ソフトの利用経験がない方や、Webサイト制作経験がない方でも受講可能です。

このような方におすすめします

HTMLやCSSの文法について、基礎から正しく学びたい方

テーブルレイアウトを辞めたい方

アクセシビリティ、ユーザビリティを改善されたい方

メンテナンス性を向上させ作業効率を上げたい方

チームで共通ルールを設定し、コードの再利用性を高め、工数を削減したいWeb制作会社

Webサービス・Webアプリケーションの開発で、インターフェースデザインをされている方

以下の方は対象外です

ビジュアルデザインについての技法を知りたい方（バナーの作り方、美しいレイアウト・配色についての講義・演習はありません）

制作ソフト独自の機能について詳しく知りたい方（Dreamweaverのテンプレート機能などについての解説はありません）

実習環境

OS: Windows XP

制作ソフト: Dreamweaver 8（Dreamweaverの操作経験がない方でも理解できる範囲で利用します）

※その他の環境で実習を希望される場合は、事前にご相談ください。

テキストについて

Web標準の教科書―XHTMLとCSSでつくる“正しい”Webサイト

※すでに所有されている方は、テキストの購入は必要ありません。

受講申し込みは、以下のページにて絶賛受付中です。みなさまよろしく。

ふくい産業支援センターのIT（パソコン）研修: ふくいWebデザイン塾〜XHTML＆CSS コーディングスキル習得コース〜

2007-09-20 16:00追記：定員12名のところ残席2ということです。
2007-09-20 17:45追記：定員12名のところ残席1ということです。
2007-09-21 13:53追記：定員12名を超え、定員~~20名~~16名に増席されたそうです。
2007-09-26 20:12追記：16名に達し、申し込みを締め切られたそうです。

自宅制作環境最適化

mathatelle (2007年9月11日 23:18) | コメント(0) | トラックバック(0)

MacBookの外付けモニタとして、デルの20インチワイド液晶モニタを買いました。

1680×1050の解像度で24,799円ってスゴっ！キャンペーン中のビックリ値でした。Wiiより安いっ！即決でポチっとしちゃいました。

普段仕事で使っているAppleシネマディスプレイ23インチと比較すると、やはり画質は落ちます。特に気になるのは、アンチエイリアスの効いた文字。エッジがすこーしボヤっとしています。ま、そもそも、Appleの方の画質が良すぎるのかな。「AS3の学習とか、大学の授業の準備に使う」という自宅用途を考えれば十分過ぎる品質です。

画面を撮影してみました。

※ほんとは、もう少し明るいです。

PCとの接続方法は、DVI-DとミニD-sub15pinが選べますが、断然、DVI-Dの方が良いです。アナログ接続では、アンチエイリアスの文字が読みにくい。MacBookで使いたい人は、Mini DVI-DVIアダプタが必要。2,500円ほどです。

あわせて、Bluetoothのキーボードも購入。部屋の端っこからも入力できましたヨ！ネットしててバシバシとタブを切り替えてやりました。色んなポーズで操作できそうだな〜、うししし。

まじめな話に戻りますと、仕事で使っているモニタが故障したときの代替機という計算もあります。一日仕事出来ない状況を考えると、25,000円は安い保険ですよね。

WebデザイナーがAS3を学習するはじめの一冊にオススメ「Adobe Flash CS3 詳細！ActionScript3.0入門ノート」

mathatelle (2007年9月 9日 23:58) | コメント(0) | トラックバック(0)

Action Script 3 の学習を細々と進めています。

非プログラマ（しかも30代後半）がトライするということで前途多難な訳ですが、もしこの本が、この時期にリリースされてなかったら、あきらめていたかもしれません。

Adobe Flash CS3 詳細! ActionScript 3.0 入門ノート (DVD付)

posted with amazlet on 07.09.09

大重美幸
ソーテック社 (2007/08/13)
売り上げランキング: 1661

Amazon.co.jp で詳細を見る

結構なボリューム（470ページ弱）があるので、

1. AS3で出来ること、AS3の文法がどういうものなのかを、斜め読み
2. サンプルコードを動かしてみる
3. 最初っからじっくり読む、自分でもコードを書いてみる

という風に読んでみることにしました。すべての内容を理解しようとして、1ページずつ読み進めていくと、どこかで挫折してしまうので、まずは斜め読み。具体的にどういうことが出来るのかを前もって知ることができるので、モチベーションを維持できます。

今は、最後まで斜め読みをして、サンプルコードを動かしているところです。

斜め読みの過程で、この本の素晴らしいと思ったところは、

1. プログラミングの基本を丁寧に解説

条件分岐から、配列、正規表現、XMLといったところまで、AS3がプログラミング初体験という人にも理解できるように、丁寧に解説されています。正規表現って、名前は知っていたけど、実際どう使うのか知らなかったので(^_^; この解説はうれしかったです。

2. 実際こういうのがやりたいんだよね、ということを丁寧に解説

カスタムクラス定義、画像ファイルの読み込みや、XMLの読み込みなど、多くの制作者が実際の仕事でやりたいであろうことが、丁寧に解説されています。

3. AS2との違いは、欄外に記述している。

マスターしたいのはAS3。AS2のコードはこうだったよ、っていう説明を本文でしている本があったりしますが、そういうのはおぼろげに頭に入っているし、AS3から始める人には全く不要なのです。そういうのはほとんど欄外にNoteとして記述されているので、非常に読みやすいです。

* * *

スクリプトをほとんど書かなくても、クリエイティビティがあれば、力業ですごいものは作れる訳ですが、工数削減したいとか、ソースの再利用性を高めたいとか、Movable Type と連携したいとか、Webサービスを利用してマッシュアップしてみたいとか、深くやりたいと思えば、必ず向き合わないといけないものになっています。

Action Script 3 で文法がごろっと変わるということで、AS2の学習は控えて、CS3のリリースをじーっと待っていました。

WebデザイナーがFlash (Action Script 3)を学習するなら、今が最適の時期だと思います。

Adobe Flash CS3 詳細! ActionScript 3.0 入門ノート (DVD付)

posted with amazlet on 07.09.09

大重美幸
ソーテック社 (2007/08/13)
売り上げランキング: 1661

Amazon.co.jp で詳細を見る