2014年バレンタインサイトをあつめました
こんにちは、工藤です。 帰りに渋谷をうろうろしていましたら『バレンタイン』という文字をみかけるようになりました。 もう2月に入るんですもんね。節分にでん六豆を食べたいなくらいしか考えていなかったです・・。 バレンタインで検索すると素敵な特設・特集サイトがたくさん見つかりましたので勝手ながらまとめさせていただきました。
新着記事
知っておきたいバナーサイズの規格
こんにちは、石上です。 今年は毎日めまぐるしく変わる気温に振り回されている気がします。 さて、今回は「バナー」について書きたいと思います。 バナーはYahooをはじめ様々なサイトで掲載されているので、説明は不要ですよね。 サイズは指定されたサイトのルールに従って制作を行ないますが、そんなバナーにも規格があるのをご存知でしょうか？ サイズ規格 広告業界団体 Internet Advertising Bureau(IAB) や、Yahooが制定しているものなど、下記のようなサイズ […]
TwitterまんがPart25
おはようございます。毎日冷えますが皆様いかがお過ごしでしょうか。 最近の私はというもの、お風呂にアヒルを浮かべて喜んでおりました。非常に大人げない私生活を送っております。 お仕事で頭を使う分、お家に帰ったらしっかりリフレッシュしたいですね。 というわけで、今日もTwitterまんがを書かせて頂きました。お仕事の合間に、息抜きの癒しをお届けしたいと思います。 目次1 最近の流行り2 本日かかせて頂いたツイート3 バックナンバー 最近の流行り 本日かかせて頂いたツイート 今日のツ […]
【キャラクターデザイン】動物のイラスト／SNSアイコン
デザイナーという職業柄絵を描いて披露することが多いのですが、それを見た人からTwitterやFacebookのアイコンを描いて欲しいと頼まれることが増えました。Twitterまんが描いた時なんかもそうですね。 動物なんかのキャラクターを描くのは息抜きがてら昼休みに仕上げたりしています。ちょこっと描くのがとても楽しいんですよね。折角描いたので、こちらに載せることに。
Webサイトにおける“訴求力”
こんにちは、石上です。 今日は、Webサイトにおける「訴求力」について私なりの考えを書きたいと思います。 ※たまに「シズル感」と表現してくるお客様もいます。 聞いたことない方のために、「シズル感」とは写真や映像に表現される購買意欲を刺激される感じのことを指します。 例えば、ビールをグラスで注ぐ音や泡、ゴクゴク飲む音などがシズル感です。（見ただけで「飲みたい！（欲しくなる）」という感じを出すことです） Webの場合では、「訴求力」の意味合いで使われていることが多いと思います。 […]
会社の飲み会と飲みニケーションは別物？
先日Yahoo！ニュースで飲み会についての興味深い記事が掲載されておりました。 飲み会に“残業代”は、つけるべき？ 最近、インターネットでこういった記事を見ていると、会社の飲み会というだけで異常に嫌悪感を示す方が増えているように感じます。 増えているというか、昔から不得意な方は結構いたとは思うのですが、嫌なものは嫌とはっきりと主張する方が増えてきただけなのかもしれません。 理由はなんとなくわかります。 会社の飲み会というと、「上司に気を使ってお酌をする」「酔った上司に仕事の延 […]
【デザイン集】素材が不足している時のメインビジュアル
デザインの構成にばっちりメインビジュアルの領域が取られているのに素材の写真もイラストもない。 どうにかして間を持たせなければならない、そんな時。 絶対絶命ですね。 今日はそんな「どうにかして作らなければいけない」そんな時、参考になりそうなメインビジュアルを集めてみました。 ・背景に当たり障りの無い写真を入れてぼかしてみたり ・アイコンを大きく配置してみたり ・タイポグラフィで頑張ってみたり ・背景をグラデーションにしてみたり ・模様を入れてみたり …etc うぅん […]
IT業界のことで相談する際の弁護士先生の選び方
Webサービスを運用していたり、受託制作をやっていると利用規約や契約書などで法律の専門家に内容の確認をした方が良いことが多々あります。ある程度自分たちの法的な知識の元に作成してもやはりそこは素人で、法的な解釈は間違っていることもよくあります。 昨年の11月に「Web業界 受注契約の教科書」という書籍の執筆に携わらせていただいたのですが、改めて自分たちの判断が素人判断であると認識し、IT業界と法律の解釈は非常に難しいと思いました。 法的なことを相談する際、弁護士の先生にお願いす […]
CMSの導入参考資料公開！～弊社オリジナルCMS「proG」～
こんにちは、石上です。 先日、proGの導入参考資料をslideshareにアップロードしました。 ※proG製品サイトにも掲載しています。 スライドには、CMSの導入によるよくある失敗や後悔などの声と、それらの声を受けて生まれた弊社のproGについて書いています。 例えば、「HTMLベースのCMS導入で自分たちで自由自在に更新できるぞ」、「外注費0（ゼロ）にするため、サイト全部をCMSで管理！」。しかしその結果、後悔することになったなど、CMSを導入したことがある方ならば「 […]
画像をCSSで縮小した際の各ブラウザの表示
こんにちは、工藤です。 年明け早々寒いですね。 危うく早速風邪をこじらせてしまうところでした。 3連休は暖かくして過ごそうと思います！
Webページにおける文字量と画像のバランス
新年あけまして、おめでとうございます。 本年もよろしくお願い致します。 さて、新年一回目はWebページの「文字量と画像のバランス」について書きたいと思います。 Webサイトは、通常文字による情報と、画像による視覚的情報で構成されています。 小説のように文字だけで構成されているサイトは、近年ほぼ見られなくなりました。 ※昔は、文字（文字色やサイズなどの装飾とHTMLの表）だけで作られているサイトも割と見かけましたが、今は見る機会が減りましたね。 （文字だけで構成されたページは、 […]
【怖くないJavaScript + jQuery】要素をエンドレスでスライドさせる
あけましておめでとうございます。年の瀬の頃より毎日寒いですが、皆様いかがお過ごしでしょうか。 私の今回のブログ初めですが、jQueryのことについて書きたいと思います。 以前「連続した処理で画像をスライドさせる」ことで記事にしましたが、今回はこちらの応用編です。前回は画像を背景に設定し動かしていたのでリンクが貼れませんでしたが、今回はリンクつきの処理を作りたいと思います。TOPページで商品をずらっと並べたい場合などにご使用ください。 目次1 デモ2 Step1：まず下準備3 […]
小さなWeb制作会社が自社でサービスを作ろうと思った時に気をつけたいこと。
新年明けましておめでとうございます。 今年は年末年始の休暇が長かったせいかまったくお正月感がしませんでした。 個人的にはお正月休みが長すぎると飲酒量も多くなり、健康上よくないので、仕事が始まり生活リズムが戻ってきてほっとしています。 さて、本年も仕事が始まり本年の目標を掲げたいところですが、今回はWeb制作会社で自社オリジナルのサービスを作るうえで注意したいことを挙げてみます。 毎年のように何かヒットするもの作りたいと思っているので、特に今年に限って大きな目標を掲げるのではな […]
WebサイトにおけるPDFについて
こんにちは、石上です。 この1週間でいきなり、年の暮れの雰囲気を感じるようになりました。今回はAdobeのPDFファイルについて話をしたいと思います。 Webサイト以外でも様々なところで色々とお世話になっているPDFファイルですが、今年10年目のファイルフォーマットです。 （ちなみに当社の独自CMS「proG（プログ）」は、PDFはもちろんのことWordやExcelファイルなど様々なファイルのアップロードも簡単にできるCMSです。ご興味のある方は、製品専用サイトを是非ご覧くだ […]
TwitterまんがPart24
おはようございます。世間はクリスマスですね。 年の瀬の折、皆様いかがお過ごしでしょうか。仕事収め目前で忙しくされているでしょうか。 さて、今日もお仕事の合間にほっこりする漫画をひとつ。 クリスマスですので仲良さげなツイートを選んでみました。 目次1 ヨメからLINE2 今回描かせて頂いたツイート3 バックナンバー ヨメからLINE 今回描かせて頂いたツイート あんまりにも可愛らしかったので描かせて頂きました。LINE、便利ですよね。 バックナンバー あわせてこちらもどうぞ。 […]
Webサイトに見るピクトグラム
こんにちは、石上です。 気が付いたら、年末が近づいていました。 今日は、ピクトグラムについて書こうと思います。 目次1 ピクトグラムとは？2 Webサイトのピクトグラム ピクトグラムとは？ 「ピクトグラム」を聞いたことが無い方のために、まずはピクトグラムについて簡単に私なりの定義を書いてみます。 ・単色（背景色と合わせて2色）で作る絵記号 ・国や文化が違う方でも、文字情報に頼ることなく「何を表わしているのか」がわかるもの （ユニバーサルデザインになっているものもある） □ピク […]
年末年始の休暇について
平素は格別のお引き立てをたまわりまして誠にありがとうございます。 当社では以下の日程で年末年始休暇を取らせていただきます。 2013/12/28(土)～2014/1/5(日) なお、12/27(金)については社内残務の取りまとめとし、通常業務は行いませんので、予めご了承ください。 12/27にご連絡いただきましたご依頼については年明けの1/6(月)からの対応とさせていただきます。 運用中の各種Webサービスについては緊急性の高い不具合対応以外のサポートについては年明けのの1/ […]
「スマートイルミネーション横浜2013」を見に行ってきました。
10月末頃の少し前の話題なのですが、「スマートイルミネーション横浜2013」を見に行ってきました。 昨年も記事にしましたが、アートイベントが豊富な横浜周辺で、私がいつも楽しみにしているイベントの一つです。 「省エネ技術とアートでつくるもうひとつの横浜夜景」をテーマに、横浜駅周辺からみなとみらい一帯まで、色とりどりのイルミネーションで照らされます。 の5日間に渡るイベント、全部見るには少し広すぎて、ほんの一部ですが、ご紹介したいと思います。 スマートイルミネーション横浜2013 […]
無駄な残業ゼロを目指す！Webディレクターの時間の使い方。
今年も残すところわずかとなってしまいました。 こうやって一年が経ってしまおうとすると、昨年の暮れのことがまるで昨日のことのようにも感じられます。 さて、今年も色々なサイトやサービスを制作してきたわけですが、とりわけ制作時間について考えさせられることが多かったように思います。 考えさせられるということは、事が思い通りに進まなかったことが多かったわけで、反省ということになるわけですが、今回は時間と制作について書いてみたいと思います。 実際に現場で制作に […]
オリジナル地図と外部の地図サービス
こんにちは、石上です。 今週、当社のカスタマイズCMS「proG（プログ）」から新しく総合病院向けパッケージCMS「proG hospital（プログ ホスピタル）」がリリースされました！ proG hospitalにはproG同様、実際にサイトを運営されている現場の方の声や立場から制作した「病院からのお知らせ」や「医師情報」「外来診療表」などの機能をパッケージ化したものです。 今回は、CMSサイトでも通常のHTMLのサイトでも、Webサイトに必要な「地図」について書きたいと […]
【怖くないJavaScript + jQuery】スクロールの高さを判定して画像をふわっと表示する・シュッと表示する
先日、弊社サービス「proG（プログ）」の、総合病院向けパッケージ「proG hospital」がリリースされました。（プレスリリースも出しています！） リリースにあたってランディングページを制作したのですが、今回は画像がふわっと表示されたりシュッとスライドで表示されたり、アニメーションを多く取り入れています。 参考にと他サイトを色々と見ていたのですが、印象に残りやすく、とても良い仕組みだと思います。 そこで今回は、画面をスクロールし、一定の高さまで届くとアニメーションするj […]
Web受託制作におけるCMS導入の実際と考え方。
本日当社で開発したCMS「proG(プログ)」の総合病院向けパッケージ「proG hospital」がリリースされましたので、CMSについて書いてみます。 proGというCMSは当社が創業した当初受託制作で必ず導入していた更新システムを製品化したものです。 基本的にはクライアントのご要望や運用体制などをヒアリングのうえカスタマイズ導入します。 実際に導入してみるといろいろなことが分かってきます。 最初はやる気満々でも実際には更新を制作会社でCMSを使ってやることになったり、欲 […]
Webサイトのアクセシビリティについて【コーディング編】
こんにちは、石上です。 前々回に引き続きアクセシビリティについて書きたいと思います。 今回はコーディング（HTML化）についてです。 目次1 コーディングで、注意したいポイント1.1 文字サイズ1.2 タブメニュー1.3 文字の送り仮名1.4 画像のALTタグ1.5 文法チェック コーディングで、注意したいポイント 文字サイズ HTMLで文字サイズを指定するにはem、px、pt、%といった記述方法があります。 多くのサイトで%（パーセント）かpx（ピクセル）を使用いると思いま […]
Webディレクターがエンジニアに工数を聞く際に気を付けたいこと。
Web制作においてプログラミングが必要なシステムなどが絡むと、その規模やクライアントの要望によって制作現場ではたいていひと悶着あったりします。 それは見積り作成時、仕様策定時、開発完了後、タイミングは様々です。 特に見積り作成時には工数計算する際にエンジニアに工数を確認すると思うのですが、そのままエンジニアの工数を計上すると到底クライアントの予算に合わず、やりたいことと金額が釣り合わなくなったりします。 こういったことで「クライアントとエンジニアの狭間」または「上司とエンジニ […]
Webサイトのアクセシビリティについて【デザイン編】
こんにちは、石上です。 前回、アクセシビリティについて大まかに記載しましたが、デザインの注意事項などについて書きたいと思います。 クライアントの方も、「アクセシビリティに配慮すると、デザインにどういう制限が出てくるのか」などのご参考にしていただければと思います。 目次1 デザインで、注意したいポイント1.1 文字1.2 レイアウト/デザイン1.3 その他 デザインで、注意したいポイント 文字 ・大きさ…文字サイズは一般的なサイトよりも若干文字サイズを大きめにする。 […]
