6. 市場規模トレンド http://visualizing.info/cr/mst/ こちらは市場規模マップを提供しているサイトの別サービス。 市場規模がどんな成長・衰退をしているのかがわかって便利です。Webサービスを投下するときに、参考になりそうですね。 7. SharedCount http://www.sharedcount.com/ サイトのURLを入れると“どのくらいFacebookやTwitterでシェアされているか”など、SNS関連での動きを調査することができます。 8. 生活定点 http://seikatsusoken.jp/teiten2014/ 博報堂が提供している、“人の生活に関わるさまざまなアンケートの回答データ”を見ることができます。 アンケート結果は検索してもなかなか出てこないので、重宝します。 9. 楽天リサーチ http://research.raku

1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。 mama&crowdのデザイナー、長谷川彰之介です。 今回は、WEBサイトの「余白」や「ブロックサイズ」「WEBサイトの横幅」に対して 「最適な値は存在するのか？」 について考えてみたいと思います。 少々長いですが、お付き合いのほどよろしくお願いします。 ボックスサイズとは、「ヘッダー」「コンテンツ」「ナビゲーション」などの ひとつひとつの固まりの大きさ（サイズ）を指します。 【第１部】8の倍数 WEBサイトのUIをデザインしていて悩まされるのが「余白」です。 「ここは3px…いや4pxか。もっと空けたら見やすくなるかもしれない。6p

Google Fonts は、デザイナー ウェブフォントを直感的にご利用いただける、安定したオープンソース ディレクトリです。 膨大な数の文字のデザインに要する時間や、大容量のフォント ファイルをウェブフォントとして提供する際に必要な技術的インフラストラクチャなど、日本語の書体デザインやフォント開発にはさまざまな課題が立ちふさがります。そこで、規格や技術の開発を進めると同時に、Google Fonts を通じてデザイナーやデベロッパーの皆様に日本語のウェブフォントをお試しいただけるようにしました。 Google Fonts provides an intuitive and robust directory of open source designer web fonts. Japanese typeface design and font development presents ma

今週公開した記事の中から、この週末に読んでおきたい注目記事をまとめて紹介。今週は、衝撃的なタイトルがソーシャルで話題になったBootstrapはすでに下火に——海外の開発者1600人に聞いたCSS開発のいま、高校生はスマホで何をしているのか調査、フルスタックJavaScript開発のコツなど、話題の記事を中心に8本をセレクト。平日は忙しくてチェックできなかった人も、休日にゆっくりまとめ読みしてみては？ 【今週の一番人気】 Bootstrapはすでに下火に——海外の開発者1600人に聞いたCSS開発のいま WPJが提携するWeb開発者向けメディア「SitePoint」ではCSS開発者を対象にした大規模なアンケート調査を実施しました。その結果から、いま何を学ぶべきかが見えてきました。 【お役立ちネタ】 高校生はスマホで何をしているのか？内閣府の調査でわかった利用実態 10代、特に女子高生のイン

初めてWordPressオリジナルテーマの作成にトライしたい、という方向けの基本のマニュアルです。マニュアルというほど大袈裟なものではありませんけど、ある程度敷居が低くなると嬉しいなぁという思いを込めて記事にします。 この記事の内容はあくまで基本中の基本で、初心者・ノンプログラマー向けとなっていますので応用的な情報は殆どありません。また、説明の仕方も分かりやすさ重視で、厳密的にはちょっと違う点もあります。 初心者さん向けに、もう少し情報があってもいいかなと思って、書いてみることにしました。僕もまだまだ初級レベルなので一緒に学んでいきましょう。初級者レベルでこんな記事書くなって話ですけども。 目次目次です。各セクションで必要と思う場所から見るようにしてください。 はじめに作成するWebサイトの目的と構造テーマ作成前に用意するものと環境テーマの構造を（触り程度だけでも）理解するHTMLからテー

マークアップシリーズの第2回は、前回のよくある3つのデザインから考える、マークアップの最適解と同じく、html5jマークアップ部主催のイベント「MarkupCafe」で出題された3つのお題から最適なマークアップを探ります。 イベントではAからDの4つのチームにわかれてマークアップを考えました。それぞれのチームごとに違ったマークアップへの考えが表れていてとても興味深いです。また今回はイベント終了後に「HTML5 Experts.jp」のエキスパート兼マークアップ部の部長でもある村岡正和氏に、氏自身ならこうするといったマークアップを公開してもらいました。 本記事ではWebサイト制作の際にありがちな”ページング”、”フォーム”、”データテーブル”の3つについて要素の使いどころや仕様、アクセシビリティやユーザビリティといった観点からマークアップを考えていきます。 1.ページングの中身と重要度 最初

