web3と社会正義の時代 | knowledge / baigie
2021年後半から、web3という言葉をよく見かけるようになった。「ウェブの第3段階」のような意味合いの言葉で、ネーミングのベースになっているのはweb1.0、web2.0という概念である。 web3に関してはこの記事が猛烈に詳しいので詳細な解説は譲る。 参考）Web3 とは何か？急速に注目を集める新たなトレンド（The HEADLINE） このweb3の話に絡めつつ、自社の経営やマーケティング、クライアントビジネスを支援する中で感じていることを書き連ねながら、頭の中を少し整理してみたい。 web1.0が成し得たこと web1.0の始まりとはインターネットの始まりである。そのインターネットの人類史上における意義を言い表しているのが、「情報革命」という言葉だと私は思う。 農業革命や産業革命と同列に語られる情報革命は、その名に相応しい貢献をしてきた。そして、その革命にミッションがあるとするなら
「マンガアプリ」失敗の本質
パラパラと雑誌を読んでいると、1つのグラフが目を引きました。マンガアプリの上位5社のユーザー数を比較した図です（日経BP『日経エンタテインメント！』2021年7月号、93頁より引用）。 「LINEマンガ（LINE）」が615万人（前年比123.5％）、「ピッコマ（Kakao Japan）」が511万人（同168.6％）の2強が他マンガアプリを圧倒しています。 3-5位は「少年ジャンプ＋（集英社）」が229万人、「マンガワン（小学館）」が182万人、「マガポケ（講談社）」が181万人と、いわゆる3大出版社が並びます。 不思議に思ったのは、2強の着実なユーザー数の伸びに比べて、3大出版社の伸びが鈍化していたことでした。なぜでしょうか？ マンガアプリは2種類ある 国内には100超のマンガアプリがあります。3大出版社は上記のアプリだけを提供しているわけではありません。つまり、鈍化の理由は「3大出版
未経験でも1カ月で即戦力クラスの知識が身に付く『webデザインドリル』公開 | knowledge / baigie
「即戦力レベルのwebデザイナーが最低限持っている知識を1カ月で身に付ける」ということを目的としたドリルを作りましたので、皆様に公開します。 ダウンロード[PDF/PSD/XD]（92MB） 本ドリルは、約140ページの参考書兼問題集になっています。まずは出題される問題を解き、その上で解説を読んで理解し、再度問題を解きなおすのが基本的な流れです。 内容は、私たちが未経験デザイナーの採用を進める中で、「こういう知識は早い段階で身に付けておいてほしいよね」という知識をまとめました。また演習用のPSD/XDファイルもドリルに含まれています。 身に付くのはあくまで「即戦力クラスの知識」であって、「即戦力」になれるわけではありません。デザインには、非言語・非定型なスキル領域も多々あるため、座学だけで即戦力にはなりません。しかしそれでも、ベースとなる知識は絶対に必要ですし、それを指南する参考書は、的を
CSSの便利な疑似セレクタ「:empty」と「:blank」、その違いと賢い使い方
エラーメッセージを実装する際、エラーがある時とエラーがない時の区別は「:empty」や「:blank」を使用すると、非常に簡単にスタイルを定義することができます。 「:empty」と「:blank」、その違いと実際にどのように使用するのか、どちらが便利なのかを紹介します。 :empty and :blank 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 私は誤解していた 「:empty」と「:blank」の違い 「:empty」と「:blank」を実際に使用する場面 「:empty」の方が十分ではないと思った理由 「:empty」と「:blank」のサポートブラウザ まとめ 私は誤解していた 私は1ヵ月前のツイートで、「:empty」と「:blank」についてひどい誤解をしてました。 「:empty」は有用ではなく、「:bla
デザイン界からITに移動してきたデザイナーが思う「IT企業のデザイナー採用。両者が気をつけたいこと」 | DevelopersIO
デザイナーの たなか ゆきこ です。 印刷、WEB、DTP・WEBの講師、アプリの会社、現在クラスメソッドでデザイン作業してます。 ずっとAdobeとお友達ですが、最近Sketch、InVisionとかいう新しいお友達が増えてます。 なんで書こうとおもったのか はじめて、IT企業に入った時に、「私はバカになったのだろうか」と思ったという鮮明な記憶があるからです。 大袈裟でもなんでもなく、本気でそう思った。という事実。 おそらく、デザイン業界からIT企業に移動したデザイナーの中には、同じ思いを抱く人がいるでしょう。 それは、いったい何だったのか？について、私なりの考えを記述していきます。 デザイナーとIT企業の間にあるギャップのひとつは「デザイナーになる人は何を勉強してきたのか」 デザインの授業は「デザインの考え方」を学ぶのであって、「機械の使い方」「アプリの基本の作り方」「WEBの作り方」
[CSS]Webページのこれからのレイアウトテクニック！FlexboxとCSS Gridは一緒に使用してこそ価値がある
Webページのレイアウト、一昔前まではfloat、最近のプロジェクトではFlexboxが主流だと思います。CSS Gridはどうでしょうか？ CSS Gridは主要なすべてのブラウザにサポートされ、採用を検討している、また既に導入している人も少なくないでしょう。 注意しておきたいのが、CSS GridがあればFlexboxはいらないという考え方です。 これからのレイアウトは、FlexboxとCSS Gridを一緒に使用することで、それらの性能を効果的に利用できます。 Flexbox and Grids, your layout’s best friends by Eva Ferreira 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 FlexboxとCSS Gridは一緒に使用することでパワーを発揮する 神話は崩された Fri
![[CSS]Webページのこれからのレイアウトテクニック！FlexboxとCSS Gridは一緒に使用してこそ価値がある](https://cdn-ak-scissors.b.st-hatena.com/image/square/222e57e0cb617f5924de9e159879efca2a68aa3e/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201704%2F2017111110.png)
これからのCSSはmargin禁止！？CSSグリッドレイアウトやコンポーネント指向なCSSについて、矢倉さんに聞いてきた！
これからのCSSはmargin禁止！？CSSグリッドレイアウトやコンポーネント指向なCSSについて、矢倉さんに聞いてきた！ 白石 俊平（HTML5 Experts.jp編集長） こんにちは、編集長の白石です。 この記事は、9月24日に開催されたHTML5 Conference 2017に登壇したエキスパートに、お話されたセッションのトピックを中心に語っていただこうとういものです。セッションの内容をより深く理解する手助けになるだけでなく、本記事単体でも面白く読んでいただけることを目指しています。 今回お話を伺ったのは、ピクセルグリッドの矢倉眞隆さんです。 矢倉さんのセッション「まあまあ最近のCSSとつらくならないための書き方」に関するスライド資料は、こちらで公開されています。 インパクト大！CSSグリッドレイアウト概要 白石: では、まずは簡単に自己紹介をお願いできますか？ 矢倉: 昨年（2
リニューアルした日経電子版が高速すぎてヤバイ件｜こんぴゅ
日本経済新聞は国内を代表する経済誌だ。その電子版はwebでの継続課金を大成功させ、いまや50万以上の有料会員を擁するモンスターサイトだ。 その日経電子版が11月6日に全面リニューアルしたのだが、公開後、web業界がにわかにざわついた。表示速度が爆速だったのだ。日経公式もモバイルで2倍の表示速度を達成したと堂々と宣言していた。 webサービスは継続率こそ神KPIで、その継続率には速度が大きく影響する。 これはチェキらないとヤバイと感じ、友人のkitakさんとスピードの秘密を調査してみた。 Fastlyをコンテンツキャッシュに使う殆どのデータはFastlyを経由して取得されていた。Fastlyは最近注目を集めているCDN（世界中にエッジサーバーを配置し、高速にコンテンツを配信するサービス）で、非常に高機能でユニークなサービスだ。 一般に、CDNはいったん世界中にコンテンツをばらまくと、それを無
ホテルのWebサイトをデザインするためのベストプラクティス
ユーザー体験があらゆるWebサイトのデザインにとって不可欠であることに、疑いの余地はありません。 しかし、ユーザー体験が何よりも重要な業界があるとすれば、それはホテルを始めとしたサービス業です。 ホスピタリティとは要するに、顧客の期待に応え、顧客の期待を超えることであり、最初のタッチポイントから最後にいたるまで、顧客に優れた体験を提供し続けることです。 また、私たちが生きるデジタル時代において、ホテルのWebサイトは、ホテルが最初に提供する顧客体験の場であることが多いです。そのため、少なくともどのホテルも、直接予約の画面には力を注いでいます。ホテルのオーナーであれば、Webサイトでのユーザー体験はホテルでの顧客体験と同等に優れたものにしたいでしょう。 そのためには、まず初めに旅行者がWebサイトを訪れる理由を理解する必要があります。 旅行者の主な目的は何でしょうか？ この問いに対する答えが
スマホシフトとUIデザインが情報消費に与える影響について思うこと
日経新聞 にはスマホやタブレットで新聞を読める2種類のアプリがあるんですが、UIが違うとこんなにも情報への印象が変わるというのがよくわかるいい例になっています。そして、こういったレイアウトやデザインの違いがユーザの情報消費に与える影響を紐解いておくと、今後のマルチデバイス向けの制作に役に立つと感じています。微妙なニュアンスだったりするんですけどね。 ということで、今回は日経新聞の2つのアプリに見る情報消費の違いと、それに関連して、スマホシフト がもたらすユーザの情報消費への影響について書いてみます。 では早速、2つのアプリの紹介から行ってみましょう！ 日本経済新聞の2つのアプリ 紙面ビューアー 紙面ビューアー は見た目が紙面と同じなので、紙で読むのと同じ感覚で使えます。 これは2017年2月12日の朝刊をiPadの紙面ビューアーで見たときのキャプチャです。大きさ以外は紙面そのもですね。タッ
優れたフォームをデザインする
サインアップのフローであれ、マルチビュー・ステッパーであれ、ありきたりのデータ入力であれ、「フォーム」はデジタル・プロダクト・デザインにおいて最も気を遣わなければならないものの1つです。 そこで、今回は一般的にフォーム・デザインで何をやり、何をやらざるべきかについてお話したいと思います。あくまで一般的なガイドラインですので、そのようなものとしてご理解頂いた上で、皆さんの参考になれば幸いです。
読みやすさのデザイン備忘録 | 深津 貴之 (fladdict) | note
noteのコア体験は、「読む楽しさ」と「書く楽しさ」だと考えています。 本来ならコア体験は、調査でしっかりと導くべきものです。しかしアカデミックなUXとは異なり、実際のスタートアップ環境では時間とリソースに限界があります。このため調べながらも、走り出さなければなりません。 まず序盤はヒューリスティック（経験）ベースのデザインを行いつつ、調査やテストが可能なところから、裏づけやチューニングを行う流れになりそうです。 以下、「読書体験」における「可読性」のパートのメモ。noteチームにとりあえず提案する予定の諸々です（現時点では個人の見解です）。基本的には「当たり前のことを、当たり前に」やる予定。「これもやっとけ」的なことがあれば、タイポグラファーの諸先輩の方々には、ぜひご意見をお伺いできればと。 書体をサンセリフ系に変えるべきか？デジタルでは、一般的にサンセリフ体の可読性は、ローマン体よりも
コーディングが苦手なWebデザイナーにおすすめしている独学方法 - IT系女子ログ
Webデザイナーとして入社した新人さんの教育係を担当しています。 デザインもコーディングも教えるのですが、新人さん達からよく聞こえてくるのが、「コーディングが好きになれない…」という声です。 うまくいかないから、勉強不足だから、という理由で好きになれないのであれば、大丈夫です。 続けていれば、皆さん業務をおまかせできるようになります。 私も何度も何度もコードを書いて、1年経ってやっと基本を覚えられた気がします。 新人Webデザイナーの私が、1年目で指摘されたことを振り返る[コーディング編] - IT系女子ログ あきらめずに勉強を続けていれば、できることが増えてきます。そうなれば、嫌いな気持ちもやわらいできますよ。 今回は、「コーディングが苦手」と感じている新人Webデザイナーさんへ向けて、少し先輩の私からのメッセージです。 苦手だなぁと感じる方向けに、いつもおすすめしている独学方法をご紹介
まじな話をすると、N予備校のプログラミング入門コースやるのがオススメ。 ..
まじな話をすると、N予備校のプログラミング入門コースやるのがオススメ。 https://www.nnn.ed.nico 一日8時間勉強時間があるなら、だいたい一ヶ月で終わる内容。 月額1000円だけどしっかり勉強すれば一ヶ月の無料期間中に終わると思う。 もともとN高等学校のノンプログラマーの生徒をWebエンジニアとして就職させるために作られたカリキュラムで講師曰く去年はこれで二人エンジニア就職を決めたらしい。 内容も相当親切に説明していて、プログラミングで何か作るだけじゃなくて、就職に必要な環境構築やセキュリティまでみっちりやる。 http://qiita.com/sifue/items/7e7c7867b64ce9742aee#%E3%82%B3%E3%83%B3%E3%82%BB%E3%83%97%E3%83%88%E3%82%92%E3%82%82%E3%81%A8%E3%81%AB
かなりオススメ！WordPressのローカル環境が簡単に構築できる、Windowsもmac OSも対応の無料ツール -Local | コリス
WordPressのローカル環境を構築するといえば、XAMPPやInstant WordPressを利用している人が多いと思いますが、これらより簡単に、そして一度のインストールで複数の環境を構築でき、PHPなどのバージョンも簡単に変更することができる高性能な無料ツールを紹介します。 サーバーの知識がない人でも簡単に利用でき、あっという間にWordPressのローカル環境が構築できます。 UIも洗練されて使いやすく、かなりオススメです！ ローカルに、WordPressの制作環境を簡単に構築できます。 WordPressの制作環境は、複数構築できます。 サーバーの知識がない人でも、4クリックするだけでOK。 WordPress日本語版にも対応。 ローカルSSLサポート。 SSH/WP-CLIアクセス。 共有可能なURLを作成して、クライアントに見せることも可能。 柔軟な環境オプション。 PHP
WEBメディアでの情報発信をする前に、気をつけるべき26のポイント ｜ JOB：クリエイティブ業界の求人情報 ｜ CINRA
milieu編集長。1988年大阪・千里生まれ。京都市立芸術大学 美術学部 総合芸術学科卒業。大学時代にアートマガジンSHAKE ART！を創刊、展覧会のキュレーションやメディア運営を行う。2012年CINRA入社、WEBディレクター・PRを経て2015年からフリーランス。執筆・司会業などを行う。THE BAKE MAGAZINE編集長、DemoDay.Tokyoオーガナイザーなども兼任。Twitter | Instagram | Facebook こんにちは！milieuというWEBメディアの運営をしている塩谷舞（@ciotan）と申します。ときには「WEB編集者」と呼ばれることもあります。 この「WEB編集者」って肩書き、ここ数年でよく耳にするようになりました。この求人サイトCINRA.JOBにも「WEB編集者」の募集がチラホラ見られます。 「わざわざWEBってつける必要あるの
多くの採用サイトが間違っていると私が思う理由 | ベイジの社長ブログ
企業にとって、採用サイトあるいは採用ページというのは、既に存在して当たり前のものになっています。Webサイトは本業のビジネスではなくむしろ採用に活用したい、というような声も多く聴きます。実際に私たちが受注する案件でも、採用サイトは少なくない割合を占めています。しかしこのように企業からの関心が非常に高い採用サイトでありながら、マーケティングの一部として作られるWebサイトと比べると、戦略性や考え方の点で大きく遅れをとっているようにも感じます。このエントリーでは、世の採用サイトに関して私が感じている問題点を少しまとめてみました。 採用サイトからの直接エントリーが増える条件採用サイトを立ち上げる多くの企業は、自然検索からの採用サイトへの流入が増え、採用メディアや採用エージェントを挟まない直接エントリーが増えることへの期待を口にします。しかしその考えはいささか早計ではないでしょうか。 採用サイトの
GIFアニメからAPNGの時代に！ 次世代画像形式APNGを使いこなそう - ICS MEDIA
APNG（エーピング）とはアニメーションするPNG画像のことで、アニメーションGIFに取って代わる次世代の新しい画像形式です。もともとブラウザベンダーのMozillaが提案した規格で、ウェブサイトのアニメーション表現に利用できます。従来はアニメーションGIFが主流でしたが、アニメーションGIFは色数の制限や輪郭のジャギーなど品質面の制限が多いファイルフォーマットです。その制限を払拭してくれると期待されるのがAPNG形式です。 データ容量・品質から比較する画像形式〜APNGは容量が軽くて綺麗 上図ではアニメーションGIF・APNG(8bit・32bit)・PNG連番画像をデータ容量・データ品質でマトリクス図にしました。APNG 8bitはアニメーションGIFと同じ256色のサポートなのでAPNG 8bitの方がデータ容量は若干小さいものの、差はほとんどありませんでした。APNG 32bitは
文字詰めできるCSSのfont-feature-settingsプロパティについて検証してみました | briccolog
検証結果詳細 Windows（メイリオ） 見たまんまですが何も変わりません。前述の記事にもあるように、メイリオはOpenTypeフォントではあるものの、プロポーショナルメトリクスを含まないので、font-feature-settingsプロパティの影響を受けません。 Windows（游ゴシック） font-feature-settings:palt; 約物（句読点、かぎ括弧、中黒）を含む和文フォントの文字間がきちんと詰まっています。 行頭がかぎ括弧や中黒になっている場合でも、ツラがそろっています。 全角英数字の文字間も詰まってますが、半角英数字とは異なる文字幅になっています。 font-feature-settings:pkna; 仮名や仮名関連の字形については文字間が詰まってます。 約物の前後についてはデフォルト同様に字詰めが効いていません。 Mac OS X (El Capitan)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
マテリアルデザインでやってはいけない68のこと（間違いチェックリスト）
