ナベどん / nabedon @nabedon_cw 童貞にはわからない童貞っぽいセリフ、「キスマークとか拭けばいいじゃん」が個人的に1位なんだけど、コレを超えるようなのって無いかな 2017-11-29 01:08:09

いつでも、どこでもネットにアクセスできる昨今、ウェブページを印刷する機会は減っているかもしれません。でも、いざ印刷したらレイアウトやスタイルが崩れていて使えないものになっていたらユーザに申し訳ないですよね。紙の無駄使いになってエコじゃないですし。 ということで、今回は自分メモ的にプリントCSSの確認ツールのご紹介です。 Chrome DevToolsのメディアタイプのエミュレーション機能 以前は印刷プレビューで印刷用CSSを確認していましたが、なにせ効率が悪いので他の方法を探してみました。なんと、Chrome DevToolsにエミュレータ機能がついてたんですね。さすがです。 以下の手順で、そのエミュレーション機能にアクセスできます。 Chrome DevToolsを開く（⌘ + ⌥ + I） スマホ（device mode）アイコンをクリック drawerアイコンをクリックする （Emu

【Unite Tokyo 2019】Unity上でセルルックCGアニメ映画「HELLO WORLD」のシーン再現にチャレンジ！UnityTechnologiesJapan002

フラットデザインか否かにかかわらず、インタラクティブな要素は、クリック可能とわかる十分な手がかりを提供する必要がある。枠線、色、サイズ、一貫性、配置や、Web標準の遵守といった手がかりによってクリックできることを伝えれば、インタラクティブな要素の外観はそれにふさわしいものとなる。 Beyond Blue Links: Making Clickable Elements Recognizable by Hoa Loranger on March 8, 2015 日本語版2015年5月11日公開 Webの移動とは目的を達成するための手段であり、クリック1回1回が非常に重要なものになる。したがって、ページの、どのエリアが地の静的なコンテンツで、どのエリアがクリック可能かどうか（あるいはタップ可能か）は、ユーザーにわかるようになっている必要がある。 クリック可能な要素が一目瞭然であれば、何かが期待

普段Javascriptをよく書いているのですが、設計が今の自分の弱点だなぁと思い、 積読になっていた JavaScriptデザインパターン – オライリー・ジャパン を引っ張りだして勉強したことを紹介していきます。 内容に関して何か間違いや問題があったらご指摘ください。 デザインパターンとは デザインパターン – wikipedia “ソフトウェア開発におけるデザインパターン（型紙（かたがみ）または設計パターン、英: design pattern）とは、過去のソフトウェア設計者が発見し編み出した設計ノウハウを蓄積し、名前をつけ、再利用しやすいように特定の規約に従ってカタログ化したものである。” デザインパターンというのは、テンプレートの様なものと考えるとわかりやすいかもしれませんね。 また、Javascriptデザインパターンでは次のように提唱されています。 パターンは実績のある解決策で

そういえばCORBAとかROSEとかUMLとかやってた気がします。 プログラミング勉強中の人にオブジェクト指向とは何なのかを何となく伝えたい話 - かまずにまるのみ。 「オブジェクト指向の価値ってよく分からないですよね。」 誕生の歴史を知ればよい。環境によっては価値がある。 コンピュータは情報数学と電子回路から誕生した。電子回路は半導体によってハードウェアからソフトウェアとなり、機械語（そしてアセンブリ言語）が必要になった。C言語はアセンブリ言語に配列と構造体を加えたものだ。手続型言語ではデータ構造とアルゴリズムを同時に設計するが別々の保守が必要だった。保守は同時にやるべきだ。データ構造とアルゴリズムを同時に同じ場所で実装し保守出来る仕組みがクラスだ。 情報数学と電子回路 情報数学は乱暴に言えばビット演算学だ。NOTとORとANDを使ってあらゆる命題論理を電子回路で置き換え可能な式に書き下

