「SNOW」や「MixChannel」は、なぜ10代に人気が高いのか？
動画コミュニティ「MixChannel」の2016年10～12月版の媒体資料が興味深い。MixChannelは現在、ダウンロード数550万を突破し、1カ月の動画再生数は5.5億回、訪問者数は400万人以上となっている。利用者の年齢層は16歳が17％、17歳が16％、15歳・18歳が各14％と中高校生が大半であり、女性が81％を占める。圧倒的に女子中高生に人気が高いのだ。 MixChannelの媒体資料によるユーザーペルソナは、ズバリ「周りの友だちやウェブ上の友だち（Twitterのフォロワーなど）にスゴイ、カワイイと思われたい自己承認欲求が強い」というもの。SNSで積極的に発信を繰り返し、リアルを含めSNSの友だちに「いいね」やリツイート、賞賛のコメントなどを強く望んでいるというわけだ。この連載で繰り返し解説してきた今どき10代女子像そのものだ。 MixChannelには、カップル動画やツ
【N予備校勉強記その５】サーバー立てたりbot作ったりGitHub作ったりしたよ。 - 孤独なおちんちん
N高等学校プログラミング講師の吉村 総一郎先生がこのN予備校勉強記読んでくれた！ ありがとうございます！ プログラミングコースのカリキュラムを作っている先生にN予備校勉強記を読んでもらえるとは嬉しい…！ その流れでid:sifueとしてはてなブログも書いておられるようなので過去記事まで読んでみた。 …なんか本屋で見たことある雑誌に寄稿してたりTwitterbot作成サービス作ってたり、生まれた子供のためにスマホアプリ作ったりしてる…。 なんか経歴もすごいし子どもが二人もいるし…。 ほぼ同い年なのになぜこうも差がついてしまったのかと絶望しながら僕はブログをそっと閉じた…。 そんなN予備校のカリキュラムもすごく本格的なプログラマーっぽい内容になってきた。 まさか自分がサーバー立てたりbot作ったりできる日が来るとは。 ニコニコ動画のランキングを自動取得するbot作りました、とかカッコ良いよね。
font-smoothingでOSXでのフォントのレンダリング方法を調整する - Qiita
Non-standard であることに注意すべき Non-standard This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future. https://developer.mozilla.org/en-US/docs/Web/CSS/font-smooth MDNにもこう記載があるとおり、正式な仕様策定のトラックからは外れています。 影響範囲や、ブラ
FC2vsドワンゴのブロマガ裁判と商標の仕組みを5分で理解できる記事｜知的財産・IT・人工知能・ベンチャービジネスの法律相談なら【STORIA法律事務所】
ブログサービスなどを運営する米FC2が、同社が持つ「ブロマガ」という商標権をドワンゴが侵害したとして、東京地裁に裁判を起こしたそうです。 【参考記事】FC2、ドワンゴを提訴 「ブロマガ」商標めぐり ドワンゴは9月8日、ブログサービスなどを運営する米FC2が、同社が持つ商標権をドワンゴが侵害したとして、商標の利用差し止めなどを求め東京地裁に提訴したことを明らかにした。ドワンゴは「徹底的に争う」としている。 ドワンゴによると、問題になったのは商標「ブロマガ」。ドワンゴは有料コンテンツ配信サービスの名称として使用しており、「電子出版物」などを対象に商標登録している。 一方、FC2は「ブロマガ」を「インターネットにおけるブログのためのサーバーの記憶領域の貸与」などを対象に商標登録している。 実は、この「FC2vsドワンゴの商標バトル」を深掘りすると、商標制度について知っておくべきことをほぼ理解する
星新一のおすすめ名作・傑作小説を紹介。ショートショートの名手による面白い物語。 - 漫画ギーク記
主にSF小説などを書き、特にショートショートが有名な小説家「星新一」。 人間の心への深い洞察や人間社会へのブラックジョークが魅力的な作家である。 そのなかでも、ショートショート作品は短い話のなかで起承転結がしっかりとあり、唸らされるようなオチまで準備されていて、いくつ読んでも飽きない面白さがある。 そんな小説家・星新一の代表作の中でおすすめ小説をまとめてみた。 基本的に複数の話が含まれる短編集だが、どの本にも名作・傑作が勢揃いとなっている。 それでは、どうぞ。 「星新一」のおすすめ小説まとめ ボッコちゃん きまぐれロボット 未来いそっぷ おかしな先祖 悪魔のいる天国 妄想銀行 ようこそ地球さん おのぞみの結末 地球から来た男 声の網 終わりに 関連記事 「星新一」のおすすめ小説まとめ ボッコちゃん ボッコちゃん (新潮文庫) posted with ヨメレバ 星 新一 新潮社 Amazon
CSSの単位（em, rem）を使った、これから取り入れていきたい実装テクニックのまとめ
CSSの相対的な単位（em, rem）を使って、Webページで使われるUIコンポーネントのさまざまなサイズを変化させるスタイルシートのテクニックを紹介します。 em, remは文字の大きさだけでなく、画像やアイコンのサイズ、背景、フォーム、ボタン、配置など、さまざまな指定に利用できます。 Building Resizeable Components with Relative CSS Units 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 フォントのサイズを変化 縦と横の比率を維持したボタン 縦と横の比率を維持した画像 box-shadowを使ったボーダーの幅と高さ アイコンの幅と高さ、そして間隔も キャプション付き画像 装飾された背景 アイコン付き検索フォーム チェックボックスで実装されたトグル ブロックの一行の長さ ボタ
プロが実践するモダン CSS の書き方入門テクニック20選まとめ
海外サイトTutorialzineで公開された「20 Protips For Writing Modern CSS」の著者 Danny Markov より許可をもらい、翻訳転載しています。 この記事では、CSSスタイリングで実践したい、便利な20種類のテクニックをご紹介しています。CSSをはじめたばかりの初心者のひとにも合った内容も多く、あまり知られていない少しだけ高度で、より実践的なCSSテクニックまで学ぶことできます。これらのテクニックを利用することで、今後のウェブ制作をよりスムーズに、快適に行うことができるでしょう。 コンテンツ目次 1. 縦方向のマージン幅に気をつけよう。 2. レイアウトに Flexbox を利用しよう。 3. CSS リセットをしよう。 4. Border-box をすべてに適用しよう。 5. イメージファイルは背景に適用しよう。 6. リストテーブル用ボーダー
ユーザビリティテストの被験者をしてみて感じた、テストの流れや重要ポイント
2016年9月1日 ユーザビリティ 8月某日、ワイヤーフレーム作成ツールのCacooなど、制作業務を円滑に進めるための様々な便利ツールを開発しているヌーラボさんにおじゃましました。そこで、まもなくプロジェクト管理ツールのBacklogをリデザインするということでしたので、ユーザビリティテストの被験者をしてみることに！ユーザビリティテストを行うことはありましたが、本格的なテストの被験者をすることはあまりなかったので、ワクワクしながら受けてみましたよ。 ↑私が10年以上利用している会計ソフト！ リデザインの経緯 長く愛用され続けてきたUIを改新するということですので、デザインを変更することを決めた理由や経緯について、中の人に聞いてみました！ 今までのUIは、少し前のWebアプリケーションで良く見られたような、1画面に多くの情報を載せてすべての機能を文字ラベルで表示するタイプでした。この方針には
Flexboxを使うなら知っておきたい「flexアイテム」の幅の計算方法
Flexboxを使っていて「なんでこの幅になるんだろう？」と疑問に思ったことはありませんか？ 僕はFlexboxを使い始めたころ「flexアイテム」の幅がどうやって計算されるのかわからなくて、レイアウトにはまってしまいました。調べて整理したのでシェアします。 仕組みをしっかり理解しておくと、問題が起こったときに対処しやすくなります。ということで、flexアイテムの幅の計算方法、行ってみましょ〜！ まずは結論から — flexアイテムの幅の計算方法 結論からざっくり言ってしまいます。 display: flexを指定した親要素を「flexコンテナ」、その中にある子要素を「flexアイテム」と呼びます。 上図のようにスペースが余っている場合、この「flexアイテム」にはflex-growの指定にしたがって余ったスペースが分配される仕組みになっています。 下図のようにflex-grow（またはf
明朝体、タブレット、手作り帯… 同人誌を手に取ってもらうにはコツがある!?
同じ趣向や志を持った人たちで作る、同人誌。 作者は誰しも、「1人でも多くの人に自分の本を手に取ってほしい」と願っているのではないだろうか。 現在Twitter上では、同人小説にちょっとした工夫をしたサークル参加者が話題になっている。 手作り帯巻き巻き。表紙データと合わせるようにサイズ合わせて作り、B4で印刷→裁断。本文の一文を明朝体で抜き出すと明朝体パワーでかっこよくみえる。あと小説ってわかってもらえる。 #同人誌こうしたら手に取ってもらえたよ選手権 https://t.co/wwkxJefi59 — 即身仏✳️ 𐂂6/30 西1西シ31b 💚🖤 (@touken_julee) 2016年8月24日 手作りの帯を作ったことで、発行した同人誌が手に取られやすくなったとのこと。またフォントに明朝体を採用することで“小説っぽさ”が加わり、マンガやイラストではなく小説の同人誌であるアピールに
45541
CareerFoundry UX Design Courseを卒業。ユーザーリサーチ及び相互作用デザイン専門。 この記事を読んでいる人は恐らくUXデザイナー、あるいはUX関連のお仕事を志望の方が多いのではないでしょうか。 私自身もUXデザイナーなのですが、UXデザイナー職の面接は一筋縄では行きません。業界の経験もあり、長い間仕事をして実績もあり、多くのクライアントから良い評価をもらい、数々の問題に対処してきた猛者だとしても、面接は手強いものです。 面接の準備にはすごく手間がかかります。今回は、面接の場で読者の皆さんのスキルや専門分野に関して自信を持って話してもらえるよう、UXデザイナーの仕事の面接でよく聞かれる質問をリストアップしてみました。 下記の７つの質問を見てみましょう。そして、その質問に対してどう答えてUXデザイナーの仕事を手に入れるか、戦略を考えていきましょう。 UXデザインに関
チームのメンバー全員がUXを意識すべき理由 | UX MILK
JoeはUX/CXコンサルタントとして長年のキャリアがあり、現在はUXに関する書籍、講演などを多数手がけるUXの伝道師です。 私たちが問題を抱えているとき、解決策を想像するのはとても簡単です。そして、その解決策は私たちの体験や責任のフィルターを通して検討されます。 たとえば、もし私がビジネスアナリストであれば、私は自分の統計的研究をみて答えを探そうとするかもしれません。 もし私がUXコンサルタントであれば、既存のユーザー調査をみてみたり、新しい調査を計画したりするかもしれませんし、私が開発者であれば、その課題を解決できる方法を示してくれるツールやプロセスを調べてみるかもしれません。あるいは、私がUIデザイナーであれば、UIインタラクションがどのように振る舞うかまで考えを進めるでしょう。 これらはすべて、それ自体確かで実績のある方法です。同時に、それらは基本的に、本質的に欠陥があります。なぜ
アプリのユーザーテストをGoogle Play ベータテストで行う - クックパッド開発者ブログ
こんにちは。検索事業部 ディレクターの五味です。クックパッドにレシピを探しに来るユーザーの体験向上を使命に、レシピ検索に纏わる技術・UIの改善、プラットフォームをまたいだサービス全体の編成に関わる仕事をしています。 プロダクトのリリースや改善にあたり、ユーザーテストによる仮説検証は不可欠です。今回は、先日クックパッドAndroidアプリで初めて、Google Playのベータテスト機能を使ってユーザーテストを行った話をご紹介します。 ベータテストに踏み切った背景 クックパッドアプリでのユーザーテストはこれまでも実施してきましたが、すべて通常版アプリにテストを内包する手法をとってきました。 しかしあるプロジェクトで、これまでのユーザー導線を根底から変える規模の改変を含んだプロダクトのテストを行う必要が生じました。アプリ全体の体験から大きく異なるテストプロダクトを通常版アプリに統合することはコ
オリンピック卓球台の「秘密」とは？デザイナー澄川伸一がデザインプロセス公開
東京ベイ潮見プリンスホテル ”水辺の宿場町”をデザインコンセプトとするアートホテル「東京ベイ潮見... 詳細を見る
16種類（45カテゴリ）の業界150サイトの調査から分かるスマートフォンサイトUIの現状10選（スライド付）
2015年5月、スマートフォンによるGoogleの検索数がPCでの検索数を抜いたというニュースがGoogleの公式ブログで発表されました。昨今の私たちは多くの情報をスマートフォンで検索しています。その流れに伴って、現在は多くの企業がスマートフォン用に最適化されたWebサイトを持つようになりました。 我々Web制作者はこの流れの初頭、PCサイト制作で培ったノウハウを元に、手探り状態で制作していたのを記憶していますが、この数年の間で一定の制作ノウハウが蓄積されてきたように思います。 しかしデバイスが多様な進化を遂げる中で、スマートフォンサイトのUI作法も日々刻々と変化し続けています。私たちWeb制作者は一定のノウハウを使い回すことに固執せず、常に新しい動向を自分の目でキャッチして知識を刷新し、日々の業務にフィードバックさせる活動が大切です。 というわけで少々前置きが長くなりましたが、今回は昨今
モバイルWebのUIを速くする基本テクニックがわかる──Google I/O 2016 High Performance Web UI
モバイルWebのUIを速くする基本テクニックがわかる──Google I/O 2016 High Performance Web UI 川田寛（ピクシブ株式会社） こんにちは、ふろしきです！ 私はHTML5 Experts.jpで、過去2年ほどGoogle I/Oの情報を発信し、Web技術の変化についてお伝えしてきました。振り返るとGoogleは、2014年にモバイルWebの提唱と技術要素の拡大を図り、2015年からは「RAIL（モバイルWebが目指すべきパフォーマンス指標）」や「Progressive Web Apps（アプリのように振る舞うWeb）」といった、モバイルとの親和性が高いWebを作り出すための”考え方”を推し進めました。今年2016年は、さらにそれを踏み込んでいったという感じがします。 今回のI/Oで取り上げるのもそのひとつ。毎度お馴染みGoogle Developer A
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
商用可！日本語フリーフォント、かわいいデザインコレクション厳選83個まとめ
BLOGOS サービス終了のお知らせ
ES6(ES2015)文法まとめ、Promise・Webpackまとめ - Qiita
デザイナーによるAtomic Designの実践〜導入編・運用編〜
