もちろんわたしも、welq が出してた記事と運営スタンスはひどいものだと思います。 が、DeNA 社の圧倒的なテクノロジーとマーケティング力は、メディア運営企業として賞賛に値すると思っています。 もともと Web の世界は参入障壁が皆無なので、一儲けしたいベンチャー企業、楽して暮らしたい個人アフィリエイターが毎日のように新しく Web サイト（メディア）をつくっている無法地帯です。 そこで「検索で上位化するテクノロジーと戦略」を極めれば、1つの大きな戦場において有象無象共を蹴散らすことができます。Web マーケティングという血の海で戦っている軍人からすれば憧れるような強力兵器ですよ。 言うまでもなく、今回の騒動はあくまで「強力な兵器を持ってる会社がひどい侵略戦争をしてしまった」ことが問題なので、「最新兵器で武装して侵略するのはやめよう！　ラストサムライらしく清く正しく生きよう」みたいな風潮

海外のWEB版アニュアルレポートを調査してみた こんにちは、A.C.O.編集部です。A.C.O.ではR&Dの1つとして、定期的にグローバル環境の市場調査・研究を続けています。そのなかで最近は、海外のWEB版アニュアルレポートがさらに進化してきたな、と感じたので簡単に調べてみました。 そもそも、アニュアルレポートって何のためのもの？ アニュアルレポートは、企業における前年度の経営戦略や事業概況を報告するための年次報告書です。ここ数年では、CSR活動報告を取り込んだ「年次統合報告書」とする企業も増えています。そして、もっと多くの人に企業の価値を伝えるために、特に海外企業のアニュアルレポートのWEB化が加速しています。ここからは実例をもとにアニュアルレポートの特徴を見ていきたいと思います。 かなりクリエイティブな海外企業の事例 事例01：信念や情熱が伝わりやすいビデオメッセージ 海外では、多くの

TVにあってWebサイトにはないもの。それは・・・スタッフロール！それに気づいてからはや数年・・・。そのjQueryプラグインを作成しました。 概要 Webサイトにもスタッフロールが流れたら面白いなーと思い作ったjQueryプラグインです。レイアウト2種類+縦or横に流れるorフェードバージョン＋おまけが入っています。動作は現時点のデスクトップの最新ブラウザで確認しています。 デモ一覧 タイプ1：縦レイアウト＋縦スクロール 役職と名前が縦に並んでいるバージョンを縦にスクロールしていくバージョンです。 デモ１ タイプ2：縦レイアウト＋フェード 役職と名前が縦に並んでいるバージョンをフェードで表示していくバージョンです。 デモ2 タイプ3：縦レイアウト＋横スクロール 役職と名前が縦に並んでいるバージョンを右から左に表示していくバージョンです。 デモ3 タイプ4：横レイアウト＋縦スクロール 役職