PUAアイコンフォントのアクセシビリティ - Unreviewed これを読んでいて、内容とはまったく関係ないのだけれど -webkit-alt プロパティのことを思い出した。昨年11月に実装されたgenerated contentの読みを提供するためのプロパティだ。 Changeset 159591 – WebKit — AX: Implement CSS -webkit-alt property [webkit-dev] AX: Implement CSS -webkit-alt property (text alternative for generated content pseudo-elements ::before and ::after) 実装された時期的にSafari 8/iOS8 Safariに入っててもおかしくないのだけれど、どうなのかな。誰か確かめておくれ。 装飾的

9月13日に金沢で WDF Vol.15 が開催されました。今回はポッドキャストでおなじみのたにぐちまことさん、神森 勉さん、そして初共演になる株式会社キノトロープの生田 昌弘さんとご一緒させていただきました。昨年はコンテンツに関する講演やワークショップをしてきましたが、今年は 1 月以来ストップしていました（最近はデザインプロセスの話が多かったです）。今回は久しぶりのコンテンツ関連の講演ということもあって「コンテンツとはなにか？」という原点に立ち返って話をしました。 「コンテンツ」と言うけど コンテンツとはなにか？と尋ねられたら「訪問者・利用者のためになる情報」と応える方がいると思います。確かに利用者のためでなければいけないわけですが、立場によってニュアンスが異なる場合があります。 PR やプロモーションでは、自分たちをアピールすることで、お客様に商品・サービスの魅力を伝えるということが

公開日 : 2014年7月31日 カテゴリー : アクセシビリティ / 情報設計 (IA) Web ページの中にナビゲーションメニューが複数あるというケースは珍しくありません。多くのサイトが、グローバルナビゲーション、ローカルナビゲーション、といった具合に、複数のナビゲーションメニューを持っていることでしょう。 これら複数のナビゲーションメニューは、ページレイアウトを見渡すことで、それぞれの役割を類推することができます。ページ最上部の共通ヘッダー内に並んでいるメニューはサイト全体のグローバルナビゲーション、メインコンテンツの横にもう少し細かな粒度で並んでいるメニューは (そのメインコンテンツが属するカテゴリーの) ローカルナビゲーション...といった感じです。 スクリーンリーダーユーザーにとっての課題 (ナビゲーションメニューの種類を推測する手間) ところが、Web ページ内の情報をシリア

こんにちは。Growth Seed編集部です。 ユーザーが検索エンジンをどのように活用しているのか、リアルな声を聞くためにアンケート調査を実施しました。 検索エンジンの利用頻度や、検索キーワードの種類、クリックする際に重要視している個所など、検索ユーザーの特徴をまとめた検索エンジン実態調査の一部を公開します。 調査期間 ： 2014年4月22日～ 5月13日 調査手法 ： インターネットリサーチ 調査対象 ： 当社メディアサイト「TALENT」会員 調査人数 ： 160人 調査属性 ： 10代～60代（男性45％・女性55％） 調査機関 ： 株式会社フルスピード ↓株式会社フルスピードのSEOコンサルティングサービスのご紹介(資料DLページ) 設問1　Webサイトを閲覧する際、主に利用しているデバイスは？ デスクトップPCとノートPCが大多数を占め、スマートフォンの利用者は想定よりも少ない

「ネイティブ広告」ってわかりにくいキーワードで、何だかややこしいことになっていますよね。 ネイティブ広告って何？ 人によって「ネイティブ広告」というキーワードで指している内容が違う気がするので、ちょっと整理をしてみようと思います。 Wikipediaの「Native advertising」の記述を邦訳すると、このような感じになります。 「ユーザーの行動に合わせて価値あるコンテンツを提供し、生活者の興味・関心を惹きつけようとするウェブ広告の形態の一つ。…広告主の意図としては、広告を押しつけがましくないように見せることで、クリック率を上げようとするものである」 「ネイティブ広告」は、本当に「ネイティブ」な「広告」であるべきなのだろうか？ | CONTENT MARKETING LAB（コンテンツマーケティングラボ） うん、まぁ、「自然な」広告ということなんでしょうけど、これだけだとよくわかり

