印象に残るメインビジュアルを集めました
こんにちは、工藤です。 今回はちょっと変わった、インパクトのあるメインビジュアルを集めました。 やっぱりサイトに入った時にすぐに目に入るものですから印象に残るようデザインしたいですよね。 目次1 にこにこ小児歯科2 社会福祉法人富士会 富士保育園3 ペエ歯科クリニック4 昭和くらし不動産5 小浜こども園6 雪見亭7 くまもと田崎市場8 MARUNOUCHI – THE HEART OF TOKYO –9 JIA関東甲信越支部 大学院修士設計展 2015 […]
【怖くないJavaScript + jQuery】デバッグのススメ ～なぜ動かないのか調べる～
jQueryのコードを見よう見まねで書いてはみるものの、動かず、そして結局諦める。初心者の方ならよくあることかと思います。今日は「なぜ動かないのか」を調べる方法を書こうと思います。デバッグの方法ですね。書いたコードのどこがおかしいのか調べて、直してみましょう。 目次1 方法は2つ2 例を置いておきます 方法は2つ デバッグの方法ですが、2つあります。アラートで出してしまうか、コンソールを使用する方法です。私は、一か所だけちょっと調べたい時とかはアラート、複数個所あったりする時 […]
漫画で読む、お酌文化と会社の飲み会のお作法 【ノミトモPR漫画】
年の瀬もせまり、忘年会、新年会のシーズンがやってきました。 何かとお酒を飲む機会が増えますね。 私は最近休肝日をきちんと週に3日設けるようにしているのですが、年末年始で自分ルールが崩れてしまいそうで心配です。 ということで、飲みの多いシーズンにちなんで、今回は会社の飲み会あるある漫画を描いてみました。 是非使ってみてください！ ノミトモ http://nomi-tomo.net/
年末年始休暇のお知らせ
平素は格別のお引き立てをたまわりまして誠にありがとうございます。 当社では以下の日程で年末年始休暇を取らせていただきます。 2015/12/29(火)～2016/1/3(日) 12/28(月)については緊急対応以外の業務以外の通常業務は行いませんので、ご容赦願います。 なお、12/28以降にご連絡いただきましたご依頼については、年明けの1/4(月)からの対応とさせていただきます。 運用中の各種Webサービスについても、緊急性の高い不具合対応以外のサポートについては、年明けの1 […]
【怖くないJavaScript + jQuery】SVGデータを使用しての処理
今日はSVGデータを使用してアニメーションさせてみましょう。 SVGデータとは何かといいますと、端的に言うとXML形式で書かれた画像です。 目次1 SVGの基本2 SVGにjQueryで処理を追加する3 jsを書き込む SVGの基本 例えばこのSVGデータをテキストで開くとこんなかんじ。 イメージマップのように頂点の座標が数値で記述されています。 テキストで描画情報を持った画像ってところでしょうか。ベクトルデータなので拡大縮小してもボケることはありません。 pointsの部分 […]
参考にしたい ヘッダーデザインのまとめ
こんにちは、工藤です。 今回は参考にしたいヘッダーのデザインをまとめました。 目次1 株式会社LITALICO（りたりこ）2 オンリー（ザ・スーパースーツストア）公式通販3 junhashimoto（ジュンハシモト）公式通販4 オーダースーツのHANABISHI5 ていれぎの湯6 KIMAL-キマル-7 オンダパーツ株式会社8 Food & Design Post9 フジ物産株式会社10 ベンワークウェア11 マリモサービスオフィス12 スタジオK13 キリン14 […]
【怖くないJavaScript + jQuery】new Date()で日付を動的に書きだしてみる
毎度おなじみ怖くないシリーズです。そろそろ年の瀬ですし、カウントダウンとか作って遊びたくなりますね。 今日はnew Date()を使用して、日付で遊んでみましょう。 目次1 日時取得の基本2 Step1：まず下準備3 Step2:次にHTMLの準備4 Step3:jsを書き込む4.1 ◆この記述は必須4.2 ◆「年」だけ取り出す4.3 ◆「月」だけ取り出す4.4 ◆「日」だけ取り出す4.5 ◆最後に必要な情報をドッキング 日時取得の基本 new Date()を使用すると、現在 […]
Web制作現場でいうユーザー目線ってそもそも本当にユーザー目線なのだろうか。
制作の仕事をしているとユーザー目線という言葉をよく聞きます。 制作の現場でユーザー目線というと、インターフェイスに限った話をしていることが多いと思います。 確かに使い勝手という意味で、サービスやサイトを作る際に、ユーザーのことを考えて、ユーザーの立場に立ってみて考えることは大切だと思います。 しかし、そのユーザー目線、本当にユーザー目線なのかな、と思うこともあります。 ある人にとってはそうだけど、ある人にとってはそうではない。 ユーザー目線と語り始めると、制作者同士の主張がぶ […]
小さなWebサービスを5年運用した収益やアクセスなどあれこれ
そろそろ忘年会シーズンがやってきます。 当社では飲み会はほとんどありませんが、飲み友作りをサポートする「ノミトモ」というWebサービスを5年間くらい運用しています。 まだまだ、収益化というにはほど遠いですが、少しずつ収益をとれるサービスに育ってきました。 ということで、5年間運用してみたところで、ノミトモというWebサービスの現状をスライドにまとめてみました。 会員数や収益などの具体的な数値は恥ずかしいので伏せていますが、概ね収益面などは想像付くと思います。 実際にかけた広告 […]
【怖くないJavaScript + jQuery】ウィンドウサイズに合わせてメイン画像のサイズを変えたい
毎度おなじみ、[怖くないJavaScript + jQuery]シリーズです。 かゆい所に手が届くような、ニッチなjsをどんどん作っていきたいと思います。 「今回はウィンドウサイズに合わせてメイン画像のサイズを変えるjs」を作ります。 ファーストビューは維持したいんだけどメイン画像はウィンドウサイズに合わせて大きく取りたいと要望があった時には最適です。ウィンドウをリサイズした時の処理も入れて行きます。スマホにもちょっとだけ配慮します。 仕組みとしては、全体のウインドウのhei […]
受託制作でWebサービスをつくる時に注意したいポイント
当社ではWebサービスを運用しているせいか、受託制作においても、よくWebサービスの制作を依頼されることがあります。 社内制作で実績があるので、技術的には問題ないといえば問題ないのですが、制作を進めていくうえでは、自社サービスをやるのと大きく異なります。 社内サービスではさくっとやってしまえることが、受託だと出来なかったり、想定していないところでクレームに繋がったりします。 BtoCというWebサービスの特性上、ただの制作ではなく、制作会社に求められているものがちょっと違うよ […]
【商用利用OK】フリー写真素材サイト20選
こんにちは、工藤です。 いつもの自分用では若干ありますが、商用利用OKでフリー写真を提供してくださっているサイトをまとめました。（一部有料有） ご利用ガイドや写真ごとにある使用許諾などとあわせてご利用ください。 2015年11月13日現在の情報になります。 目次1 ぱくたそ2 写真AC3 Pixabay4 足成5 モデルピース6 pro.foto（プロ ドット フォト）7 model.foto（モデルドットフォト）8 food.foto（フード ドット フォト）9 CG.fo […]
イラストが魅力的なサイトのまとめ
こんにちは、工藤です。 今回はイラストが魅力的なサイトをまとめました。 目次1 STAY HOT いいぞ、もっとやれ。 – 日清カップヌードル2 フォトハウス ハピスタ3 旅もじゃ4 What is JUNIOR RESIDENT？-日本医科大学千葉北総病5 アルファデンタルオフィス6 La Maison des Carrés Hermès7 Kyoto Study Program8 WHY WASEDA9 Nottage10 レクシー株式会社 STAY HOT […]
参考書には載っていないWebディレクターが気を付けたいこと
制作を進めていると、ちょっとした物言いが原因でトラブルに発展することもあります。 Webディレクターなど窓口として立つ人間は気を付けたいところです。 タスク整理とかワイヤーフレームも大切ですが、窓口としてクライアント担当をしている以上、会社の顔です。 制作を発注する際、会社に発注するというよりも、その担当者に発注するという部分も多々あります。 Webディレクターの対応は会社の対応といっても過言ではないでしょう。 出来ればクライアントとは長い付き合い、次につながる付き合いをした […]
非デザイナーから見たデザイナーが制作現場で求められていること
最近ネットをみていると、時々「デザイナーはオペレーターではない」論が話題になっているのを見かけます。 確かに制作現場ではよく話題になる話ではあります。 デザイナーは、ただ作業するだけではなく、アイデアや独創性がないとデザイナーとは言えん！みたいな話です。個人的にこの話は、Webディレクターが窓口に立って、話を進める進行体制をもう少し何とかしないと、オペレーションにしかならざるを得ないことも多いのではないかと思っています。 では、デザイナーとは何なのか？ デザイナーに限った話で […]
Web制作の発注契約セミナーに参加して気になった法的なお話。
昨日10/27に私高本が執筆に携わらせていただいた「Web業界 発注制作の教科書 発売記念セミナー」で登壇させていただきました。 第一部の著者として制作現場レベルでのトラブル回避ポイントとしてお話しをさせていただきました。 どちらかというと受託制作で受注する側なので、発注者向けにポイントを解説することで、自分たちの首を締めることにもなりそうな気がしましたが、心を鬼にしてお話しをしてきました。 以下、昨日使用したスライドをSlideshareに掲載しましたので、興味のある方はご […]
気になって仕方がないこと 1コマ日記
素敵な若いお嬢さんのメガネケースに「うなぎの蒲焼き」シールが貼ってあるとは思いませんでした。 どうしてなんでしょう。とても気になりました。 なんとなく入ったコーヒーショップで何か面白いことがあると少し楽しい気持ちになりますね。 ちなみにこの「うなぎのかば焼き」シール、調べてみると1冊500枚入りで1000円くらいで購入できるようです。 販促シール専門店と言うサイトを見つけたのですが、眺めているとなんだか不思議な気持ちに。自分に全く縁の無いちょっと変わったサイトを眺めていると楽 […]
Androidでつまずいたバグについて 2
こんにちは、工藤です。 Android4系の標準ブラウザのバグで引っかかったことがありましたので書き留めておきます。 前回：Androidでつまずいたバグについてのまとめ 目次1 画像をcssで丸く切り抜ぬくと標準ブラウザでのみ表示が異なる1.1 HTML1.2 CSS 画像をcssで丸く切り抜ぬくと標準ブラウザでのみ表示が異なる ここ最近よく見る画像の丸い切り抜きです。 ユーザーさんが登録したアイコンなどはcssで切り抜く（ように見せる）のが手っ取り早いですね。 今回は下の […]
【WordPress 管理画面】一覧画面の一括操作「編集」を消したい
本日はWordPressの管理画面カスタマイズについて。 一つだけどうしても消せなくて悩んでいたのが、投稿一覧画面にある一括操作の「編集」操作。 この編集操作、適用して使用すると一覧画面でタグやカテゴリ作成者コメント果てはフォーマットまで様々なステータスを編集することができますが、何か一つでも使用して欲しくないものが含まれている時、絶対に触ってほしくありません。もうできれば存在に気付かないで欲しい。 CSSで消せばいいやと思っていたのですが、Safariでoptionタグにd […]
Sass導入後「.scss」ファイルのDreamWeaver対応がうまくいかない→原因はWindowsのUAC？
先日、いつ案件が舞い込んでも大丈夫なようにと試しにSassを導入しました。 参考にさせて頂いたのはこちらの記事。Sassについて詳しくは下記記事をご覧ください。 参考URL：これからSassを始めたい人へ！導入手順をまとめてみた(Dreamweaver対応) | 株式会社LIG 目次1 何回やってもDreamWeaverで有効にならない2 権限の変更 何回やってもDreamWeaverで有効にならない そこで導入していてつまずいたので、メモのエントリ。 Sassのデータは「. […]
hover時に素敵な動きを加えてくれるcss3アニメーション10選
今回は素敵なCSS3アニメーションを用意してくださっているサイトをご紹介します。 2016年1月にIE8のサポートが切れる…とのことなのでいつかバンバンつかえる日が来たらいいなと思います。 目次1 Hover.css2 CSSのみで実装するボタンデザインやホバーエフェクト 20＋α 目次3 CSSのみで実装できる、画像と相性が良さそうなホバーエフェクト 154 CSSのみで実装するキャプションエフェクト 205 イケテルオリジナルマウスオーバーCSS3アニメーション […]
からあげクン 1コマ日記
最近驚いたこと。 最近驚いたことです。 からあげクンって1986年にできたんですね。なんと今年で29歳。 当社のエンジニアさんに教えてもらってから、心の中でからあげ先輩と呼んでいます。 オフィスの近くにローソンがあり、毎日通っています。ローソンのからあげはとても好きです。 からあげクンだと昔あった桃味とオリーブ味が好きでした。 からあげクンをとりあげた専用のサイトまであるようです。 カラフルでかわいらしい。 「からあげ王国」 そしてなんと1000個に一個くらいの確率で、レアな […]
【怖くないJavaScript + jQuery】マウスオーバーで注釈を表示させる
毎度おなじみ、[怖くないJavaScript + jQuery]シリーズです。 今回は、マウスオーバーで注釈を表示させるjsを作ります。 目次1 デモ2 Step1：まず下準備3 Step2:次にHTMLの準備4 Step3:次にCSSの準備5 Step4:jsを書き込む デモ 実際に動かしてみるとこんな感じになります。 ボタンにマウスを載せてみてください。 デモを別ページで開く ファイル一式ダウンロード Step1：まず下準備 こちらはいつもと同じですね。まず必要なファイル […]
夏のできごと 1コマ日記
本日の渋谷は雨。先週の陽気が嘘のように寒いですが皆様いかがお過ごしでしょうか。 最近の私はと言いますと、腰痛に悩まされています。オフィスでの座り仕事、職業柄なんでしょうか。 さて、今日はなんだかイラストが描きたくなったので、この夏起こったことを1コマ日記にしました。 ビットマップでの色塗りの作業も、たまにやると楽しいですね。
Webサービス制作を制作会社へ発注する際に直面するトラブル事例
数年前から、新しいWebサービスの企画・開発を依頼されることが増えてきました。 自社の業務の強みを利用して、新しいサービスの運営をしてみたい、という実業をサポートする形でのWebサービス開発が増えて来ているように思います。 先日、上梓した「Web業界 発注制作の教科書」という書籍は、こういった企業から発注されるWebサービスの開発・運営を意識して書きました。 Webサービスの開発は、発注者の思い入れも強いので、制作の際にイメージの食い違いで、揉めることも多々あります。 では、 […]
運営会社:株式会社8bit
制作サービス
運営サービス
