タグ

lapticeのブックマーク (379)

  • chrome devtools の tips N連発 - mizdra

    mizdra.icon が社内向けに発表した資料なのですが、折角なので一般向けに書き直して公開します。

    chrome devtools の tips N連発 - mizdra
    laptice
    laptice 2021/04/05
    Chromeの開発ツールTipsまとめ。個人用のメモ代わりだけど、縦の三点リーダーを「ケバブメニュー」と呼ぶの初めて見た。
  • NHK夫婦別姓特集、たぶん夫婦別姓になっても不幸だぞ - 人生万事こじらせるべからず

    2/13、NHKの夫婦別姓特集が放送されました。 話題になったのは、番組のラストに出てきた夫婦別姓反対派の亀井静香の古臭い保守的な価値観に、セクハラじみた無礼な態度。夫婦別姓に賛成寄りの人が興味を持って番組を見るわけですから、反対派の亀井静香の話には多くの視聴者が反感を持ちますよね。 亀井静香のあまりのインパクトにより忘れ去られてしまったのですが、番組で取り上げられた夫婦にも少し疑問を抱くところがありました。 それをようやく言語化できたので、番組のあらすじを多少交えながら説明していこうと思います。 www.nhk.jp あらすじ 番組は、結婚できず困っている事実婚夫婦二人の会話、実家の親との話し合い、夫婦別姓関連の取材の3種類のシーンを行き来しながら進行されてゆきます。 主な登場人物は以下の4人。 高橋氏:夫。40歳NHKのディレクターであり、自分自身を撮影するセルフドキュメンタリーとし

    NHK夫婦別姓特集、たぶん夫婦別姓になっても不幸だぞ - 人生万事こじらせるべからず
    laptice
    laptice 2021/04/02
    夫婦別姓における違和感の話。両親と配偶者だったら配偶者こそ尊重すべき立場なのは自明。子供の将来を考えた上で名乗る姓を決めれば良いが、制度・意識はまだ追い付く気配が無く、自己責任と言わざるを得ない…。
  • HTMLのtableにクラスを加えるだけで、グラフやチャートを簡単に実装できるCSSのフレームワーク -Charts.css

    棒グラフや折れ線グラフ、どうやって実装していますか? Charts.cssなら簡単です。データをtableタグで実装し、CSSのクラスをtableに加えるだけで横棒グラフ、棒線グラフ、折れ線グラフ、エリアグラフなどを簡単に実装できるCSSのフレームワークを紹介します。 HTMLは普通の表組みなのでアクセシブル、グラフやチャートはレスポンシブにも完全対応した優れものです。 Charts.css Charts.css -GitHub Charts.cssの特徴 Charts.cssのデモ Charts.cssの使い方 Charts.cssの特徴 Charts.cssはtableで実装した表組みにシンプルなCSSのクラスを加えるだけで、さまざまなグラフやチャートを実装できるフレームワークです。カスタマイズも簡単で、ユーティリティのクラスも豊富に用意されています。 HTMLCSSだけで実装 セマ

    HTMLのtableにクラスを加えるだけで、グラフやチャートを簡単に実装できるCSSのフレームワーク -Charts.css
    laptice
    laptice 2021/03/22
    CSSのClassだけでTableをグラフやチャートにできるフレームワーク。ものによってはまだUnderConstructionだけど、素敵。
  • メタバースに繋がるコレクタブル市場の成長と進化

    はじめに「投資」という概念は昔からある。金に投資していた時代から、それが不動産や株へになり、最近だとファンドやスタートアップへの投資が流行り始めている。そして、今では株や不動産もここ10年を見ると、大分進化している。 引用:CRV Blogまず変わったのは、個人投資家が入れる技術が出てきたこと。RobinhoodやPublicはオプション取引、不動産業界だと部分投資、そしてスタートアップ業界でもAngelListなどを通して少額投資が可能になってきている。 この新しい技術ありきの投資は以下のようなフェーズに切り分けられるかと思います: ・フェーズ1:流動アセットを投資しやすいUI/UX化(Robinhood、Coinbase) ・フェーズ2:プライベートのアセットクラスへの投資サービスの誕生(例:Rally、Otis、Mythic Markets) ・フェーズ3:投資だけではなく取引がオン

    メタバースに繋がるコレクタブル市場の成長と進化
    laptice
    laptice 2021/03/11
    デジタルアセットに対する価値観が海外では急速に変化していて、デジタル・アナログ問わず様々な形で資産運用がなされ始めているという話。収集癖&手元に置きたがりな日本でこの流れが来るだろうか?
  • 「ごめんなさい 救助のヘリじゃなくてごめんなさい」|NHK取材ノート

    NHKのニュースや番組をつくっている私たちが取材に込めた思いや取材手法などをお話します。一緒に「取材ノート」をつくっていきましょう。サイトはhttps://www.nhk.or.jp/d-navi/note/ 利用規約はhttps://nhk.jp/rules

    「ごめんなさい 救助のヘリじゃなくてごめんなさい」|NHK取材ノート
    laptice
    laptice 2021/03/09
    またこの時期がやってきたのだなと実感する。自分の人生観や会社組織に対する向き合い方を大きく変えるきっかけになった。
  • メルカリ、「無意識(アンコンシャス)バイアス ワークショップ」の社内研修資料を無償公開

    〜「無意識の偏見を適切に理解する」ためのノウハウを広く共有し、日社会全体の多様性の受容の推進を目指す〜 株式会社メルカリ(以下、メルカリ)は「無意識バイアスを適切に理解する」ためのノウハウを広く共有し、日社会全体の多様性の受容を推進すべく、「無意識バイアスワークショップ」研修資料を、当社採用サイト内、ダイバーシティ&インクルージョン(以下、D&I)ページにて無償公開いたします。 メルカリでは社内のD&I(多様性の受容)の推進の一環として、2019年より自社内製による独自研修プログラム「無意識バイアスワークショップ」を実施してきました。メルカリではこのプログラムを2020年初めより、全マネージャー受講必須の研修としています。 「無意識バイアス」とは、普段の生活や文化による影響で、無意識下に培われた「思い込み」や「偏見」を指す呼称です。「無意識バイアス」のひとつの例として挙げられるのが「女

    メルカリ、「無意識(アンコンシャス)バイアス ワークショップ」の社内研修資料を無償公開
    laptice
    laptice 2021/02/26
    メルカリが公開している、多様性の受容を推進する目的で行われたワークショップの社内資料。ファシリテーション用の資料も併せて公開されている点が珍しい。
  • ウェブアクセシビリティ検証ツール「axe」を用いた自動テスト実行スクリプト | Accessible & Usable

    公開日 : 2021年2月23日 (2024年10月14日 更新) カテゴリー : アクセシビリティ Deque Systems, Inc. が開発、公開している、「axe」というウェブアクセシビリティ検証ツールがあります。Chrome、Firefox、Edge の拡張機能がリリースされており、各ブラウザの開発者ツールで使用することができます。 ウェブアクセシビリティ検証ツール「axe」(Chrome 拡張機能) の表示例 axe はとても便利なツールですが、ブラウザの拡張機能として使用する場合、1ページずつ開いてアクセシビリティを検証する、という形になります。検証対象サイトのページ数が多い場合、面倒に感じることもあるかもしれません。 axe では、コアエンジン「axe-core」もオープンソースで公開されているので、これを応用することで、ブラウザ自動操作ツールを介してウェブサイト (複数

    ウェブアクセシビリティ検証ツール「axe」を用いた自動テスト実行スクリプト | Accessible & Usable
    laptice
    laptice 2021/02/26
    Dequeが開発しているアクセシビリティ検証ツールの自動テスト実行スクリプト。
  • メルカリが検索に「売り切れ品」を置く理由、初期のLINEが友だち追加を「電話番号マッチング」に絞った理由など、アプリのマーケティング施策まとめ30|アプリマーケティング研究所

    2017年〜2020年(+α)に取材した記事から、今でも参考になりそうな施策などまとめてみました。※ 数値等はあくまで取材当時のものです。 1、フリマアプリの検索結果に、あえて「売り切れ商品」を表示している理由(メルカリ)フリマアプリの「メルカリ」では、検索をかけると販売済みになっている、「売り切れ品」も表示されるようになっている。 あるとき邪魔ではないかと、検索結果から「売り切れ品」を消してみたら、あらゆる数値(継続率・購入率など)が悪化してしまった。 実は「売り切れ品」を置いておくことが、ユーザーに「これ買いたかった」「マメにチェックしとこう」と思ってもらう、うまい演出として機能していたのが理由。 2、コメント欄のタイムラグを小さくすると、コメント率が改善されて荒れにくくなる(ミラティブ)配信アプリの「ミラティブ」では、コメント欄のタイムラグを小さくしたところ、コメント率が改善されたと

    メルカリが検索に「売り切れ品」を置く理由、初期のLINEが友だち追加を「電話番号マッチング」に絞った理由など、アプリのマーケティング施策まとめ30|アプリマーケティング研究所
    laptice
    laptice 2021/02/10
    売れるを作る仕組みのベストプラクティス(というか結果論)を集めた記事。売れてるサービスの「なんでだろう?」には何かしらの理由があるという話。
  • W3C発行のHTMLがすべて廃止された日 | フロントエンドBlog | ミツエーリンクス

    あくまで有効日数はW3C仕様の名目上のステータスであり、参考情報にしか過ぎないわけですが、HTML5とそれよりも前に策定された(X)HTML仕様は、2018年3月に一斉に廃止され、HTML Review Draftと入れ替わるタイミングでHTML 5.1とHTML 5.2が同時に廃止されました。Second Editionを含んでいますが、HTML5シリーズがいずれも勧告から3年で廃止されているのは何とも興味深いところではあります。 また、古い話ですが、当時HTML5のEditorを務めていたHixieことIan Hickson氏が2008年に「HTML5の完成は2022年ごろになる」と発言していたことがありました(HTML5の完成は2022年!? | Web標準Blog | ミツエーリンクス)。2012年にW3CとWHATWGのHTMLが分裂[1]し、結局今年になってWHATWG HTM

    W3C発行のHTMLがすべて廃止された日 | フロントエンドBlog | ミツエーリンクス
    laptice
    laptice 2021/02/09
    今後のHTML仕様は「HTML Standard」に則って実装しましょうね、という話。HTML4.01とXHTML1.xの息の長さに比べて現行仕様の移り変わり速度は、閲覧デバイスの増加やリッチコンテンツへの柔軟な対応姿勢表明なのですかね。
  • 大学の恩師に教わった、「なにがわからないか、わからない」ときの質問のしかた。

    「恩師」の意味を「人生全体に渡って、大きく影響を及ぼす程の薫陶を受けた人」と定義した場合、私には恩師と言って良さそうな人が二人います。 一人は、小学校の3年から4年の時に担任をもってもらったH先生。 もう一人は大学の専門課程、国語学研究室でお世話になったS先生。 H先生については、人生の選択に関わる重要な示唆を色々と頂いたなーと思っていて、例えば昔この記事で書いたんですが、 忍者ハットリくんが、私の人生を大きく変えた、という話。 「ファミコンの忍者ハットリくんに巻物が出てきてかっこいいから、物の巻物にも触ってみたい」 と素っ頓狂なことを言い出した私に、 「巻物は大学行かないと触れないよ」と答えて、さり気なく「大学=巻物」という刷り込みを行ったのがH先生です。 多分私、この教えがなかったら大学行ってませんでした。 上記の記事でも書いた通り、私は大学での専攻として、「巻物に触りたいから」とい

    大学の恩師に教わった、「なにがわからないか、わからない」ときの質問のしかた。
    laptice
    laptice 2021/02/08
    質問をする際の効率的な考え方や伝え方。自分の状況や理解しているモノ・コトを言語化できないと答える側も困るという話。それはそれとして、掃除機は吸引力が命。
  • ゲームに人生を狂わされた話|Jeni / 畠山駿也

    ゲーム人生を狂わされた話私の人生を狂わせたのは身体の障害でもなく、家族でもなく、 格闘ゲームコミュニティだ。 私は指定難病である筋ジストロフィー症を患い、小学2年から車いすで生活している。 簡単に説明をすると、全身の筋肉が徐々に衰えていく病気だ。身体を酷使すると病気の進行が進む。かといって動かさないと単純に筋力が落ちる病だ。 出来る事が減っていく生活の中、内向的になり、学校以外は自宅にいる子供になっていった。唯一できることはテレビゲームくらい。放課後、同級生と遊ぶスマブラやボンバーマン、ピクミン2の対戦モードが唯一の楽しみだった。 高校に入り、ニコニコ動画の週間ランキングに入っていた「スーパーストリートファイターⅣを麗らかに実況せんとす」という動画を見た。 当時格闘ゲームに対しての印象は、操作が難しくてゲームセンターでしか遊べないという認識だった。気軽にオンライン対戦ができることに興味を

    ゲームに人生を狂わされた話|Jeni / 畠山駿也
    laptice
    laptice 2021/01/29
    一ゲーマーのいつもの恨み辛みかと思ったら真逆の記事だった。
  • けしからんファイアウォールに負荷掛けたら警察から手紙きた 登大遊氏が光ファイバーの先に興味をもった理由 | ログミーBusiness

    情報科学若手の会とは、情報科学に携わる学生、若手研究者、エンジニアのディスカッションと交流の会です。NTT東日特殊局員の登氏が政府に配布停止要請されたVPNソフトの話など、シン・テレワークシステムの開発のもととなった数々の経験を開発秘話として講演しました。今回は登氏がNTT東日に呼ばれるまでの経緯について。前回の記事はこちら。 村井研を真似た部屋を大学内に作る登大遊氏(以下、登):しばらくして、どうも他にすごい大学があるという噂が回ってきました。「SFCの村井先生の研究室はすごいらしい」と。みんな知らなかったんのですが、ちょっと筑波大の学生が夜中に見学しに行ったら、あそこはすごいと。「村井研はすごい」と。 こういうものを作りたくて、我々も真似しようとヤフーオークションや大学廃棄で大量機材を持ってきました。あとは、先ほどの国のお話とかでの収益と、SoftEtherも売れていたので収益があ

    けしからんファイアウォールに負荷掛けたら警察から手紙きた 登大遊氏が光ファイバーの先に興味をもった理由 | ログミーBusiness
    laptice
    laptice 2021/01/26
    SoftEtherの開発者が学生時代の思い出を語っている記事。面倒くさい&鼻につくエンジニア的な文調をわざとやってるネタ記事ですが、内容も本格的な怪文書でもうワケがわからないw
  • CG制作演習 - 床井浩平氏が初心者向けにBlenderの使い方をまとめた PDF (1,419ページ・288MB)を無料公開!

    CG総合&業界 -Book アナトミー・イン・モーション:動きのビジュアルリファレンス - 動きのあるポーズ... 2025-09-10 動きのあるポーズ写真とイラストを掲載したアーティストのための「動きの人体解剖学」3dtotal書籍『Anatomy in Motion』の日語版『アナトミー・イン・モーション:動きのビジュアルリファレンス』がボーンデジタルから2025年9月に発売されます! 続きを読む Blender チュートリアル チュートリアル-Tutorial Turning the Toyota MR2 into a MODERN CLA... 2025-09-10 架空のカーカスタムデザインなどを公開しているZephyr Designzが初のBlender制作タイムラプス動画を公開しました! 続きを読む Unreal Engine アセット アセット-Asset Ins

    CG制作演習 - 床井浩平氏が初心者向けにBlenderの使い方をまとめた PDF (1,419ページ・288MB)を無料公開!
    laptice
    laptice 2021/01/21
    後で見るっつって物量に圧倒されて見ないだろうなというやつ…それでも諦めきれないの、私。
  • React でデザインシステムを正しく実装する - コンポーネントカタログを超えて | Wantedly Engineer Blog

    Wantedly でバックエンドのテックリード的なやつをやってる @izumin5210 です。半年くらい前から取り組んでいた、UI デザインシステムReact 実装について紹介します。ソフトウェアの設計としても非常にエキサイティングだったので、ライブラリ作ったりするのが好きな人なども楽しんでもらえると思います。 TL;DRWantedlyUI デザインシステムは「WantedlyUIをデザインする上での共通の考え方とツール&アセット」でありエンジニアとデザイナが効率よくコミュニケーションするための共通言語となるデザインシステムを (Web) Frontend に持ち込む際は、単なるコンポーネントカタログではなく、システムが定義するものと同じレベルの抽象を持つライブラリ・フレームワークとして実装することで、より有効性を発揮するこの話が気になった(Web・モバイル問わず)フロント

    React でデザインシステムを正しく実装する - コンポーネントカタログを超えて | Wantedly Engineer Blog
    laptice
    laptice 2021/01/21
    WantedlyのReactとデザインシステムのつなぎ込みについて、概念というよりは現場寄りのまとめ。デザイナーとフロントエンドの共通言語を作るためにどうしたかという話。
  • UX-mov | アプリのUIが動画で見れるギャラリーサイト

    UX-movは様々なアプリのUIを動画で集めたギャラリーサイトです。

    UX-mov | アプリのUIが動画で見れるギャラリーサイト
    laptice
    laptice 2021/01/12
    プロダクトUIを実際に動かした様子を動画で閲覧できるサイト。個人的なメモ。
  • 【必見】2020年に話題になったイケてるWebサービス・アプリまとめ

    あけましておめでとうございます。 今回は、2020年に話題になったイケてるWebサービス・アプリを紹介します。 多数リリースされているもののなかから、チェックし直しておいたほうがよさそうなサービスをピックアップしました。 2020年は新型コロナウイルスの流行もあり、世界が大きく変わりました。 それに伴い、生活様式にも変化が生まれ、リリースされるWebサービスやアプリも時代に則したものが多いように感じました。 冬休みのあいだに、ぜひおさらいしてみてください。 【その前に】毎月更新するシリーズについて 2020年はしばらくお休みをいただいておりましたが、年より更新を再開します。 引き続き、毎月末に更新となります。 また、新たに無料メルマガも開始します。 メルマガでは、運営者が気になったり、業界的に知っておいたほうが良さそうなWebサービスやアプリの紹介を不定期に紹介していく予定です。 最新

    【必見】2020年に話題になったイケてるWebサービス・アプリまとめ
    laptice
    laptice 2021/01/04
    新しい業態や流行りを知っておくためのまとめ。ほぼ全て使ったことも聞いたこともないサービスで(自分の観測範囲の狭さに)震えてる。
  • UXライティングとは | UXライティングガイド

    UXライティングとは何か UXライティングとは、ユーザーがデジタルサービスを操作する際に必要となるテキストを書く技術です。例えば、登録時のスタートガイド、利用の流れコンテンツ、タイトル、ボタン、画面上の説明文、エラーメッセージ、通知などの言葉がUXライティングの手法に則って書かれます。サービスの中にある言葉に対して「意味が通じればいい」という思想で書くのではなく、「ユーザーがサービスを通じて体験する一連の経験を設計する」という思想で書くのがUXライティングです。 UXライティングに求められる技術とは UXライティングには、分かりやすく書く技術と、人間らしく書く技術が必要です。この二つの技術が同居することによって、ユーザーの体験を支援することができます。 分かりやすく書く技術 UXライティングの手法に則ってテキストを書く際に求められるのは、「ユーザーの気持ちに沿った文章を書く」という抽象的な

    UXライティングとは | UXライティングガイド
    laptice
    laptice 2021/01/04
    サービス体験向上のための「文言の伝え方」に関する知見のまとめ。日本ではスキルや職業としてあまり認識されていないですが、デザイナーが負う領域として価値がありますよね。
  • Amazonで「鬼滅の刃」のコミックを買ってしまったのに、どうしても読み始める気になれない。

    鬼滅の刃」が絶好調だ。 あえて説明する必要もないが、劇場版の興行収入がえらいことになっていたり、単行の売り上げがドえらいことになっていたり、最終巻を求めて長蛇の列ができたり、めちゃくちゃ転売されたり、わけわからんコラボグッズが出たり、とんでもない状況だ。 見ると、町ゆく子どもたちのマスクまでどこかで見たような柄のものになっている。 これはもう社会現象と言っても過言ではないのだろう。 この「鬼滅の刃」はすごい。 たぶんどえらい作品だ。 そんなもの詳しくなくても分かる。 ただ、「たぶん」と表現しているのは、実はまだ観たことがないからだ。 そう、僕はこの作品に全く触れていないのだ。 原作も見てなければアニメも見ていない。もちろん劇場版も見るつもりはない。 やはり、たとえ末端といえども文章を書いたりして表現活動をしている者として、こういった作品は必ず抑えておく必要がある。 社会現象は多くの人に

    Amazonで「鬼滅の刃」のコミックを買ってしまったのに、どうしても読み始める気になれない。
    laptice
    laptice 2020/12/21
    歳を重ねることや新しいものに対峙する心情の機微を感じる文章。新しいものに触れるのは、辛いのだ。いつかそれがわかる時が来るだろうけれど、それが今日でないと良いな。
  • 欧米には日本人の知らない二つの世界がある

    物のジョブ型社会ではキャリアアップは難しい 前回、日型の「無限定な働き方」とは、「易しい仕事から始めて、慣れたらだんだん難しくする」というものであることを説明しました。その結果、知らない間に習熟を重ね、給与も職位も上がっていくことになります。まさに無限階段が作られているわけです。 一方、欧米のジョブ型労働は、ジョブとジョブの間の敷居が高く、企業主導で無限階段を容易には作れません。キャリアアップの方法は、原則として ①やる気のある人がジョブとジョブの間の敷居をガッツで乗り越える ②一部のエリートが自分たちのために用意されたテニュアコースを超スピードで駆け上る の2つだけ。その他多くの一般人は、生涯に渡って職務内容も給与もあまり変わりません。 その結果、日と欧米(とりわけ欧州)では、労働観が大きく変わってしまいます。日では「誰でも階段を上って当たり前」という考え方が、働く人にも使用者に

    欧米には日本人の知らない二つの世界がある
    laptice
    laptice 2020/12/21
    欧米的な実力主義や成果主義を礼賛する人も居ますが、日本型雇用はジャンプアップにこそ消極的なもののキャリアチェンジやキャリアアップの機会には恵まれているので、それぞれに一長一短がありますよという話。
  • [速報]AWS、クラウド障害をわざと起こす「AWS Fault Injection Simulator」発表。カオスエンジニアリングをマネージドサービスで実現。AWS re:Invent 2020

    Amazon Web Services(AWS)は、開催中のオンラインイベント「AWS re:Invent 2020」で、アプリケーションに対してクラウド障害のシミュレーションを行える新サービス「AWS Fault Injection Simulator」を発表しました。 クラウド上で稼働するアプリケーションの耐障害性などを高めるために実際にクラウド障害をわざと発生させて問題点をあぶりだす手法は、「Chaos Enginieering(カオスエンジニアリング)」と呼ばれています。 Netflixが2012年にカオスエンジニアリングのためのツール「Chaos Monkey」を公開したことで広く知られるようになりました。 参考:サービス障害を起こさないために、障害を起こし続ける。逆転の発想のツールChaos Monkeyを、Netflixがオープンソースで公開 今回発表された「AWS Faul

    [速報]AWS、クラウド障害をわざと起こす「AWS Fault Injection Simulator」発表。カオスエンジニアリングをマネージドサービスで実現。AWS re:Invent 2020
    laptice
    laptice 2020/12/17
    インフラをAWSに依存するサービスが増えてきたので、プロダクトのコードを改変せずにAWSが止まるとどこに障害が発生するのかをテストできるのは良いですね。