Big Data Challenges, Presented by Wes Caldwell at SolrExchage DCLucidworks (Archived)

こんにちは。メディアサービスカンパニー制作部の佐仲です。 ヤフーではメインの業務に平行して、UIの実装に関するガイドラインを作成する「UI実装ガイドライン分科会」に所属しています。 今回は、その分科会の取り組みの一つとして昨年度発表した「ウェブアクセシビリティ方針」を中心にお話をしたいと思います。 ウェブアクセシビリティってなんだろう？ by Jil Wright on flickr. 今回の取り組みをご紹介する前に、ウェブアクセシビリティについて軽く触れておきたいと思います。 みなさんはウェブアクセシビリティと聞いて何を思い浮かべられるでしょうか？ 障がい者対応音声ブラウザへの対応上記のような言葉を思い浮かべることも多いかと思います。 私も今回の取り組みまでは「音声ブラウザへの対応」という認識でいました＾＾； もちろんこれらも間違いではありません。 ですが、ヤフーでは 「アクセシビリティ

2014年5月20日 著 少し前の記事ですが、日経BPコンサルティングスタッフルームに掲載された年寄りを困らせる「レスポンシブWebデザイン」を読んでの感想。確かに、レスポンシブWebデザイン（以下「RWD」）のユーザビリティ上の問題点について指摘はしているものの、その問題点は本当に高齢者に特有のものなのだろうか？　そして、記事中で紹介されている東北大学の対応策は本当に利用者の使い勝手を考えてきちんと吟味し、改善策を実践した結果なのだろうか？　などと疑問に思いました。 RWDを採用した場合、Webページがブラウザの拡大機能に反応してしまうとか、スマホでアクセスすると強制的にスマホ向けのレイアウトで表示されるのは、事実です。しかしいずれも、利用者が高齢者であろうとなかろうと同じ。結局のところ、記憶のなかにある慣れ親しんだレイアウトを頼りに、複数の異なるスクリーンサイズ間で自身の必要とする情報

4月、5月と、立て続けにポイントサービス系と、スマート決済のニュースがありました。 楽天ポイント 楽天、共通ポイント市場に参入 １１社参加で１０月開始：朝日新聞デジタル ポンタ＆リクルートポイント ポイントサービス:リクルート、Ｐｏｎｔａと業務提携 - 毎日新聞 ヤフー＆Tポイント 「ウルトラマン商店街」をTポイントで活性化 ー ヤフーとTポイントが商店街の活性化を狙う | Shopping Tribe 食べログ 飲食店向けモバイルカード決済「食べログPay」提供開始 最安水準の決済手数料 - ITmedia ニュース 僕はポイント系、スマート決済系の話は大好きで、過去に何度かブログの記事も書いているのですが、今回も誰も取材に来てくれなかったので、勝手にまとめます。 今回の発表で、各種陣営はこんな風にまとまりました。ポイント系の事業計画してる人は、この表、試験に出ますのでまるごと暗記して下

あわせて読みたい 新人プログラマに知ってもらいたいメソッドを読みやすく維持するいくつかの原則 ペアプログラミングして気がついた新人プログラマの成長を阻害する悪習 「オブジェクト指向プログラミング」と「関数型プログラミング」のたった一つのシンプルな違い あきらめるにはまだ早い！ソースコードの品質向上に効果的なアプローチ 2015年に備えて知っておきたいリアクティブアーキテクチャの潮流 この記事について この記事は新人向けの研修内容を再編集してお送りいたします。 ここで述べる内容はどのようにして現在のプログラミングスタイルが生まれてきたかを理解することで、よりよいプログラムを書くためのもので、正確なソフトウェア工学の歴史を学ぶためのものではありません。正確な歴史を把握したい場合は、原典をあたるようにしてください。 また、想定している読者は「よくあるオブジェクト指向プログラミングの学習」を既にし