スマホを使っていて、イラッと感じること、ありませんか。 「×マークが小さくて、消そうとしたら、意図せず広告に触れてしまった」 「×マークを押そうとしたら、急に広告が動き、誤って広告サイトに飛んでしまった」 ウェブでの不快なことを聞いたある調査では、「広告を誤って押してしまったり、押しそうになった」と答えた人が、最も多いという結果でした。 実は、これ、「ダークパターン」と呼ばれ、世界で問題になっています。 （デジタルでだまされない取材班 芋野達郎） 押す気はないのに、広告を… マーケティングのリサーチ会社「クロス・マーケティング」が、20代から60代の1100人に、ウェブサイトやアプリを利用している際に感じる不快なことを、複数回答でたずねました。 すると、最も多かったのは『広告が表示され、押す気はないのに誤って押してしまった（押しそうになった）』で、29.5％、およそ3割にのぼりました。 続

バーグハンバーグバーグはTwitterを中心として話題になる「おもしろい広告コンテンツ」の得意な会社です。昨今ユーザーに嫌われがちな広告ですが、我々が手がけることで「ユーザーに好かれる広告」を実現します。

先日、ふとしたきっかけで乃木坂46の公式サイトをリデザインを思い立ち、スキルアップの一環も兼ねてトップページをリデザインをしていました。 そのリデザインから学んだことなどをブログに書きたいと思っていたのですが、公式サイトに掲載されているコンテンツの著作権上、なかなか難しいかなと思い、念のため乃木坂46の運営委員会に問い合わせてみたところ、営利目的でなければ使用しても大丈夫（ブログの掲載も可）との許可をいただいたため、こちらに書くことにしました（2/9 16:43：問い合わせの内容は、公式サイトのお問い合わせフォームから送信したため、画像の添付などはしていません。コンテンツの掲載許可は頂きましたが、運営委員会に直接デザインデータを送ったわけではありません）。 なぜリデザインをしたいと思ったのかもともとアイドルが好きで、アイドルグループの公式サイトをチェックする機会が多いのですが、乃木坂46の

この映画の最大の魅力の一つは、コメディ要素とシリアスなテーマのバランスが非常に良い点でしょう。 タイムループに気づいた主人公たちが、何とかして上司に気づかせようと奮闘する姿はコミカルに描かれており、>>続きを読む

dev.toと阿部寛のホームページどっちが速いですか？— あれからのぐりだけど (@_guri3) 2017年11月15日 という内容のツイートを見つけたので計測してみる。 ずっとパソコンに向かってて飽きてたので息抜きで。 dev.to というのは、 Qiita の海外版みたなやつです。一番の特徴はナビゲーションの速さ。 対抗するのは、 THE Traditional Web Site というたたずまいで有名？な　阿部寛のホームページ 計測 今回は、Google の PageSpeed Insights を利用していきます。 dev.to まずは、dev.to から 86/100 です！ 阿部 寛 のホームページ 92/100 です！ まとめ 伝統的ウェブサイトの方が早かった！

多くのサイトは脱Flashの流れのなかにあり、従来Flashで作られていた表現の多くはHTML5へ移行が進んでいます。使われている技術は変われど、アニメーションを心地よく見せる技やユーザーを楽しませる要素は普遍的なもの。かつて話題になったFlashサイトから得られるものは多いはずです。 2017年7月26日（水）、ブラウザプラグインのFlash Playerが2020年末に終了すると、アドビが発表しました（参照「Flash とインタラクティブコンテンツの未来 | Adobe.com」）。Flashサイトがブラウザで見られなくなってしまうまでに見納めするべきサイトをまとめました。 FONTPARK 2.0 | MORISAWA 別ウィンドウで開く フォントメーカー「モリサワ」のウェブサイト（2008年公開）。文字のパーツを組み合わせてオリジナルのイラストを作成し、作品として投稿・共有できます

恐らくインターネット史上最強の、無料で使える画像の検索に特化した検索エンジンが登場した。運営にあたるのは著作物の適正な再利用の促進を目的として、2001年に創立されたクリエイティブコモンズ。 クリエイティブコモンズは以前から、クレジットの付記等の条件付きで、著作物を広範囲のネットユーザーに再利用させる試みを行ってきた。今回のサイトの登場で、その画像の検索が一気に簡単になった。 従来はクリエイティブコモンズ画像の検索はグーグルのアドバンスサーチやFlickrに頼るしかなかったが、新規にオープンしたサイトはまだベータ版ながら、非常に使いやすいサービスに仕上がっている。 今回の「クリエイティブコモンズサーチ」は、900万点以上の画像を一気に検索可能。ライブラリにはFlickrや500px、ニューヨークのメトロポリタン美術館やニューヨーク公共図書館、アムステルダム国立美術館のサイトの画像が含まれて

鬼龍院 翔 鬼龍院 翔（キリュウイン ショウ）。Vo-karu。 血液型はB型、身長は164cm。 愛称は「キリショー」「キリちゃん」「若大将」「アモーレ」など。 全楽曲の作詞･作曲を手掛ける。ギター、ベース、ドラム、など一通りの楽器は演奏することが出来る。ピアノとバイオリンはかじった程度。 作詞はマクドナルドの店内で行う。本人曰くマクドナルドを「パワースポット」と呼んでいる。 ワンマンライブの演出、ライブ中に行われる演劇の脚本、ステージ構成も手掛けている。 好きなものは肉、パン、酒、居酒屋巡り、漫画、AV、探偵ゲーム、ゼルダの伝説、90年代J-POP、ユーロビート、 極度のすきっぱ(歯に隙間が空いている)だが本人はあまり気にしていない。いつか直したいとは言っている。 頭のサイズが大きくほとんどの帽子が入らないが、本人はあまり気にしていない。 化粧を落とすと極端に薄い顔になる。本人は割と気

