アートネクストブログ http://blog.artnext.com/ ホームページ制作、Web制作、Webサイト構築、Web標準、アクセシビリティ、ホームページ運用等、ホームページ、Webのことならアートネクスト ja Copyright 2008 Sat, 28 Jun 2008 10:21:14 +0900 http://www.sixapart.com/movabletype/ http://www.rssboard.org/rss-specification 郡山ウェブ
奈良県大和郡山市に拠点を構えておられる方なら、事業所、商店、団体、サークル、クラブ、施設、個人など形態を問わずにご利用いただけます。

詳細は、2008年7月10日に郡山ウェブ上にてお知らせいたします。

同時に、ウェブ制作外部スタッフを募集しております。
今回は、ウェブ標準に対応できる方、対面にて打ち合わせが可能な方、在宅で作業が可能な方限定です。
ご希望の方は、info@artnext.comまでご連絡ください。 ]]> http://blog.artnext.com/2008/06/post-12.html http://blog.artnext.com/2008/06/post-12.html Diary Sat, 28 Jun 2008 10:21:14 +0900 新年のご挨拶

年賀状

あけましておめでとうございます。

旧年中は大変お世話になり、ありがとうございました。
本年アートネクストは創立10周年を迎えることとなりました。
これもひとえに皆様のご支援の賜物と心より感謝申し上げます。
これを機に一段と飛躍の年にしたいものと願っております。
本年もなにとぞよろしくお願い申し上げます。

また、オフィススペースを新築し、新しい環境に変わりました。
お近くにお越しの際は、ぜひお立ち寄りください。

事務所

]]> http://blog.artnext.com/2008/01/post-11.html http://blog.artnext.com/2008/01/post-11.html Diary Tue, 01 Jan 2008 00:21:59 +0900 オフィススペース増築中
いろいろ思うところがあり、現在自宅横にオフィススペースを増築しています。（といっても、10畳程度の小さいスペースですけどね）

ほぼ外回りが完成し、そろそろ内装の工事に入っていきます。なかなかオシャレな感じに仕上がりそうで、とっても楽しみです。
11月末か12月頭には完成しそうですが、移転などで来年度から新しいスペースで、という運びになりそうです。

もう少し完成に近づいたら写真などアップしてみたいと思います。


]]> http://blog.artnext.com/2007/11/post-13.html http://blog.artnext.com/2007/11/post-13.html Diary オフィス Wed, 21 Nov 2007 21:54:52 +0900 フォトスタジオエル 奈良県大和郡山市の写真館 - フォトスタジオエル

奈良県大和郡山市の写真館 - フォトスタジオエル

ホームページのリニューアルを担当させていただきました。

今回は外部のブログサービスを利用して、フォトスタジオエルのニュース・キャンペーン情報を作成、自社内で更新できるようにさせていただきました。

写真撮影はもちろんのこと、学校アルバムの制作、特に「卒業生が少なくアルバム制作にお困りの方」に向けた少人数・小部数・小ロットアルバム制作にも力を入れておられます。

]]> http://blog.artnext.com/2007/10/000106.html http://blog.artnext.com/2007/10/000106.html Works Web制作 リニューアル Sat, 13 Oct 2007 20:16:24 +0900 不動産でお困りのことがあれば、不動産総合企画事務所ライフテックアプロへ 不動産でお困りのことがあれば、不動産総合企画事務所ライフテックアプロへ

不動産でお困りのことがあれば、不動産総合企画事務所ライフテックアプロへ。

結構長いお付き合いをさせていただいております。今回もホームページのリニューアルを担当させていただきました。

先日ご紹介させていただいた、賃貸デザイナーズマンションラカーサ五位堂の仲介（お問い合せ・申込先）窓口となっています。

]]> http://blog.artnext.com/2007/09/000105.html http://blog.artnext.com/2007/09/000105.html Works Web制作 リニューアル Tue, 18 Sep 2007 23:42:59 +0900 賃貸デザイナーズマンションラカーサ五位堂 デザイナーズ賃貸マンションラカーサ五位堂

