webやアプリのUIデザイン上達のコツとして、模写（コピー）がよく取り上げられます。私も過去に一時期やったことがありましたが、確かにいくつかのデザインを細かく観察して自分で再現してみることで、その後いざ実践！となった時に多くの学びを活かせたと記憶しています。 そうした経験から、最近も会社の若いメンバーに模写を進めて実践してもらっていたのですが、とあるメンバーから「模写はできたものの、どんなところを観察すればよいのでしょうか？」という質問を受けました。確かに、実践経験が少ない人にとっては、真似てはみたもののそこから何を学べばよいか分からない、というのは当たり前かもしれません。 模写というと変わったレイアウトや表現ばかりにとらわれがちなのですが、本当に身に付けたいのは「使えるwebサイト」を作る上でのデザイン力の基礎部分です。その基礎とは何か？を知ると学習の効率も上がります。そんなわけで今回は

いつも生活に追われていて心にゆとりがない、家庭や職場で人間関係のストレスがある、失敗が続いて落ち込んでいるなど、私たちが日頃抱える悩みは多種多様だ。また、インターネットを通じてありとあらゆる情報のシャワーを浴び続けてしまう現代人にとって、何事にも動じない平常心を保つことはより困難になっている。 そんな世相を反映するように、インドで出家し日本の宗派に属さない「独立派」の僧侶が昨年7月に出版した書籍「反応しない練習」（角川書店）がロングセラーとなっている。著者の草薙龍瞬氏は、古代インドの賢者ブッダの教えにもとづき、心のムダな反応を止めれば、悩みや苦しみから抜けられると同書で説く。怒りや妄想など「ムダな反応」を阻止する方法について同氏に聞いた。 草薙龍瞬 僧侶、興道の里代表。中学中退後、16歳で家出・上京。放浪ののち、大検を経て東大法学部卒業。政策シンクタンクなどで働きながら「生き方」を探求しつ

BEMを使った命名がとても明快で、このところHTMLやCSSを書くのによく使っている。CSSのクラス名として書く場合は、BEMをCSS用に使いやすくしたMindBEMdingという書き方を採用している。最初にこれを知ったときは「こんな汚い記述の仕方は使いたくない」と思ってたんだけど、すっかり慣れて、今ではその明快さにちょっと心酔しかけているほど。 BEMの方法論とMindBEMdingのルールについてはそれぞれの文書を読んでもらうとして、それらをひっくるめて大雑把に説明すると、BEMとはBlock、Element、Modifierの頭文字を取ったもので、構成する要素をそのどれかに当てはめて命名していく方法。どの場合でも必ずBlockもしくはそのModifierがルートにあり、その中に、所属するElementもしくはそのModifierが含まれる構成になる。 Block - 構成のルートとな

前回の「破綻しにくいCSS設計の法則 15」は思いがけず大変なご好評をいただきました。ただ書いた当人としては、まとまりに欠けていたように思えましたので、今回はもう少し本質的なところを書いてみたいと思います。 CSSとは実際のところ何か CSSが破綻する理由 破綻しないCSS設計とは 1. CSSとは実際のところ何か CSSはJSONと同様にシンプルなフォーマットで、基本的には以下のような構造になっています。

優れたコンテンツ構成の鉄則を探る！優れたコンテンツとは顧客の悩みを解決できるため、検索やお気に入りから訪問者を獲得できます。そして、そのコンテンツは別のページに誘導する力があり、しかもゴールに結びつける力があります。 前回説明したように、こうしたコンテンツは、天才的なアイデアや人並みはずれた文章力で作られるのでしょうか。実際にはそうではありません。普通のビジネスパーソンが、普通に考え、普通の文章力で作ったものが成果を上げているのです。 意図的ではない分、成果が小さいことがもったいないのですが、これを意図的に行っていけば、狙った成果をより大きなものにできるはずです。それでは、コンテンツの成果が上がる構成とはどんなものなのか解説していきます。 コンテンツの見出しは画像を使わず2行のテキストで作る前回説明したように優れたコンテンツは、検索集客力が高く検索から顧客と出会う力を持っています。検索から

2014年7月30日におこなわれたADC MEETUPでのセッションのスライドです。 Photoshop CC 2014を使用することを想定した内容となっています。Read less

関係を築くブランドに対する信用と信頼性を高めるリンクを獲得してドメイン名のオーソリティを向上させる自サイトのオーディエンスとリーチを増やすコミュニティを育てる適切な顧客からのコンバージョンを得るあなたがWebコンテンツを活用する理由が、上に挙げたような目標を自らのビジネスで達成するためならば、道筋は正しい。だが留意してほしい。あなたが作るコンテンツはすべて、「より高い目的」に貢献すべきだということだ。 コンテンツを作るのは、マーケティング用のToDoリストをこなすためだけではない。重要なのは、コンテンツを活用してビジネスに差をつけることだ。 ビッグコンテンツの世界へ足を踏み入れる最近まで、当社Mack Web Solutionsが自社ブランドのために作ってきたコンテンツは、ブログ投稿、インフォグラフィック、スライド資料などだった。だが数週間前に、今まで書いた中では最大規模のコンテンツを公開