今日も生まれる感動と笑顔 お客様の事業、戦略、Webサイトの現状などを把握し、最適な施策を立案・実行します。 more info Top Message インターネットテクノロジーの需要が高まり、その必要性と可能性を感じ2005年に創業して以来、現在に至るまでステークホルダーの皆さまに支えていただきながら成長を続けてまいりました。「ITとクリエイティブのチカラで、心沸き起こるプロダクトを生み出す」ことをミッションに掲げ、さらなる充実したチカラ溢れる未来の実現を目指します。私たちの強みは、企画戦略からシステム開発、Webアプリケーション開発、クリエイティブ、コンサルティングに渡るワンストップソリューション提供とオーナーシップマインドを両立することにより、より精度の高い、顧客満足度の高いアウトプットと課題解決を達成します。また、創造性の向上、生産性の向上、コストの削減といった意識、文化を育むた

ChatGPTなど、AIの勢いがすごい。ガジェット系のブログに書くような製品の基本情報やスペックについては、もはや人間が書くまでもない領域に達しています。 このブログについても、自分のインプレッション以外の部分は積極的にAIに書いてもらってもいいかなと。 ただ、どこがAIが書いた文章で、どこが著者の文章か明示したほうが親切ですよね。 そこで、 AIによる文章だということが一目でわかるデザインになるように、文章をマークアップするWebアプリを作りました。 https://aisays.men-bou.net/ AIぽいデザインでテキストを装飾 「ChatGPT」を選んで、テキストを入力して「生成」をクリックすると、ChatGPTっぽいデザインで装飾されたHTMLコードが生成されます。Bing、Bardにも対応しています。 このHTMLコードをコピーして、ブログに貼り付ければ、記事に表示するこ

デジハリ・オンラインスクール 「クリエイターのたまご」の皆さんに贈る、デジタルハリウッドのお役立ちWebマガジン！ 「クリエイターになりたいなぁ」と、ちょっとでも思ったことのあるあなたは、「くりたま」です。 インハウスデザイナーとは、メーカーなどの企業に採用され、その企業専門のデザイナーとして働く人のことです。シンプルに、「社内デザイナー」や「企業内デザイナー」と呼ばれることもあります。社内のデザインを担当するインハウスデザイナーは、制作会社やフリーランスとして働くよりも労働条件が良かったり、給与が安定しやすいといわれたりしますが、実際はどうなのでしょうか？ 今回は、インハウスデザイナーになるメリットとデメリットや悩みについて掘り下げてみました。 インハウスデザイナーとして働くこと 20代・30代の若いうちは制作会社でバリバリ働いて可能な限りデザイナーとして経験を積み、ある程度の時期が来た

通常文字(22px未満)は、4.5 以上でAA、 7 以上でAAAです。 巨大文字(22px以上)は、3 以上でAA、 4.5 以上でAAAです。 太文字(14px以上)は、3 以上でAA、 4.5 以上でAAAです。 Web Content Accessibility Guidelines (WCAG) 2.0Web Content Accessibility Guidelines (WCAG) 2.0とは、ウェブコンテンツをよりアクセシブルにするための一定の基準を設けたガイドラインで、従うことで人々にとって利用しやすいウェブサイトとなります。達成レベルとして、AA(達成)、AAA(高いレベルで達成)があります。その中で、色のコントラスト比は次のように定められています。 文字の種類AAAAA通常文字 (22px未満)

<link rel="stylesheet" href="jquery.mmenu.css" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> <script src="jquery.mmenu.min.js"></script> htmlの記述 メニューとして表示させたい部分を任意のidを付与して囲います。ここでは　id=”menu”　の部分です。 htmlの記述のポイントは、メニューを表示させるためのボタンと、メニューが同じ親要素（ここでは#wrap）で囲われているかです。 また、その親要素の外に要素があると、メニューを表示した時に下の方に見切れたりする場合があるので、フッターなども含めて囲う要素がありそうです。 <div id="wrap"> <hea

現在アイコン 選択中(※12個まで選択可能) すべてクリアする select size 16px 32px 48px 64px 128px 256px 512px select file type PNG JPG SVG

凍ったままでOK！ 冷凍おくらを使ったおつまみレシピ4品 下ごしらえや解凍の手間がかからない冷凍おくらを使って、おつまみをささっと作って晩酌を楽しみませんか？　フードライターの白央篤司さんが、冷凍おくらを使ったおつまみレシピ4品を教えてくれました。

はじめに 先日、僕が勤務しているソニックガーデンのブログ記事で、弊社プログラマとデザイナーさんの対談記事が公開されました。 【前編】エンジニアの会社でデザインがうまくいくワケ〜「エンジニア病」にはダメ出しされよう 【中編】プログラミングとデザイン、やっていることはわりと同じ〜「デザインは感覚じゃない」 【後編】デザインできるプログラマの育てかた〜「デザインメンター制度」のキモは理由で納得！ インタビューに登場する町田さん（@machida）と赤塚さん（@ken_c_lo）は僕もよく知っているとても素晴らしいデザイナーさんです。 素敵なデザインができるのはもちろん、HamlやSassなどプログラマ寄りの技術知識も豊富に持ち合わせていますし、物腰も柔らかくてとても相談しやすい方たちです。 業界の各方面から引っ張りだこなのも十分頷けます。 ところで、上の記事の中に出てくる「デザインメンター制度」

伊藤淳一さんの本棚：IT関連の書籍を中心に読んでいます。必要に応じてビジネスや語学関係の本も読みます。