奈良県香芝市五位堂に賃貸デザイナーズマンション「ラカーサ五位堂」が誕生します。
平成20年（2008年）2月入居開始予定。
ラカーサ五位堂サイトもオープンしました。洗練されたデザインと圧巻の空間。
室内に1歩足を踏み入れるとあなたはどう感じるでしょうか。ぜひお立ち寄りください。

マンションのロゴのデザインからホームページデザイン・制作まですべて担当させていただきました。

]]> http://blog.artnext.com/2007/09/post-10.html http://blog.artnext.com/2007/09/post-10.html Works Web制作 新規 Sat, 15 Sep 2007 18:36:41 +0900 社会福祉法人千祥福祉会ひかりだい保育所 京都府相楽郡精華町光台の保育・子育て - 社会福祉法人千祥福祉会　ひかりだい保育所

京都府相楽郡精華町の会福祉法人千祥福祉会　ひかりだい保育所のホームページのデザイン・制作を担当させていただきました。

担当者ご自身で更新できるように、MovableType（ブログ）を組み込みました。

熱心に更新されており、保護者の方ともホームページ上でコミュニケーションがとれているようです。

]]> http://blog.artnext.com/2007/09/post-9.html http://blog.artnext.com/2007/09/post-9.html Works Flash MovableType Web制作 新規 Sat, 01 Sep 2007 19:56:53 +0900 過渡期 自社サイトは、すぐに更新が滞ってしまいます。（反省）
少し目先を変えた話題です。

PowerMac 7600/200
すでに「ひとむかし」前の機種ですが、アートネクストがDTPデザイン用に初めて導入したパソコンです。

最近ではウェブデザイン用として、Windows PC。DTPデザイン用として、Mac G4（OS9）。その他プレゼンや外出先での原稿作成、ベッドに入って仕事をする時用（爆）にibookG4（OSX）と3台（というより3種類のOS）を使い分けています。

ところがここにきて、やっと一件の得意先の制作環境がOS9からOSX（intelMac）に移行していく、という話が出てきました。
当然デザインの仕事をいただいている身分の私としましてはintelMacの導入を考えています。

妥当なところでは、Mac Pro でしょうか。

それともこいつ MacBook PRO を導入して一台ですべてをこなしましょうか。

なやみどころです。
そろそろOS9には、隠居してもらいたいものですがね。

]]> http://blog.artnext.com/2007/03/post-8.html http://blog.artnext.com/2007/03/post-8.html Diary Wed, 21 Mar 2007 16:13:44 +0900 アクセシビリティ対応度チェック［2］画像に代替テキストはついている？ テキスト以外の要素に、同等の役割を果たす代替テキストがついていますか。

テキスト以外の要素というのは、写真やイラストなどの画像、タイトルなどのテキストを特殊なフォントを使って画像にしたもの、イメージマップ、アニメーション、箇条書きの行頭についているマーク、画像を使用したボタンなどです。

音声ブラウザーやスクリーン・リーダーなどで、音声で閲覧したり、テキストベースのブラウザーで閲覧する場合などには、この代替テキストが使用されます。テキスト以外の要素に適切な代替テキストがついていないと、何も表示されなかったり、画像のファイル名が読み上げられたりすることになってしまいます。

ですので、代替テキストには画像の内容を適切に説明するテキストを入れるようにし、画像が表示されなくても正確に意味が伝わるようにします。

【検証方法】

  1. Internet Explorerで対象のホームページを表示します。
  2. ツール(T) → インターネット オプション(O) → ［詳細設定］のタブをクリックします。
  3. ［マルチメディア］から［画像を表示する］のチェックを外し、［OK］ボタンをクリックします。
  4. 表示(V) → 最新の情報に更新(R) で画面を更新します。

