タグ

2019年11月21日のブックマーク (17件)

  • Atomic Designを分かったつもりになる

    「Atomic Design」(アトミック・デザイン)という言葉がしばしば聞かれるようになってきました。実際にちょっとしたトライアルをしつつ、Atomic Design について考えてみました。

    Atomic Designを分かったつもりになる
  • Airbnbのデザインシステムの構築 – heru – Medium

    この記事は、David Leeのbrunchを参考、Airbnb Designから翻訳しました。 この記事はAirbnbの「新しいデザインシステム(New Design Language System)」シリーズの一部です。 ソフトウェア開発とデザインをする時、私たちはよく、一回生(one-off)ソルーションを作ることが多いです。時には時間制約野中で働くことが多く、どのように進めていけばよいかがまとめられていない状態で働いているからです。一回生ソルーションが悪いものではありませんが、堅実な基礎に基づいて立てられなかったら、私たちは結局、後から技術的負債とデザイン的負債を返済しなければなりません。 ビジュアル言語は、他の一般的な言語と違わないです。言語がうまく伝えられなく、理解できない場合、誤解が生じます。プロダクトやチームの成長につれ、このような現象はもっと複雑になります。 デザインはい

    Airbnbのデザインシステムの構築 – heru – Medium
  • フロントエンドのコーディング課題6選-このフロントエンドの課題、実装できますか? - Qiita

    こちらの記事は、Indrek Lasn 氏により2019年 10月に公開された『 Here Are 6 Front-End Challenges to Code 』の和訳です。 記事は原著者から許可を得た上で記事を公開しています。 著者Twitter https://twitter.com/lasnindrek フロントエンドの開発はストレスが多く難しい作業ですが、練習すれば技術をマスターすることができます。 自ら進んで鍛錬と努力をすれば、フロントエンド開発の場面で問題を解決することのエキスパートとなることができるでしょう。 優れたフロントエンド開発者になるために効果的な方法の1つは、単純にできるだけ多くの課題に取り組み、解決することです。 フロントエンド開発の達人になるために、今日から解き始めることができる6つの課題を紹介します。 ではさっそく、実装すべき6つの課題はこちら。 1. ク

    フロントエンドのコーディング課題6選-このフロントエンドの課題、実装できますか? - Qiita
  • ツイッターを使うと成績が下がることが判明! 優秀な女子ほどバカに… 学者も警鐘「SNSは極めて有害、脳が確実に変化」 (2019年6月8日) - エキサイトニュース

    SNS全盛時代を迎えている昨今だが、残念ながらSNS依存、スマホ依存も無視できない社会問題として浮上してきている。そして最新の研究では、ツイッターの頻繁な利用が高校生の学業成績を低下させることが報告されている。SNSで我々は“バカ”になってしまうのだろうか。 ■ツイッターを使った国語の授業で成績低下 各種SNSの普及とともに、SNSが持つネガティブな側面にも注目が集まっているが、最新の研究では、ツイッターの活用によって高校生のテストの点数が下がるという結果が示されている。学業にツイッターを使うことで“バカ”になってしまうのである。 【その他の画像はコチラ→https://tocana.jp/2019/06/post_98635_entry.html】 イタリアのサクロ・クオーレ・カトリック大学の研究チームが2019年5月に発表した研究調査では、学習にツイッターを利用することを検証した結果、

    ツイッターを使うと成績が下がることが判明! 優秀な女子ほどバカに… 学者も警鐘「SNSは極めて有害、脳が確実に変化」 (2019年6月8日) - エキサイトニュース
    kikiki-kiki
    kikiki-kiki 2019/11/21
    テレビを見てるとバカになる。漫画を読んでるとバカになる。ゲームをしてるとバカになる。SNSをやってるとバカになる。←NEW!! 最近の若いものは理論っぽい
  • グーグル検索されたロシア軍についての質問トップ5

    なぜロシア軍の制帽はあれほど大きいのか。なぜロシア兵はスポンジ・ボブのテーマソングに合わせて行進するのか。もしこれまでにこんな疑問を抱いたことがあるならば、ここでその答えを知ることができる。 制帽があれほど大きいのにはいくつかの理由がある(ロシア人の頭が大きいということではない)。まず、ソビエト時代の赤い星よりずっと大きいロシア軍の徽章を収める十分な空間が必要だ。 それからこれは、2008年にロシア軍の制服を作ることで契約を結んだデザイナーの判断である。彼は実用性よりも「ファッション性」を重視したために激しく批判された。 しかし、彼がデザインした冬用制帽はとても温かく快適で、ロシアの厳しい冬の気象条件に適したものだった。 なぜロシア軍はスポンジ・ボブのテーマソングに合わせて行進するのか 「何も俺たちは、悪い奴らと戦ってミサイルを作ってばかりいるわけじゃないんだから。」彼らだってユーモアのセ

    グーグル検索されたロシア軍についての質問トップ5
  • SoluteLabs

  • 【翻訳】ストーリーポイントを使うのをやめよう - PoohSunny's blog

    はじめに このエントリーは、Industrial LogicのCEOで、モダンアジャイルの提唱者としても知られるJoshua Kerievskyの「Stop Using Story Points」というブログポストを許可をえて*1翻訳したものです。2012年と古いものですが、今でも有益な内容だと考えています。原文はこちらになります。 www.industriallogic.com 誤訳等あれば優しく指摘していただけるととても助かりますし喜びます。 ユーザーストーリーを使うのをやめよう ハンバーガー、ポテトそしてコーラがファーストフードのシンボルであるように、スプリント、朝会そしてストーリーポイントは、アジャイルの方法論のシンボルになりました。 アジャイルハッピーセットの準備はできていますか? おそらくNoでしょう。 ファーストフード研究者のように、我々はアジャイルハッピーセットに、アジリテ

  • 飯塚容疑者 服役なしの可能性も…池袋暴走事故に続く特別待遇 | 女性自身

    「予約していたフレンチの時間に遅れそうだった」 旧通産省工業技術院の元院長・飯塚幸三容疑者(88)は、そう供述したという。 事故が発生したのは4月19日。横断歩道を渡っていた松永真菜さん(当時31)と娘の莉子ちゃん(当時3)が犠牲になったほか、10人が負傷した。それから7カ月後の11月12日に、ようやく飯塚元院長が自動車運転処罰法違反(過失運転致死傷)容疑で書類送検されたのだ。 「よほど予約の時間に遅れたくなかったのか、飯塚元院長は前方のバイクや車を追い越すために蛇行運転を繰り返していたのです。縁石に衝突した後も加速し、自転車に乗っていた真菜さんと莉子ちゃんをはねたときには、車のスピードは時速90キロ台後半に達していました。ドライブレコーダーには、高速で突入してくる車を見つめる莉子ちゃんの姿も映っていたそうです……」(全国紙社会部記者) 暴走事故を起こしながら逮捕もされなかったことについて

    飯塚容疑者 服役なしの可能性も…池袋暴走事故に続く特別待遇 | 女性自身
    kikiki-kiki
    kikiki-kiki 2019/11/21
    逮捕=罪人って認識はそもそも変。逮捕されても推定無罪であり罪は裁判で決まるものだから。服役でない方法でも罰則が与えられるならそれでいいと思うし、感情論が法の例外を作るのは法治国家としてはよくないと思う
  • throttleとdebounce

    throttleとdebounceといきなり言われてピンとくる人もそうでない人も、ここらでおさらいしませんか? という回です。これらが何なのか、どう使うのか、どう実装するのかを今一度確認していきましょう。 なぜ今更こんなことをするのかというと、自分が先日忘れていたからです😳 ナニコレ throttleとdebounceとは、簡単に言うと間引き処理の一種です。連続して大量に繰り返される処理を間引いて負荷を軽減させたりするときに使います。 throttle 連続して大量に繰り返される処理を一定感覚で間引くものです。 よく使われるのはscrollイベントです。スクロールイベントをすべてハンドリングすると処理回数が多くなり、場合によってはスクロールがもっさりしてしまいますよね。それを防ぎます。 debounce 連続して大量に繰り返される処理が指定時間内に何度発生しても最後の1回だけ実行するもの

    throttleとdebounce
    kikiki-kiki
    kikiki-kiki 2019/11/21
    イベントを間引く方法。throttle: 一定期間で間引く / debounce: 指定時間内の最後の1回だけを実行する
  • Reactのdebounceとthrottleのhooksをそれぞれ試してみた - Qiita

    import React, { useState } from "react"; import { useThrottle } from "use-throttle"; const App = () => { const [text, setText] = useState(""); const value = useThrottle(text, 1000); return ( <> <input onChange={e => setText(e.target.value)} /> <p>Actual value: {text}</p> <p>Throttle value: {value}</p> </> ); }; export default App;

    Reactのdebounceとthrottleのhooksをそれぞれ試してみた - Qiita
    kikiki-kiki
    kikiki-kiki 2019/11/21
    イベントの発火数をコントロールできるやつ
  • 『名取さな』1/7スケールフィギュア11/22(金)受注開始予定! | わんだらー

    ―バーチャルサナトリウムから飛び出して、名取さながせんせえのもとに…ってね!― 制作の発表から、大変長らくお待たせいたしました! 名取さなちゃん1/7スケールフィギュアの続報をお知らせいたします♪ 受注開始日は11/22(金)、発売予定は2020年4月です!! 日は豊富なお写真とともに、名取さなちゃんフィギュアの魅力をお伝えしていきますー! よろしくお願いしますね☆ 【おはようございナース!名取さなです♪】 元気いっぱいな新人ナース、名取さなちゃんの華奢で可憐な体躯が、 確かなリアリティーを伴って立体化されましたー!! ご覧くださいこの物そっくりの細さを! 折れてしまいそうなほど細くて可愛いさなちゃん。 しかし細さの中にも表現された人間らしい肉質感が、実在性を感じさせます! いますよ!さなちゃんがそこに!! どうしても直らない内股が、そこに!! 配信などの画面越しだけでは物足りないせん

    kikiki-kiki
    kikiki-kiki 2019/11/21
    かわいい!!
  • 意外と簡単にできる、JavaScriptでオブジェクトの配列を並べ替える方法

    オブジェクトの配列を特定の順序でソートしたいとき、すぐに思い浮かぶのはJavaScriptライブラリーを使う方法です。しかし、その前に覚えておいて欲しいことは、ネイティブのArray.sort関数を使っても、きれいに並べ替えができることです。この記事では、JavaScriptで簡単にオブジェクトの配列を並べ替える方法について説明します。 この記事を読むには、変数の宣言、関数の記述、条件文など、基的なJavaScriptの概念を理解している必要があります。またES6の構文も使用します。ES6の構文については、こちらで復習できます。 基的な配列のソート JavaScriptのArray.sort関数はデフォルトでは、配列内の各要素を文字列に変換し、Unicodeの符号位置の順に比較してソートします。 const foo = [9, 2, 3, 'random', 'panda']; foo

    意外と簡単にできる、JavaScriptでオブジェクトの配列を並べ替える方法
  • 官邸まで巻き込む大論争 リアルドール禁止を求める韓国女性たち《署名は26万人超》 | 文春オンライン

    「私的な秘密の領域」か、あるいは「強姦人形」か――。こんな議論が、韓国でしばらくメディアをにぎわせ続けている。俎上に載せられているのは、ほかでもないダッチワイフ。日ではラブドール、また英語圏ではsex dollとも呼ばれるが、韓国では一般に「リアルドール」という。呼び名の通りリアルに造形された高級ダッチワイフが、女性問題として最高裁から大統領官邸まで巻き込む論争を引き起こしているのだ。 きっかけは、2017年に遡る。ソウルのアダルトグッズ店ブルル・ドット・コムが海外から取り寄せたダッチワイフ1体がこの年、仁川税関で通関保留となった。輸入元は日、価格は84万7000円だという。 韓国はもともと、少なくとも建前上は性の風紀に厳しい国だ。ダッチワイフも税関で「風俗を害する物品」と見なされ、輸出入が事実上禁止されていた。国内には一定数のダッチワイフが流通しているが、それらは韓国製か、税関の目を

    官邸まで巻き込む大論争 リアルドール禁止を求める韓国女性たち《署名は26万人超》 | 文春オンライン
    kikiki-kiki
    kikiki-kiki 2019/11/21
    実際の人に似せて作るサービスは問題あると思うけど、非実在で他者に直接的な危害を与えないプライベートに対して存在が不快だからとか、内心を見に行って傷つけられたって規制しようとするのは多様性とは?ってなる
  • (ニュースQ3)武器の見本市、戦争放棄の日本でなぜ?:朝日新聞デジタル

    ","naka5":"<!-- BFF501 PC記事下(中⑤企画)パーツ=1541 -->","naka6":"<!-- BFF486 PC記事下(中⑥デジ編)パーツ=8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下(中⑥デジ編)パーツ=8826 -->","adcreative72":"<!-- BFF920 広告枠)ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag PC誘導枠5行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"

    (ニュースQ3)武器の見本市、戦争放棄の日本でなぜ?:朝日新聞デジタル
    kikiki-kiki
    kikiki-kiki 2019/11/21
    日進月歩な攻撃を防ぐにはそれに応じた武器が必要だし、開発には技術力が必要だし、技術力を維持・更新し続けていく為にはって考えれば解りそうなものだけど。輸入に完全に頼るのは輸入できなくなったら詰むんだよ
  • 「よくわかっている先生、野党にもおられるはず」 ニューオータニ側が明かす「領収書」と「明細書」 

    安倍晋三首相主催の「桜を見る会」の前日に開かれた「前夜祭(夕会)」をめぐり、左派野党やメディアは「会費一人5000円は安すぎる」「領収書を一人一人に発行するのはおかしい」などと批判している。事実はどうなのか? ホテルニューオータニ側に疑問について聞いた。 「当ホテルは、お客さまの安全、安心を担保しています。個別のパーティーについては回答できませんが、一般論としてお話ししたい」 同ホテルの関係者はこう語った。 まず、注目された会費一人5000円について。 「開催時期や人数、事や飲み物の内容、宿泊とのパッケージか、お客さまの利用頻度など、さまざまなケースがあり得ます。他ホテルとの競合になりますので、いろいろな相談をさせていただいている。『端数を切ってほしい』などよくあります。ケースによって、さまざまです」 与野党関係ないのか? 「当然です。野党にも、よく分かっている先生もおられるはずです」

    「よくわかっている先生、野党にもおられるはず」 ニューオータニ側が明かす「領収書」と「明細書」 
    kikiki-kiki
    kikiki-kiki 2019/11/21
    声の大きいお馬鹿さんに振り回される時代になってるのデストピア感しかねぇ… 特にTVはニュースを専門家でもない素人が素人考えのテキトーな事言ってるだけのバラエティ番組にしちゃった罪は大きいのでは?
  • ぶどうをレンジでチンするとこの世の終わりのようなプラズマが発火する理由がやっと判明

    ぶどうをレンジでチンするとこの世の終わりのようなプラズマが発火する理由がやっと判明2019.02.26 17:00368,602 Ryan F. Mandelbaum - Gizmodo US [原文] ( satomi ) 偶然の一致。 電子レンジに絶対入れてはいけないものと言えば、たまごとぶどう。たまごは爆発しますし、ぶどうはテスラコイルみたいな厳かな光を発し、「こ、これは…」と呆然としているとボッと燃えたりします。畑のぶどうなのに。 この奇妙な現象にまじめに取り組む論文が月曜、カナダから高名な科学誌に発表され、たいへん注目を呼んでいます。序文にはこうあり… ぶどうの球体2個を電子レンジにかけるとプラズマが発光する現象は今や全人類の知るところとなっている。 これで終わりにしてやるぜ、という気度がうかがえます。さっそく研究班に取材してみたら、モントリオールのコンコルディア大学のPabl

    ぶどうをレンジでチンするとこの世の終わりのようなプラズマが発火する理由がやっと判明
    kikiki-kiki
    kikiki-kiki 2019/11/21
    ”ぶどうの球体2個を電子レンジにかけるとプラズマが発光する現象は今や全人類の知るところとなっている。” 知らなかった… ぶどうの粒の中にマイクロウェーブが閉じ込められるのか。ぶどうプラズマキレイだな〜
  • JAMstack - クライアントサイドJavaScript、再利用可能なAPI、予めビルドされたマークアップによるモダンなWeb開発アーキテクチャ - Qiita

    JAMstack - クライアントサイドJavaScript、再利用可能なAPI、予めビルドされたマークアップによるモダンなWeb開発アーキテクチャJavaScriptAngularVue.jsReactJAMstack JAMstackの概要を意訳しました。 誤りやより良い表現などがあればご指摘頂けると助かります。 原文: https://jamstack.org/ 「スタック」について言及する際、OS、特定のWebサーバ、バックエンドのプログラミング言語やデータベースについてはもう触れる必要はありません。 JAMstackは特定のテクノロジーではありません。これは、高速化、堅牢なセキュリティ、スケーリングコストの低減、そしてより良い開発者体験をもたらすWebサイトやアプリケーションを構築する新たな手法です。 JAMstackとは? 下記3点の基準を満たせばJAMstackで構築されたと

    JAMstack - クライアントサイドJavaScript、再利用可能なAPI、予めビルドされたマークアップによるモダンなWeb開発アーキテクチャ - Qiita