Site will be available soon. Thank you for your patience!

公開前に知人に見せたら、読むのに20分もかかったわ！！ と、お叱りを受けましたｗ オススメのツールやWEBサービスということで50ほど紹介していますが、僕の使用感のほかに、ところどころ経験談的なものが入っています。そのあたり、読むのがめんどうな方は読み飛ばしていただければ幸いです。 2万文字近くあるので、お時間ある際にゆるりと読んでいただければと思います。 それではお楽しみ下さい！ サイト解析に使えるツール・サービス import.io Juicer Ptengine GTmetrix CLOUD FLARE wayback timemachine シミラーウェブ Open Site Explorer サクラサクLABO aguse Built with ディレクションに使えるツール・サービス ウェブチェッカー Cat Mdes maindmaister ひとりブレスト 関連キーワード取得

４月から美大の学生になった。 美大といっても、大学生と一緒に通う形のもんじゃなくって、ムサビが社会人向けにやっている各種学校のほう。 普通に１９歳と一緒に美大に入るには、私にはほかの生活がありすぎるので、１年分のカリキュラムを、私は週2日づつ２年かけてやってる。 これは人生のリベンジなんである。 とにかく、どうやったって絶対絵を描きたくて、学びたいのは美術で、ほんでもって高校の美術の先生も「君は絶対美術系に進みなさい」って言ってくれてたにもかかわらず、親に強固な権力行使をされて普通大学にしか学費を払ってもらえなかった。ってか、それ以外は選択の余地なしで、父親のDVも恐ろしかったので、そうするしかなかった。 今の時代、得意なものを探せ、やりたいことをみつけろ、進路を早めに定めろってさんざん言われてるのに、当時、それをちゃんと高校一年生から定めていた私は、ちっともやりたいことなんて選ばせてもら

次回以降の流れは？（2016/04/11 0時　追記） マンガでわかるGitの構成は、ざっくり下記の構成を考えています。 最初の一歩：　Gitとはなんぞや？ 第一フェーズ：　１人で使ってみる 第二フェーズ：　複数人で使ってみる 第三フェーズ：　実務上でのハウツー（応用） これは、まだ私が頭の中で考えているだけの仮段階のものですので、細部はみなさんからのコメント・需要を拝見しながら変更していくと思われます。 ちなみに、はてブコメントで要望の多かった「SVNとGitの違い」　→　こちらのマンガ化はやってみたいですね。 #マンガでわかるGit 全体の構成（仮）考えるの楽しい♫ Gitってそもそも何？メリットは？ ↓ 一人でGit😃 ↓ 複数人でGit😃😃 の流れで考えています。 はじめてコミット、チェックアウトしたときの感動といったら！ pic.twitter.com/uyCl1zAxAF

1: 以下、＼(^o^)／でVIPがお送りします 2015/08/23(日) 13:16:03.102 ID:zVn4gKer0.net この画像 一打席目 ハッピーランドとかいう出会い系サイト 3: 以下、＼(^o^)／でVIPがお送りします 2015/08/23(日) 13:17:35.727 ID:zVn4gKer0.net 二打席目 ナチュラルスタイルパーティーとかいう婚活パーティー応募サイト 4: 以下、＼(^o^)／でVIPがお送りします 2015/08/23(日) 13:18:35.829 ID:zVn4gKer0.net 三打席目 下関にある歯医者のホムペ 5: 以下、＼(^o^)／でVIPがお送りします 2015/08/23(日) 13:18:55.298 ID:XGPjBh9A0.net ワロタ 6: 以下、＼(^o^)／でVIPがお送りします 2015/08/

スマートフォン対応サイトで右上や左上にある「≡」こんな形の三本線のメニューはいわゆるハンバーガーメニューと言いますが、ハンバーガーメニューのデザインに関してA/Bテストを行っていた記事があったので紹介します。 ●ハンバーガーメニューのデザインパターンハンバーガーメニューは色々なデザインがあって、例えば以下の様なパターンがあります。（サイトイメージは「グラシン工房」から） まずはBootstrapの標準に近い形式。三本の線があるだけのパターン。 次に三本の線のしたにメニューという文字を配置して、アイコンの意味を説明するパターン。 三本線を線（border）で囲い、ボタンらしく見せるデザインのパターン。 他にもいくつかデザイン・表現方法がありますが、それは前に書いた「【Web制作】スマートフォンサイトのメニューのアイコンデザイン・表示を比べてみた」の記事をご覧ください。 ●アイコンだけ・文字付

Private content!This content has been marked as private by the uploader.

デザインをする際に、IllustratorやPhotoshop、Sketchが使えるといった、小手先の技術はもちろん大切ですが、そもそも「良いデザインとは何か」という概念的なことを知っておくのは大切です。 そこで、今回は、ノンデザイナーでも押さえておくべき、デザインの原理原則がわかる8つの記事を簡単な説明とともにご紹介します。 企画書の作成、簡単なモックアップをつくる際にも役立つものばかりです。 配色技法 デザインをしていて「良い配色」が思い浮かばない…　なんて時に読むと考えがまとまる記事です。 「良い配色」という、なんとなく持っている概念を、論理的に説明したい時には重宝します。ドミナントカラー、トーンイントーン、カマイユなど7つの配色技法を、具体的な例を用いて説明しつつ、配色によってもたらされる効果を知ることができます。 → 配色に悩んだときに、きっと役立つ7つの配色技法【基本】 配色パ