【検証結果】

  • 画像のあったところに代替テキストが表示され、画像がなくても同じように理解できる＝★★★（星三つ）
  • 画像のあったところに代替テキストが表示されるが、意味の分からないテキストもたくさんある＝★★（星二つ）
  • 画像のあったところには何も表示されない＝★（星一つ）
]]> http://blog.artnext.com/2006/11/2-1.html http://blog.artnext.com/2006/11/2-1.html Accessibility Tue, 07 Nov 2006 16:37:32 +0900 アクセシビリティ対応度チェック［1］文字の大きさは大丈夫？ そのホームページ、すべての人にやさしいですか？
ということで、あなたのホームページがアクセシビリティに対応しているかどうかをチェックしてみませんか。

文字の大きさは大丈夫？

今ご覧になられているホームページ、また、あなたが管理されているホームページ、見る人の環境の違いによって文字の大きさが違って見えることをご存知ですか。
Windows、MacOSなど、OS（Operating System）の違い、Internet Explorer、Netscape、FireFox、Opera、Safariなどホームページを閲覧するためのソフトウェアの違い、またディスプレイの大きさや各種設定によって、本当にいろいろな大きさに見えます。

文字が少し小さくて読みにくいな、と感じたらInternet Explorer等の設定を少し触ってやるだけで大きく表示することが出来ます。
ところが、制作する側で文字のサイズを固定してしまっているサイトが星の数ほどあります。文字のサイズを固定してしまうと、閲覧者側では文字を大きくすることが出来なくなってしまいます。

あなたの環境では十分な文字の大きさかも分かりません。しかし、あの方の環境ではどうでしょう。また、数年、数十年後のあなたにも十分な文字の大きさでしょうか。
ぜひ、検証してみて、閲覧者が読みやすい文字の大きさに設定できるサイトにしてみてはいかがでしょうか。

【検証方法】

  1. Internet Explorerで対象のホームページを表示します。
  2. 表示(V) → 文字のサイズ(X) → 大(L) または 最大(G) にします。

【検証結果】

  • 文字のサイズが大きくなり、レイアウトもさほど崩れないできちんと読むことが出来る＝★★★（星三つ）
  • 文字のサイズは大きくなったけど、レイアウトが少し崩れて読みにくくなった＝★★（星二つ）
  • 文字のサイズが大きくならない＝★（星一つ）

注意：検証結果の基準は、アートネクストが考えるアクセシビリティに配慮したホームページの基準です。

]]> http://blog.artnext.com/2006/11/1-1.html http://blog.artnext.com/2006/11/1-1.html Accessibility Mon, 06 Nov 2006 00:00:00 +0900 アクセシビリティに配慮したライティング［2］機種依存文字を使用しない 普段 Windowsコンピュータだけを使われているとなかなか気が付かないのですが、実は、「Windowsコンピュータでなければ正しく表示されない」という文字がかなりあります。

WindowsやMachintoshなど機種に依存する特殊文字ということから、機種依存文字と呼ばれますが、コンピュータの環境も多岐に渡り、実際には使用するフォントによって表示できる文字が変化するため、機種依存文字という言い方も正しくはないという現状になってきています。

また、指定フォントの中で表示できない文字があっても、表示可能な他ののフォントがOSにインストールされている場合は、それを利用して表示しようとするブラウザーもあったりします。

けれどもホームページは、一般的にそれを見る人がどんな種類のコンピュータを使っているのか、書き手側では分かりません。 ですので、ホームページに情報を発信する際には、以下に示す機種依存文字は使用しないように心がけていくと良いと思います。

またこれらの文字は、ホームページばかりでなく、電子メールなどでも、使用しないほうが良いでしょう。

Windowsで入力する際に、他の環境でも問題なく表示できる文字と他の環境では文字化けしてしまう可能性のある文字を一覧表示しておきますので、参考にしてください。


他の環境でも問題なく表示できる文字