画像は使用せずにCSSのみを使って実装したハンバーガーメニューアイコンの見栄えやクリック・ホバー時のエフェクトサンプルなど全10種類です。 以前にもハンバーガーメニューをクリックした時のエフェクトを紹介しましたが、あれからまた備忘録として残しておきたいものが幾つか出てきたのでシェアします。 共通のHTML・CSS サンプルで使用しているHTMLとCSSは下記をベースとして使用しています。 スタイルの中には幅や高さを指定している部分やラインの色を指定している部分などあるので、紹介しているものを使用する場合はこれらを自身の環境に合わせて調整してください。 <button class="menu-trigger"> <span></span> <span></span> <span></span> </button> .menu-trigger, .menu-trigger span { dis

@JUNP_Nです。毎年恒例になっている「フリー写真素材配布サイトまとめ」ですが、昨年より紹介サイトはかなり増え国内外あわせて144サイトになりました。これだけのフリー写真素材配布サイトがあれば、必要な写真はどこかで見つかりそうです。 国内のフリー写真素材サイト国内のフリー写真素材サイトは新しいサイトが増えるということは多くありませんが、2015年は「GIRLY DROP(ガーリードロップ)」が公開されました。国内のフリー写真素材サイトを僕が確認できている限りでは以下の現在42サイトです。（他にもあったら教えて下さい）※「MIKA☆RIKA」は2015年12月31日以降はロゴをつけることが必須で、ロゴをつけても2017年12月31日までしか利用できないため、「フリー素材」とは呼べないと判断しているので掲載していません。1. ぱくたそぱくたそ - フリー写真素材・無料ダウンロード2. GIR

どうも、進捗とかスケジュールって言葉が大嫌い苦手なフリーランスのたけです。 面白いエントリが話題になってたので、いっちょかみしてみます。 フリーランスに仕事を頼むなら、多少値が張っても「仕事が早い人」に頼む。 1週間・1ヶ月で80万とか270万とか、プログラマの方を想定されてるのでしょうか、80万の見積を書いただけでもビビる零細フリーランスとしては、羨ましい限りです。 元エントリを読んで、どうも微妙な感じがしたので、制作者側からの意見を述べてみます。 そもそも見積の時点で相手のスキルを判別するには？ そもそも正確なスケジュールを出すには、正確な工数の見積が必要で、正確な工数の見積には、ひっくり返らない仕様が必要です。ひっくり返らない仕様を屏風の中から出してください。 発注前に、どれだけガチガチに仕様が決まっているのでしょうか。見積の段階で出したスケジュールがどれだけ速いか、それでスキルがわ

PDCAは「小さな改善」を指すものではないし、そもそもWebサイト改善には向いてない。まずPDCAはP=計画ありきの「マネジメント」の話だし、Webはコントロールできない要素が多すぎて精度の高い計画立案が難しいからだ。 PDCAサイクルの出自は製造業の品質管理である。そしてPDCAという概念のキモは、「品質管理の話をしていると思ったらいつの間にかマネジメントの話をしていた。何を言っているのかry」である。例えば「C」は品質チェック作業はなく、品質のばらつき具合が事前の計画どおりだったかどうかを判断する。それはP=計画の検証そのものだ。製品の品質を管理するときに、単に品質チェックの「作業」を頑張ればいいのではない。品質の問題が生産工程全体のマネジメントの問題にスライドしていく。それがPDCAという概念の画期的な点だった。 だからPDCAというのは製造業だろうがWebだろうが、常にマネジメント

どうも。Yamadaです。すみません、グァムに行ってました。 向こうでお会いした方で、日本人ですがウェブ制作単価についてバーベキューを食べながら雑談してきました。 彼女の制作単価は日本人のそれをはるかに上回る、１時間14,000円というけっこう驚きの価格になっており、それでも仕事がもりもり来るということで、非常に興味深いなぁと思い記事に。 日本人は以下の事を平然と無視するバカが多い お互い日本人なんですけどなんか二人でディスってました。 例えばウェブサイトを簡単に作れたとして、たとえすぐに完成したとしても、それがすぐ完成して動き出したのは、それまでその人が学び培った経験値によるものであり、その経験値に対しての対価を頂いているという事です。 しかし、以下のような時間を、ほとんどの現場で無視されて、すごく悲しいというわけです。 クリエイト用のソフトについて学び、それを利用するかどうかを判断する

年の瀬ですね。今日あたりで仕事納めの方が多いのでしょうか。今年も一年お疲れ様でした。 ところで、今日こんな記事をSNSで見かけました。 【超基礎】デザイン苦手なディレクターが依頼時に気にすべき7つのポイント | Webディレクターズマニュアル 唐突ですがみなさん… ・デザイナーから上がってきたデザインがイメージと違っていた ・ワイヤーを装飾しただけみたいなデザインが出てきてしまった なんて事態に困ったり、迷ったりしていませんか？ 僕自身も上記の質問に「そんなことあるわけ無いじゃん」と言ってみたいところなんですが、残念ながら…。 というわけで、今回は僕が超苦手としているデザイン制作依頼時に、なるべく失敗を起こさないよう必死で気をつけているポイントを紹介しつつ> > 反省してみようかと思います。 なかなか面白いのでぜひ読んでみてください。 「デザイナーから上がってきたデザインがイメージと違って

こんにちは。まだまだ半人前ですが、元気にWebディレクターやってます。まっつんです。 唐突ですがみなさん... なんて事態に困ったり、迷ったりしていませんか？ 僕自身も上記の質問に「そんなことあるわけ無いじゃん」と言ってみたいところなんですが、残念ながら...。 というわけで、今回は僕が超苦手としているデザイン制作依頼時に、なるべく失敗を起こさないよう必死で気をつけているポイントを紹介しつつ反省してみようかと思います。 ※ちなみに今回のモデル案件は広告ランディング用のLPページデザイン作成（マークアップは別）を想定しています。 1. 制作するページの目的をクライアントと共有する そもそもの話になりますが、なぜそのページを作成するか。「目的」の話です。 デザインを作る最初の段階で「どんなターゲットに、どんなサービス・商品を、どのようにしてほしいのか」が明確でないと、どういう構成・内容でページ

みなさん、こんにちは。 MISAOのエンジョイ担当の松本です。 今回のブログは最近SNS等でバズっているフリー素材アイドルさんの記事を読み、MISAOでもフリー素材を世界に提供し、より多くのWebクリエイターさんに貢献したいとの思いで書かせていただいたブログです。MISAOから世界にフリー素材を提供し、貢献したいと立候補していただいた、DEV☆SAN二人に手伝ってもらいました。 実際のWEBサイトはこちらから コンセプト 「もっと多くの人に、DEV☆SANのことを知ってほしい！」 そんな願いから、私たちは肖像権にサヨナラをし、フリー素材インド人になることを決めました。 日本の企業の方も、個人の方も、ここにある素材を自由に使っちゃってください！ 広告でも、カタログでも、同人誌でも、MAD動画でも、何でもOKです！ いろんな私たちを世の中に出していってくれたら嬉しいです♪ ※フリー素材インド人

先週末は、マカベン名古屋 というマークアップの勉強会に参加していました。そこでこれから Web制作会社に入りたい！と思っている若い子に会ったので、どんな事をしたら私から見ていいなぁーって思うかを書いてみました。 1.ブログを書きましょう！ まずは、一番最初に誰にでも言う事としては、ブログを書きましょう。 どこに遊びに行ったとか、何を食べたとかではなく、就活のためのブログなので、自分がどの分野に興味があって、どんな勉強をしているか、どんな勉強会に参加したとかって頑張ってる事が見えるブログを書くようにすすめています。 弊社では a-blog cms というCMSを開発しているので、私のところに面接に来るつもりなら、a-blog cms を使ってブログ書いてます！って言えるようであれば、ポイントがアップするかもしれないが、そうでなければ、就職のためには WordPress は知っていた方がいいと

参照：Leo Chuối ユーザー目線のデザインてどんなものだろう、と考えていた所、海外のWebデザイン研究サイト"onextrapixel.com"から面白い記事を見つけましたので、以下に翻訳してご紹介します。 （参照：Why Designers Should Design to Incite Emotions） ユーザーの心に響くウェブデザインとは ユーザーをひきつけるウェブサイト 感情を動かす・心に響くデザインの実現は、Webサイトの訪問者に格別なユーザーエクスペリエンスをもたらす最もパワフルな方法です。数年前までは、Webデザイナー達が気を払うべきは幾分か基礎的な事で済みました。例えばデザインをスタンダードなWebサイトに寄せて行くとか、明快なナビゲーションを付けるとか、適切なレイアウトやフォントを選択するといったことです。 広がるWebデザイナーの役割 しかし、現在ではWebデザ

どうも。先日、友達の子どもの誕生日に、ディズニー映画の「アラジン」っぽい感じで誕生日カードを作ってと頼まれた、やなぎさわです。 そんなフォントあるのかと、色々探していたら、ディズニー映画のタイトルっぽいフォントをダウンロードできるサイトを見つけましたので、いくつかご紹介します！ それと、全然ディズニーと関係ないフォントも見つけたので、最後におまけで記載しておきます。お楽しみに！ 『アラジン』風フォント 陽気なランプの精がツボです。 ライセンス：個人商用使用可 ＞＞フォントのダウンロードはコチラから 『101匹わんちゃん』風フォント この映画で犬が好きになりました。 ライセンス：個人商用使用可 ＞＞フォントのダウンロードはコチラから 『不思議の国のアリス』風フォント ウサギを追いかけるのは注意しましょう。 ライセンス：個人使用のみ ＞＞フォントのダウンロードはコチラから 『カーズ』風フォント

こんにちは、たまです。 LIGにディレクターとして入社して早1年、さまざまな案件に関わらせていただきましたが、困難な事態に直面することも何度かありました。 今あらためて振り返ってみると、そういうトラブルが起きてしまう案件というのは、最初の進め方であったり、決めごとや確認ごとが甘かったりと、共通した原因があるように思えます。 そこで本日は、僕なりに「こうしておくとトラブルを防げる」と思っていることをまとめてみました。 もちろん制作のディレクションは人それぞれだと思いますので、参考までにご覧いただければと思います。 ディレクターがWeb制作でトラブルを防ぐための5つのコツ プロジェクトでトラブルが発生する主な要因としては、以下の3つが考えられます。 制作範囲 スケジュール 金額 もちろんデザインや実装でトラブルになることも多々ありますが、そもそもこの3つがクライアントと認識があっていない場合、

amazonのアソシエイト画像を使って著作権侵害を気にせず、芸能人の写真をブログに使っても大丈夫なのか？ 公開日：2014年10月15日 カテゴリ：アレな話題 どうも！個人で写真素材サイトを運営している、すしぱくです。(‘A’)ﾉ 先日、ホッテントリーに香ばしいタイトルの記事があがっておりまして、 ブロガーの方はブログに色を加えるためにも、このサービスを活用してみてくださいね。著作権侵害をせずに、芸能人の写真を思う存分使える『ブログ用の写真検索さん』が凄い… 著作権侵害をせずに、芸能人の写真を思う存分使える『ブログ用の写真検索さん』が凄い！しかもクリックされれば自分の報酬にもなります。 とのこと。 とくに真新しさはなく、以前からちょこちょこ紹介されているサービス”ブログ用の写真検索さん”を使ってみたという内容なんですが、この紹介方法と利用方法が間違えたら完全にあかんやつじゃないのかと思いま

ディレクター同士の会話で「進行管理費（ディレクションフィー）を見積もりに含めるとクライアントが嫌がる」といった話題がよく出てきます。では「なぜ嫌がられるのか？」今回はその辺りについて書いてみたいと思います。 なお今回は、フリーランスなWebプランナー DCHSのタカセが書いています。 ディレクターに対する予算のギャップと理由 フリーランスとして活動をしていると、ありがたいことに日々結構な数のお仕事の相談をいただきます。 が、その多く（おおよそ8割程度）が、予算面で折り合わないという理由からお断りさせていただいているのが実情だったりします。 予算感におおよそ2倍～10倍くらいのギャップがあって、受ければ即赤字。いかに義理や人情があろうとも、飯が食えなくなるのはきっついのでお断り...となってしまうんですね。 別に彼らにしてみても僕を困らせようとしているのではなく、純粋に「こんなもんだろう」と