4月になり、新入社員の初々しい姿が眩しいシーズンがやってきました。 昨年当社に入社した新入社員が「体力ありますか？」と聞いたところ猛烈に残業させられるのかと思って表情がこわばっていたのも今では懐かしく感じます。 Web制作業界に新卒で入られる方がどのくらいいらっしゃるのか分かりませんが、制作業界というと過酷な長時間労働を強いられるというイメージを持ってドキドキしながら入社される方もいらっしゃると思います。 私はエンジニアとして社会に出た新人の頃から、何故か人の目を気にしてとり […]
システム周りのテストは当社のような少人数の制作会社にとって毎回頭を悩まされます。 何に悩まされるかというと、バグそのものは自分の問題として、テストの進行そのものについてです。 制作の体制としてディレクターとエンジニア、デザイナーでチームを組んでいたとするとテストするのはたいていディレクターだったりします。 もちろんテスト部隊をきちんと組んでいたり、外部のテスト会社へ発注してテストされている会社もあるでしょう。 ですが、テスト工数や費用をきちんと取れないなどの要因で、実際には間 […]
今回も漫画を描いてみました。 今回はシステムテストにおけるあるある風景です。 テスト中の雰囲気というのは独特で、テストしている方としてはあんまりバグが多いと頭に来るし、エンジニアとしてはバグの内容がよくわからなかったりするとイライラしたりと、開発中の空気が一点修羅場になることもよくあります。 バグというのは指摘するほうも修正するほうもあまり気持ちの良いものではないのでしょうがないですね。 当社で運用しているバグ管理サービス「COLORBOX」はテスターとエンジニ […]
今回はディレクションの大切さについて漫画を描いてみました。 もちろんフィクションですが、制作現場でよくあるようなやり取りです。 制作をしていると、よくデザインを社内で制作しているときにこだわって時間をかけすぎてしまうようなこともあるかと思います。 もちろんきちんとしたものを提出すべきなのですが、社内でも煮詰まった場合、クライアントも巻き込んで早めに確認するということも大事だと思います。 時間を多くかけて練ったのに壮大にこけてしまうとどうしようもないですからね。 […]
こんにちは、石上です。 木曜日の雪の予報がなくなりましたね、安心しました。 さて、今回は多くの企業サイトなど多くのサイトにある「お知らせ」や「セミナー情報」「イベント情報」などの発信系コンテンツについて書きたいと思います。 そもそも「お知らせ」「ニュース」「新着情報」「トピックス」など名称が違うだけで、書いていることが同じ…何が違うんだろうか？私なりの違いを下記に書いてみたいと思います。 ・ニュース＝新しい情報（もともと報道向けの内容で文字通りのニュース） ・お知 […]
こんにちは！工藤です。 関東では2週間連続で雪が降っています。 交通機関の乱れが恐怖です・・。
こんにちは、石上です。 先週に引き続き、今週も明日から雪が降るそうですね。 TVでやっていましたが、過去の統計で一度まとまった雪が降ると、続けてまとまった雪が降ることが多いそうです。 さて、今回はWebサイトのTOPページについて書きたいと思います。 そもそもTOPページとは何か WebサイトにおけるTOPページとは、サイト全体のいわば『顔』になります。 書籍・雑誌で言えば『表紙』、お店なら『入口（佇まい）』、商品の『パッケージ』などのイメージや内容を伝える大事な部分です。 […]
こんにちは、石上です。 暦の上ではもう春ですが、ここ数日の寒暖は心身ともに堪えます。早く気候の面でも春が来ないかと待ち遠しいです。 さて、今回はWebサイトの導線設計について私なりに書きたいと思います。 そもそも導線設計とは、ユーザーがどこのページから入ってきてどういうルートを辿るかを想定し、そこにサイト運営者側の『意図』を加えることだと思っています。 ※『サイト運営者側の意図』とは、ユーザーが目的を達成するまでの間あるいは達成した後に、+αとなる情報（関連する商品の情報や、 […]
年度末に向けて繁忙期に入ってまいりました。 この忙しいときにインフルエンザも流行っているようですので、みなさんご注意ください。 さて、受託制作で制作する際に、当社ではデザインからまるごとお任せいただく場合と、会社案内やパンフレットなどのデザインが同時進行している場合は紙のデザインをしたデザイナーさんがそのままテイストを引き継いでデザインしたデザインを元にコーディングをする場合の2パターンがあります。 Web制作に携わっている方であればタイトルから大体の察しは付くかと思うのです […]
こんにちは、石上です。 今年は毎日めまぐるしく変わる気温に振り回されている気がします。 さて、今回は「バナー」について書きたいと思います。 バナーはYahooをはじめ様々なサイトで掲載されているので、説明は不要ですよね。 サイズは指定されたサイトのルールに従って制作を行ないますが、そんなバナーにも規格があるのをご存知でしょうか？ サイズ規格 広告業界団体 Internet Advertising Bureau(IAB) や、Yahooが制定しているものなど、下記のようなサイズ […]
こんにちは、石上です。 今日は、Webサイトにおける「訴求力」について私なりの考えを書きたいと思います。 ※たまに「シズル感」と表現してくるお客様もいます。 聞いたことない方のために、「シズル感」とは写真や映像に表現される購買意欲を刺激される感じのことを指します。 例えば、ビールをグラスで注ぐ音や泡、ゴクゴク飲む音などがシズル感です。（見ただけで「飲みたい！（欲しくなる）」という感じを出すことです） Webの場合では、「訴求力」の意味合いで使われていることが多いと思います。 […]
Webサービスを運用していたり、受託制作をやっていると利用規約や契約書などで法律の専門家に内容の確認をした方が良いことが多々あります。ある程度自分たちの法的な知識の元に作成してもやはりそこは素人で、法的な解釈は間違っていることもよくあります。 昨年の11月に「Web業界 受注契約の教科書」という書籍の執筆に携わらせていただいたのですが、改めて自分たちの判断が素人判断であると認識し、IT業界と法律の解釈は非常に難しいと思いました。 法的なことを相談する際、弁護士の先生にお願いす […]
こんにちは、石上です。 先日、proGの導入参考資料をslideshareにアップロードしました。 ※proG製品サイトにも掲載しています。 スライドには、CMSの導入によるよくある失敗や後悔などの声と、それらの声を受けて生まれた弊社のproGについて書いています。 例えば、「HTMLベースのCMS導入で自分たちで自由自在に更新できるぞ」、「外注費0（ゼロ）にするため、サイト全部をCMSで管理！」。しかしその結果、後悔することになったなど、CMSを導入したことがある方ならば「 […]
新年あけまして、おめでとうございます。 本年もよろしくお願い致します。 さて、新年一回目はWebページの「文字量と画像のバランス」について書きたいと思います。 Webサイトは、通常文字による情報と、画像による視覚的情報で構成されています。 小説のように文字だけで構成されているサイトは、近年ほぼ見られなくなりました。 ※昔は、文字（文字色やサイズなどの装飾とHTMLの表）だけで作られているサイトも割と見かけましたが、今は見る機会が減りましたね。 （文字だけで構成されたページは、 […]
こんにちは、石上です。 この1週間でいきなり、年の暮れの雰囲気を感じるようになりました。今回はAdobeのPDFファイルについて話をしたいと思います。 Webサイト以外でも様々なところで色々とお世話になっているPDFファイルですが、今年10年目のファイルフォーマットです。 （ちなみに当社の独自CMS「proG（プログ）」は、PDFはもちろんのことWordやExcelファイルなど様々なファイルのアップロードも簡単にできるCMSです。ご興味のある方は、製品専用サイトを是非ご覧くだ […]
こんにちは、石上です。 気が付いたら、年末が近づいていました。 今日は、ピクトグラムについて書こうと思います。 ピクトグラムとは？ 「ピクトグラム」を聞いたことが無い方のために、まずはピクトグラムについて簡単に私なりの定義を書いてみます。 ・単色（背景色と合わせて2色）で作る絵記号 ・国や文化が違う方でも、文字情報に頼ることなく「何を表わしているのか」がわかるもの （ユニバーサルデザインになっているものもある） □ピクトグラム例 他にも道路標識などもありますが、日本では、19 […]
今年も残すところわずかとなってしまいました。 こうやって一年が経ってしまおうとすると、昨年の暮れのことがまるで昨日のことのようにも感じられます。 さて、今年も色々なサイトやサービスを制作してきたわけですが、とりわけ制作時間について考えさせられることが多かったように思います。 考えさせられるということは、事が思い通りに進まなかったことが多かったわけで、反省ということになるわけですが、今回は時間と制作について書いてみたいと思います。 実際に現場で制作に […]
こんにちは、石上です。 今週、当社のカスタマイズCMS「proG（プログ）」から新しく総合病院向けパッケージCMS「proG hospital（プログ ホスピタル）」がリリースされました！ proG hospitalにはproG同様、実際にサイトを運営されている現場の方の声や立場から制作した「病院からのお知らせ」や「医師情報」「外来診療表」などの機能をパッケージ化したものです。 今回は、CMSサイトでも通常のHTMLのサイトでも、Webサイトに必要な「地図」について書きたいと […]
本日当社で開発したCMS「proG(プログ)」の総合病院向けパッケージ「proG hospital」がリリースされましたので、CMSについて書いてみます。 proGというCMSは当社が創業した当初受託制作で必ず導入していた更新システムを製品化したものです。 基本的にはクライアントのご要望や運用体制などをヒアリングのうえカスタマイズ導入します。 実際に導入してみるといろいろなことが分かってきます。 最初はやる気満々でも実際には更新を制作会社でCMSを使ってやることになったり、欲 […]
こんにちは、石上です。 前々回に引き続きアクセシビリティについて書きたいと思います。 今回はコーディング（HTML化）についてです。 コーディングで、注意したいポイント 文字サイズ HTMLで文字サイズを指定するにはem、px、pt、%といった記述方法があります。 多くのサイトで%（パーセント）かpx（ピクセル）を使用いると思いますが、この2つはアクセシビリティの視点から見ると「ブラウザ機能の文字サイズが有効か」という点で大きな違いがあります。 （ちなみに、px:絶対値（大き […]
Web制作においてプログラミングが必要なシステムなどが絡むと、その規模やクライアントの要望によって制作現場ではたいていひと悶着あったりします。 それは見積り作成時、仕様策定時、開発完了後、タイミングは様々です。 特に見積り作成時には工数計算する際にエンジニアに工数を確認すると思うのですが、そのままエンジニアの工数を計上すると到底クライアントの予算に合わず、やりたいことと金額が釣り合わなくなったりします。 こういったことで「クライアントとエンジニアの狭間」または「上司とエンジニ […]
こんにちは、石上です。 前回、アクセシビリティについて大まかに記載しましたが、デザインの注意事項などについて書きたいと思います。 クライアントの方も、「アクセシビリティに配慮すると、デザインにどういう制限が出てくるのか」などのご参考にしていただければと思います。 デザインで、注意したいポイント 文字 ・大きさ…文字サイズは一般的なサイトよりも若干文字サイズを大きめにする。 文字を画像にする場合には、大きめに作り。 ・色…背景色と文字の色の組み合わせに注 […]
Web制作会社の愚痴として、 「代理店は我々を下請け業者としてしかみていない！」 「良いものを作るにはパートナーである必要があるんだよ！」 なんてことをよく聞きます。 もちろん良いものを作るには制作会社の一方的な想いだけではできません。 クライアントと制作会社も受発注の関係にはありますが、制作の過程ではパートナーとしてお互いイーブンな関係でモノづくりをする必要はあると思います。 ただ、パートナーとして扱ってもらうためには嘆いていても、愚痴を言っても始まらず、それ相応の対応をし […]
こんにちは、石上です。 今回は、デザインにおける「余白」と「伝える」ということを考えてみたいと思います。 多くのサイトはパっと見ただけで、『なんのサイトなのか』『何が売りなのか』など“伝えたいことがわかる”ように作られています。 伝えたいことを伝えるのは、デザインの役割です。 （デザインはただ『サイトが使いやすい』といったところだけではなく、こうした「伝える」という点でも非常な重要な役割を持っています。） どんなに掲載している情報が魅力的でも、文字や写真がぎっしり詰まっていれ […]
制作業界にいるとお金の話、特に見積り書の作成や交渉が嫌い、不得意という方が多いように感じます。 例えば転職などすると制作会社によって見積書の書き方や算出の仕方が異なるので、苦労されているwebディレクターの方も多いことと思います。 見積書というのはクライアントに見せる時、ドキドキするものです。 主にドキドキの原因はこの「金額でいけるかな？」「高いって言われたらどうしよう？」というところだと思います。 同じ金額でも見積書の内容によって、その会社の印象も費用の印象もかなり変わりま […]
運営会社:株式会社8bit
制作サービス
運営サービス