記号類
、。，．・：；？！゛゜´｀¨＾￣＿ヽヾゝゞ）
〃仝々〆〇ー―‐／＼～∥｜ …‥‘’“”
（）〔〕［］｛｝〈〉《》「」『』【】
＋－±×÷＝≠＜＞≦≧ ∞∴♂♀∠⊥⌒∂∇≡≒≪≫
√∽∝∵∫∬∈∋⊆⊇⊂⊃∪∩∧∨￢⇒⇔∀∃° ′″℃
￥＄￠￡％ʼn＃＆＊＠§☆★○●◎◇◆□■△▲▽▼
※〒→←↑↓〓 ♯♭♪†‡¶◯´｀¨＾

罫線
─│┌┐┘└├┬┤┴┼
━┃┏┓┛┗┣┳┫┻╋
┠┯┨┷┿┝┰┥┸╂

全角英数字
０１２３４５６７８９
ＡＢＣＤＥＦＧＨＩＪＫＬＭＮＯＰＱＲＳＴＵＶＷＸＹＺ
ａｂｃｄｅｆｇｈｉｊｋｌｍｎｏｐｑｒｓｔｕｖｗｘｙｚ

半角英数字
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
!"#$%&'()*+,-./:;<=>?@[]^_{|}~

ギリシャ文字
ΑΒΓΔΕΖΗΘΙΚΛΜΝΞΟΠΡΣΤΥΦΧΨΩ
αβγδεζηθικλμνξοπρστυφχψω

ロシア文字
АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ
абвгдеёжзийклмнопрстуфхцчшщъыьэюя


Windowsでしか使えない文字

記号類
①②③④⑤⑥⑦⑧⑨⑩⑪⑫⑬⑭⑮⑯⑰⑱⑲⑳
ⅠⅡⅢⅣⅤⅥⅦⅧⅨⅩ
ⅰⅱⅲⅳⅴⅵⅶⅷⅸⅹ
㍉㌔㌢㍍㌘㌧㌃㌶㍑㍗㌍㌦㌣㌫㍊㌻
㎜㎝㎞㎎㎏㏄㎡
㍻〝〟№㏍℡㊤㊥㊦㊧㊨㈱㈲㈹㍾㍽㍼≒≡∫∮∑√⊥∠∟⊿∵∩∪

半角カタカナ
ｱｲｳｴｵｶｷｸｹｺｻｼｽｾｿﾀﾁﾂﾃﾄﾅﾆﾇﾈﾉﾊﾋﾌﾍﾎﾏﾐﾑﾒﾓﾔﾕﾖﾗﾘﾙﾚﾛﾜｦﾝ
ｶﾞｷﾞｸﾞｹﾞｺﾞｻﾞｼﾞｽﾞｾﾞｿﾞﾀﾞﾁﾞﾂﾞﾃﾞﾄﾞﾊﾞﾋﾞﾌﾞﾍﾞﾎﾞﾊﾟﾋﾟﾌﾟﾍﾟﾎﾟ

]]> http://blog.artnext.com/2006/11/2.html http://blog.artnext.com/2006/11/2.html Accessibility Sun, 05 Nov 2006 17:30:17 +0900 アクセシビリティに配慮したライティング［1］ 最近、ブログやCMS（Contents Management System）、また、ホームページ制作アプリケーションを使用したりして、社内などで自らホームページを更新されている方が増えてきています。そこで、アクシビリティに配慮したライティング（文章を書くこと、照明に非ず）について、ちょっと思うことなどを書いてみたいと思います。

今回は、ホームページと印刷物の違いを考えて見たいと思います。まず、決定的な違いはホームページの文章は、データであるということです。そんなんあたりまえやん、とおっしゃると思いますが、ここが大きなポイントになってきます。

データであるがゆえに、いろいろな形に姿を変えることが可能です。例えば高齢者は文字を大きくして見ることができます。視力が不自由な方は音声のデータに変えたり、また、色を変えることもできます。いろいろな形に変えて使えるのはデータだからです。しかし、データとして正確に書かれていないと全然別の意味になってしまいます。

