フォント選びが楽しくなる！IDEOが作ったフォントマップがすばらしい！
まるでGoogleマップを操作するような感覚でフォントを探せる！ IDEOが作ったツールなら、希望のGoogleフォントを目で見てすぐに見つけられます。 Google Fontsでは、サイトに簡単に埋め込める多種多様なWebフォントが提供されています。正確には818種類もあるのです。818種類の中からどうやって選べはよいのでしょう？ 条件検索でセリフ、サンセリフ、ディスプレイフォント（見出し文字用フォント）、手書き調、モノスペースなど絞り込んでも、たいていは希望と違うフォントのリストをかき分けて探さなければ理想のフォントにたどり着きません。フォント選びには時間がかかりますね。 そこでIDEOフォントマップを紹介します。かしこい機械学習で、デジタルの地図の上に字形が似たフォント（Googleフォント）を分類します。Googleフォントと比べて、IDEOフォントマップを使う利点がを見ていきます
スマホで動画ってホントに見てる？ 渋谷の女子高生たちに聞いてみた
昨今の話題と言えば「動画」です。生活者はインターネット上の動画とどのように関わっているのでしょうか。さまざまな調査データでは、以下のようなことが言われています。 スマートフォンでの動画視聴（率や時間）が伸びている。特に若年層でその傾向が強い。 実際のところどうなのでしょうか。今回は「若年層」の代表（？）女子高生を例に、実際に渋谷にいた女子高生に「スマートフォンでの動画視聴」についてインタビューをしてみました。 概要は以下の通りです。インタビューに協力してくれた女子高生は10名。定量的にものが言える調査ではありません。また、渋谷にいた人、インタビューに答えてくれた人…、とさまざまな条件がつきますので、女子高生一般ではありません。ただ、彼女たちのスマホでの動画視聴のリアルな一面を垣間見ることができました。インタビュー結果からみえてきたことを紹介しましょう。 スマホでの動画視聴は「普通のこと」
確定申告初心者が知っておくと便利な基礎知識をまとめました。ご参考まで！
蝋梅が黄色い花をつけ、指先をしびれさせる寒さもやわらいできました。自営業、フリーランスのみなさんには確定申告の季節ですね。はじめて確定申告をするときに役立つ基礎知識をまとめておきましたのでご活用ください。まだ寒い日が続きます。どうぞお体を大切に。 1.「収入」から経費と控除を引いたのが「所得」だよ！ ここから本来納めるべき税額を計算するのが確定申告だよ！ 「1年間でこれだけの儲けが出たので、今年の税金はこれだけ納めます」と税務署に申し出るのが確定申告。個人事業主が申告する主な税金は「所得税」「消費税」「復興特別所得税」の3つです。サラリーマンなら税金は給与天引きですが、個人事業主は自己申告。収入に対して税金を納めすぎている場合は「還付金」という形で税金が戻ってきます。 2.領収書は封筒で袋分けすると便利だよ！ 計算時は「項目別」、保存時は「月別」がオススメ たくさんの領収書を経費として入力
CSSライクでデザイナーに優しい！anime.jsはDOMアニメーションの新定番だ！
Webアニメーションの実装方法として海外でいまもっとも話題なのが、anime.jsでしょう。日本の「アニメ」が語源の注目のDOMアニメーションライブラリーの使い方を詳しく。 もし速くて軽いアニメーションのライブラリーを探しているなら、Julian Garnierが考案したanime.jsを検討してみてはどうでしょうか。 この記事は、SVG画像を含む動的なDOMアニメーションに関する解説です。記事では、canvas-WebGLやSVGに特化したアニメーションライブラリーに触れるつもりはありません。ただし、WebページのHTML要素（理想的にはSVG画像も）のアニメーションに適していれば、別の機会に紹介するかもしれません。 記事の目的はライブラリーを分析してコードを掘り下げることではありません。主にCSSを使う人が、DOMのアニメーションのためにJavaScriptでなにができるかを追及する、
あなたのランディングページがコンバージョンしない5つの理由
ランディングページのコンバージョン率が明らかに低い場合、ここで紹介する5つの原因を疑ってみるといいかもしれません。 さまざまなマーケティングチャネル、チャネルから生み出される対話や販売効果について、デジタルマーケティングの分野では盛んな議論が巻き起こっています。SEO、リターゲティング、有料検索、コンテンツマーケティング、ディスプレイ広告はもう知っていますよね。しかし、こうしたチャネルすべてに共通してマーケティングキャンペーンの効果の鍵を握っているのはランディングページなのです。 残念ながらマーケティングキャンペーンを始めるとき、ランディングページの最適化は見落とされがちです。この記事では、ランディングページで陥りがちな代表的な間違いについて解説し、同じ失敗をしないようにします。 1. CTAが不足している Webサイトの最大の目的は、訪問者にコンバージョンしてもらうことです。そのためには
SNSをやめる人が続出？ なぜTwitterは面白くなくなったのか (1/3)
かつての大学の教え子であるASCII.jp編集部の西牧氏から「最近、ソーシャルメディアに対して漠然とした、得も言われぬ違和感がある」というメールをもらい、ではその原因を考えてみましょうということでこの連載が始まった。 しかし、この「漠然とした、得も言われぬ」というところがかなりミソで、実は私も「それはね、こういうことが原因です」と即座に答えられるわけではない。 ただ、TwitterやFacebook、Flicker、YouTubeといったSNSが登場して今年でほぼ10年ということもあり、黎明期の理想像と現在の状況とのズレや、同時に進行しているインターネットを震源としたメディアの地殻変動、そしてわれわれを取り巻く情報環境の量的／質的な変容を考察してみると、何らかの手掛かりがつかめるかもしれないという気はする。 そもそも西牧氏の言う「違和感」は、おそらく、ある種の「残念感」と、一抹の「嫌悪感」
明朝体は絶滅するのか？ AXIS Font生みの親の挑戦
「明朝体はこのままだとあと20年もすればこの世から消えてしまうかもしれない」。独立系フォントベンダーであるタイププロジェクト社長の鈴木功さんはそう語る。鈴木さんはタイプデザイナーであり、デザイン業界で評価の高いAXIS Fontの生みの親として知られる人物だ。 事実、明朝体を目にする機会は激減している。PCのWebブラウザーはもちろん、スマートフォン、タブレットといったデバイスの基本フォントはいずれもゴシック体。ニュースは新聞ではなくニュースサイトやアプリでチェックし、知りたいことは本ではなくググるかFacebookで尋ねる時代。紙媒体ですら、ゴシック体で堂々と本文を組む書籍が増えた。私自身、Web業界の経験が長い新人編集者に、明朝体で組まれた新刊のゲラを「なんか読みづらい」と言われてしまった経験がある。 「気持ちが悪い」から始まった、明朝体の居場所作り 6年前。鈴木さんには忘れられないエ
【格安データ通信SIM】IIJmio、料金変わらず通信量倍増の驚きの改定
格安データ通信SIMのまとめをお届けしている本記事。iPhone 6の発売前日にIIJmioが、高速通信で利用できる通信量を倍増させる大きなサービス改定を発表した。 IIJmioの月972円のプランで通信量が月2GBに 他社にも動きが生じる!? SIMフリー版iPhone 6／iPhone 6 Plusも発売された先週。格安SIMでは人気トップクラスのIIJmioから、驚きのサービス改定の発表が行なわれた。 具体的には月972円で利用できる「ミニマムスタートプラン」で、高速通信で利用可能な通信量が従来の月1GBから月2GBに倍増されたのだ。 さらに、月1641.6円の「ライトスタートプラン」も月4GBに倍増。SIMが3枚まで持てる「ファミリーシェアプラン」（月2764.8円）ではなんと月7GBである。 このほかに、追加クーポンも100MBあたり324円から216円に値下げ。さらに080／0
スマホがドラマーに!? リアルな音のドラムアプリで練習も捗る (1/2)
今回のお悩み：メトロノームに合わせて練習していると、 段々無表情になってくるんですよね…… ノッツ こんにちは、ノッツです。最近は漫画家みたいな生活をしている私が、ASCII.jp「音楽アプリ部」内でアプリを紹介するこのコーナー、今回で9回目になります。ジャカジャカ（ギターを弾く）。 アンぽん 私が補佐的な役割をしておりますアンぽんちゃんです。隔週くらいのペースでこのコーナーを担当させてもらっているんですが、3ヵ月以上続くとは思いませんでしたね……って珍しくギター弾いてますね。この期に及んで、俺はミュージシャンだぞアピールですか。 ノッツ いや、久しぶりにライブハウスで、バンドでライブをやることになりまして（編註：この回が掲載される頃には終わっているそうです）。本当はバンドメンバー全員で集まってスタジオ練習するのが一番いいんですが、そんなに頻繁には集まれなくて……。 アンぽん ああ、なるほ
jQuery Mobileを使った国内スマホサイトまとめ (1/3)
jQuery Mobileの採用が国内でも進んでいる。jQuery Mobileは、iPhone/Android、WindowsPhoneやBlackBerryなど、主要なスマートフォンに対応したUIフレームワーク。HTMLに簡単な記述を追加するだけで、スマートフォンに最適化したサイトやWebアプリケーションを制作できる、注目のフレームワークだ。 昨年11月には、待望の「jQuery Mobile 1.0」正式版がリリースされ、実務でも本格的に利用しやすくなった。今後、ますます増えそうなjQuery Mobileを使ったスマートフォンサイトの事例をチェックしておこう。 ※商品紹介／キャンペーンサイトに、「太鼓の達人学園（太鼓の達人×AKB48キャンペーンサイト）」を追加しました。（2012年3月1日16時更新） ※ネットサービスに、「一休.com」「recbike」を追加しました。（201
CSSの記述が3倍速くなる「LESS」の使い方 (1/2)
2012年02月09日 13時58分更新 文●斉藤祐也／<a href="http://css.studiomohawk.com/">CSS Radar</a> 最近のWebサイトは大規模傾向にあり、Webアプリケーションを構築する機会も増えてきました。jQueryやMooToolsなど、JavaScriptを手軽に利用できるようにするライブラリーが普及する一方、Webサイトの表示を担うCSSにも、「Blueprint」や「960 Grid System」に代表されるフレームワークが登場しています。 「LESS」や「Sass」のようなCSS拡張メタ言語は、こうしたフレームワークとは異なり、CSSの言語自体を拡張し、CSSには存在しない機能を追加するものです。CSS拡張メタ言語を利用することで、変数、ミックスイン、入れ子ルール、名前空間、四則演算、関数などの動的な処理をCSSに追加でき、CS
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