自分の思考のクセはありますよね。考え方が習慣になっている。 よく言われるのは、マイナス思考とプラス思考がありますよね。 スキーマ（思考のクセ）を知る方法 - 黒猫のひとりごと わたしもこういうことをこのところ考えているところでした。 批判的に考えることが良いこともありますし、プラス思考で考えることが良いこともあります。状況によるところがあるでしょうし、状況を見ながら両方考える。 視野の広さが大切だと感じています。自分が知らないこともあると考えてみることがとくに大切ですね。なぜなら、全部が見えている、わかっているわけではないですから。わかっていない中で判断すると、適切な判断はむずかしいでしょう。 で、自分の思考のクセ、自分の「箱」から出たいときに参考になる本を紹介します。 自分の思考のクセという「箱」から出たいときに参考になる５冊 １　自分の小さな「箱」から脱出する方法 ２　BCG流　最強の

いま「スマホファースト」との言葉も広まり始めたように、誰もが普通にスマートフォンを持ち歩く時代が訪れ、企業がスマートフォン対応をより重視するようになってきた。だが、とりえあえずスマホ対応しました、といったレベルに留まっていたり、そうでないにしろ、本当に現在の「スマホサイト」が、本来のビジネス上の狙いが果たせるサイトになっているか、自信は持てるだろうか？ どうしても成果があがらないならば、やはりサイトそのものの作りが悪いことは疑わなくてはならない。フィーチャーフォン時代からサイトを運営していた企業にも、初めてモバイル端末向けのサイトを構築した企業にも、スマートフォン向けにサイトを作る場合、知らなければ気づきにくい、かつ陥りやすい独特の「スマホサイトの罠」に気をつけなくてはならない。 そこで本稿は、スマートフォンサイトの構築にノウハウを持ち、コンサルティングも手がけるドコモ・ドットコムに聞いた

さて、春です。 望もうと望むないと、さまざまな環境の変化にさらされる方は多いでしょう。新しい学校に職場、そして新しい同僚に上司・部下。さまざまな出会いが訪れ、人生が音を立てて動き出す季節です。 ま、たしかに素晴らしい人もいれば、いけすかないヤツもいるかもしれません。でも、できることなら、多くの出会いを一生の付き合いにしたいじゃないですか。というわけで、今回のまとめ企画は、新しい出会いを一生モノにする「対人技術」についてです。 詳細は、以下にて。 ■ 「新しい出会い」という気分になれないときに ・「人見知り」を少しずつ直すための4つの心がけ ・「Hello」と挨拶し続けてわかった11のこと ・人生最大の過ちから立ち直る方法 ■ 「新しいコミュニティ」を広げていくために ・ネットワークを上手に作るためのTips ・パーソナル名刺でいつもと違った自分をアピール ・新しい友達を作るには進んでみんな

私の小学校には当時習字の得意な校長先生がいて、卒業してゆく子供一人一人に好きな言葉を聞き、その言葉を色紙に書いて贈ってくれました。 当時から気が散りやすく、勉強なんてまるで手に付かない子供だった私は、別に好きでもなかったのですが、自分への戒めもこめて次の四字を選んで書いていただいたのでした。 一心不乱。 その色紙を毎日目にして勉強ができるようになったのならそれこそ美談なのですが、そんなことは全然なく、何十年か経った今でも足りない集中力をかき集めて日々を過ごしている気がします。 集中力を一時的にでもブーストするためのハックはいくつもありますが、そのときに応じて使い分けることでなんとかやり過ごしている感があります。今日紹介するのはそんなハックのうちの一つ。あとそのとき使用するタイマーもいくつか紹介します。 一時間を 48分:12分 に分ける The Power of 48 minutes など

広告が激減してるんですよ。販売売上だけではいかんともし難いんです。 タウン誌というニッチなビジネスモデルが出来て30年。今や雑誌メディアは広告ありきみたいな流れになってますが（雑誌だけではなくメディア全体がそうなってますね）、タウン誌というのは長年編集記事が主体で制作してきたところが多いんです。大げさに言うなら『編集は聖域』という、新聞社的な考え方というか。 いくらクライアントといえど、編集方針に合わなければ記事として取り上げない。みたいな。まぁ、そこをどう突っ込むかが担当営業の腕の見せ所だったりもするんですが（記事で取り上げてもらうために、担当営業が特集に合わせて、お店に新しいメニューやサービスを提案したりだとか）。例えば、100万出すから巻頭特集に見開きで記事載せてくれ。みたいなオファーを担当営業が涙をのんで断る…。バブル期には、そんなこともあったと聞きます。 『編集方針』という、目先

この手の話題に僕みたいな門外漢が触れていいのかどうか迷っちゃうけど、書きます。えい。 （なんか頭痛いから、校正しないでアップ。たぶん、後で書き直す。） Web担当者フォーラムの記事がWeb屋さんたちの間で物議をかもしているっぽい。 ○○円ならどこまでできる!? ウェブサイト制作の相場早見表 という記事。 Web製作の大まかな見積もり表が出ていて、はてなブックマークのコメント欄では、安いとか高いとか、もう何かWeb屋さんたちが色々なご意見を出し合っていらっしゃるですよ。 ホームページを作る人のネタ帳さんも、感極まってエントリを書き直すくらい、思うところがあるみたい。 （リンク先のひとつ前のエントリも読んだ方がいいと思う） 僕はWeb担当として発注も（一応もうしわけ程度に）やってるので色々思うところがあります。 Web業界のことは、よくしらないですがクライアントはこう思ってるYOってのを書きま

EnterpriseZine（エンタープライズジン）編集部では、情報システム担当、セキュリティ担当の方々向けに、EnterpriseZine Day、Security Online Day、DataTechという、3つのイベントを開催しております。それぞれ編集部独自の切り口で、業界トレンドや最新事例を網羅。最新の動向を知ることができる場として、好評を得ています。