例えば、「オーディオ」の横棒は音引きといいますが、これを音引きではなくマイナスの記号を使って「オ－ディオ」と書いてみます。書体によって見た目は同じですが、音声で聞いたときには「オマイナスディオ」と読み上げられ、全然別のものというより、まったく意味が分からなくなってしまいます。

同じような意味から以下に、べからずリストをあげておきますので参考にしてみてください。

  • 文字などを間違えない（あたりまえですね）
  • 英語数字は、全角を使用しない
    Audio（半角）は「オーディオ」ですがＡｕｄｉｏ（全角）は「エーユーディーアイオー」です。おなじように１００％（全角）は「イチゼロゼロパーセント」になってしまいますので、100%（半角）と書きましょう。
  • 強制改行を入れない
    単語の途中などに改行を入れてしまうと、意味がつながらなくなります。
  • スペースを入れない
    「時　間」などのように、字間を広げるためにスペースを入れると単語としての意味がなくなります。

他にもいろいろあるのですが、きょうはこの辺で。
第2回以降もエントリーできるように、がんばっていきたいと思いますのでよろしくお願いします。

]]> http://blog.artnext.com/2006/10/1.html http://blog.artnext.com/2006/10/1.html Accessibility Tue, 31 Oct 2006 00:00:00 +0900 Web標準準拠でアクセシビリティに配慮した「人にやさしいホームページ」 Webサイトリニューアルオープン。というか、プレオープンという感じではありますが、とりあえずオープンいたしました。10月末日までにアップする必要があったのですが、何とか間に合わせることが出来ました。

Web標準 準拠でアクセシビリティに配慮した「人にやさしいホームページ」というテーマ。

かねてより考え、そして、既に採り入れつつあったのですが、今後よりいっそう力をいれて、このテーマに取り組んでいきたいと考えております。

まずは、12月1日グランドオープン！？に向けて、あれもこれも考ていかないと。

]]> http://blog.artnext.com/2006/10/web.html http://blog.artnext.com/2006/10/web.html Diary Mon, 30 Oct 2006 22:31:40 +0900 高の原ゴルフセンター 高の原ゴルフセンター
高の原ゴルフセンターのホームページが、オープンいたしました。

ツーピースボール（試合球）を使って、実測300ヤード。正面方向にはネットもなく開放感バツグン。なんとも素敵な環境です。
わたしはゴルフをやらないのですが、打ち合わせ等で何度も行っているとなんだか楽しそう。
ゴルフスクールも充実しているし、そのうち入門してしまうことでしょう。

]]> http://blog.artnext.com/2006/10/post-7.html http://blog.artnext.com/2006/10/post-7.html Works Wed, 11 Oct 2006 11:54:06 +0900 ホームページ・ビルダーで更新する 「ホームページ・ビルダーで更新したいから教えてほしい」

ウェブ制作を生業にしていると、こんな依頼がたまにきます。そこで、Dreamweaverその他のアプリケーションで制作したサイトを、ホームページ・ビルダーで編集する際に気づいた注意点を覚書程度に書いておきます。

文字コードの問題
最近UTF-8の文字コードを使ったサイト制作の比重が増えてきているんですが、これをホームページ・ビルダーver.8で開くと文字化けしてしまいます。
これはver.8がUTF-8の文字コードに対応していないために起こります。ver.9からはUTF-8に対応していますので、ver.9もしくはver.10を使用します。

DOCTYPE（文書型宣言）
ホームページビルダーの初期設定では、保存する際にDOCTYPEを
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
に勝手に書き換えて、保存してしまいます。
xhtmlで制作していて
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
のようなDOCTYPEになっている場合も、当然書き換えてくれますので、レイアウトが崩れてしまいます。
これはホームページビルダーの[ツール]＞[オプション]＞[ファイル]の設定で、DOCTYPEを出力するのチェックを外すことで回避できます。

そのほか、気づいたことがありましたら追加していきます。

]]> http://blog.artnext.com/2006/10/post-6.html http://blog.artnext.com/2006/10/post-6.html Tips Tue, 10 Oct 2006 10:36:23 +0900