「Atomic Design」(アトミック・デザイン)という言葉がしばしば聞かれるようになってきました。実際にちょっとしたトライアルをしつつ、Atomic Design について考えてみました。
![Atomic Designを分かったつもりになる](https://cdn-ak-scissors.b.st-hatena.com/image/square/41500df1830b8619991c0d03b788ba608d8984e9/height=288;version=1;width=512/https%3A%2F%2Fdesign.dena.com%2F_next%2Fstatic%2Fimages%2Fcover-500-e7225a680908376678f0e18bb7fcaaef.jpg)
この記事は、David Leeのbrunchを参考、Airbnb Designから翻訳しました。 この記事はAirbnbの「新しいデザインシステム(New Design Language System)」シリーズの一部です。 ソフトウェア開発とデザインをする時、私たちはよく、一回生(one-off)ソルーションを作ることが多いです。時には時間制約野中で働くことが多く、どのように進めていけばよいかがまとめられていない状態で働いているからです。一回生ソルーションが悪いものではありませんが、堅実な基礎に基づいて立てられなかったら、私たちは結局、後から技術的負債とデザイン的負債を返済しなければなりません。 ビジュアル言語は、他の一般的な言語と違わないです。言語がうまく伝えられなく、理解できない場合、誤解が生じます。プロダクトやチームの成長につれ、このような現象はもっと複雑になります。 デザインはい
こちらの記事は、Indrek Lasn 氏により2019年 10月に公開された『 Here Are 6 Front-End Challenges to Code 』の和訳です。 本記事は原著者から許可を得た上で記事を公開しています。 著者Twitter https://twitter.com/lasnindrek フロントエンドの開発はストレスが多く難しい作業ですが、練習すれば技術をマスターすることができます。 自ら進んで鍛錬と努力をすれば、フロントエンド開発の場面で問題を解決することのエキスパートとなることができるでしょう。 優れたフロントエンド開発者になるために効果的な方法の1つは、単純にできるだけ多くの課題に取り組み、解決することです。 フロントエンド開発の達人になるために、今日から解き始めることができる6つの課題を紹介します。 ではさっそく、実装すべき6つの課題はこちら。 1. ク
SNS全盛時代を迎えている昨今だが、残念ながらSNS依存、スマホ依存も無視できない社会問題として浮上してきている。そして最新の研究では、ツイッターの頻繁な利用が高校生の学業成績を低下させることが報告されている。SNSで我々は“バカ”になってしまうのだろうか。 ■ツイッターを使った国語の授業で成績低下 各種SNSの普及とともに、SNSが持つネガティブな側面にも注目が集まっているが、最新の研究では、ツイッターの活用によって高校生のテストの点数が下がるという結果が示されている。学業にツイッターを使うことで“バカ”になってしまうのである。 【その他の画像はコチラ→https://tocana.jp/2019/06/post_98635_entry.html】 イタリアのサクロ・クオーレ・カトリック大学の研究チームが2019年5月に発表した研究調査では、学習にツイッターを利用することを検証した結果、
なぜロシア軍の制帽はあれほど大きいのか。なぜロシア兵はスポンジ・ボブのテーマソングに合わせて行進するのか。もしこれまでにこんな疑問を抱いたことがあるならば、ここでその答えを知ることができる。 制帽があれほど大きいのにはいくつかの理由がある(ロシア人の頭が大きいということではない)。まず、ソビエト時代の赤い星よりずっと大きいロシア軍の徽章を収める十分な空間が必要だ。 それからこれは、2008年にロシア軍の制服を作ることで契約を結んだデザイナーの判断である。彼は実用性よりも「ファッション性」を重視したために激しく批判された。 しかし、彼がデザインした冬用制帽はとても温かく快適で、ロシアの厳しい冬の気象条件に適したものだった。 なぜロシア軍はスポンジ・ボブのテーマソングに合わせて行進するのか 「何も俺たちは、悪い奴らと戦ってミサイルを作ってばかりいるわけじゃないんだから。」彼らだってユーモアのセ
はじめに このエントリーは、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キロ台後半に達していました。ドライブレコーダーには、高速で突入してくる車を見つめる莉子ちゃんの姿も映っていたそうです……」(全国紙社会部記者) 暴走事故を起こしながら逮捕もされなかったことについて
throttleとdebounceといきなり言われてピンとくる人もそうでない人も、ここらでおさらいしませんか? という回です。これらが何なのか、どう使うのか、どう実装するのかを今一度確認していきましょう。 なぜ今更こんなことをするのかというと、自分が先日忘れていたからです😳 ナニコレ throttleとdebounceとは、簡単に言うと間引き処理の一種です。連続して大量に繰り返される処理を間引いて負荷を軽減させたりするときに使います。 throttle 連続して大量に繰り返される処理を一定感覚で間引くものです。 よく使われるのはscrollイベントです。スクロールイベントをすべてハンドリングすると処理回数が多くなり、場合によってはスクロールがもっさりしてしまいますよね。それを防ぎます。 debounce 連続して大量に繰り返される処理が指定時間内に何度発生しても最後の1回だけ実行するもの
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;
―バーチャルサナトリウムから飛び出して、名取さながせんせえのもとに…ってね!― 制作の発表から、大変長らくお待たせいたしました! 名取さなちゃん1/7スケールフィギュアの続報をお知らせいたします♪ 受注開始日は11/22(金)、発売予定は2020年4月です!! 本日は豊富なお写真とともに、名取さなちゃんフィギュアの魅力をお伝えしていきますー! よろしくお願いしますね☆ 【おはようございナース!名取さなです♪】 元気いっぱいな新人ナース、名取さなちゃんの華奢で可憐な体躯が、 確かなリアリティーを伴って立体化されましたー!! ご覧くださいこの本物そっくりの細さを! 折れてしまいそうなほど細くて可愛いさなちゃん。 しかし細さの中にも表現された人間らしい肉質感が、実在性を感じさせます! いますよ!さなちゃんがそこに!! どうしても直らない内股が、そこに!! 配信などの画面越しだけでは物足りないせん
オブジェクトの配列を特定の順序でソートしたいとき、すぐに思い浮かぶのはJavaScriptライブラリーを使う方法です。しかし、その前に覚えておいて欲しいことは、ネイティブのArray.sort関数を使っても、きれいに並べ替えができることです。この記事では、JavaScriptで簡単にオブジェクトの配列を並べ替える方法について説明します。 この記事を読むには、変数の宣言、関数の記述、条件文など、基本的なJavaScriptの概念を理解している必要があります。またES6の構文も使用します。ES6の構文については、こちらで復習できます。 基本的な配列のソート JavaScriptのArray.sort関数はデフォルトでは、配列内の各要素を文字列に変換し、Unicodeの符号位置の順に比較してソートします。 const foo = [9, 2, 3, 'random', 'panda']; foo
「私的な秘密の領域」か、あるいは「強姦人形」か――。こんな議論が、韓国でしばらくメディアをにぎわせ続けている。俎上に載せられているのは、ほかでもないダッチワイフ。日本ではラブドール、また英語圏ではsex dollとも呼ばれるが、韓国では一般に「リアルドール」という。呼び名の通りリアルに造形された高級ダッチワイフが、女性問題として最高裁から大統領官邸まで巻き込む論争を引き起こしているのだ。 きっかけは、2017年に遡る。ソウルのアダルトグッズ店ブルル・ドット・コムが海外から取り寄せたダッチワイフ1体がこの年、仁川税関で通関保留となった。輸入元は日本、価格は84万7000円だという。 韓国はもともと、少なくとも建前上は性の風紀に厳しい国だ。ダッチワイフも税関で「風俗を害する物品」と見なされ、輸出入が事実上禁止されていた。国内には一定数のダッチワイフが流通しているが、それらは韓国製か、税関の目を
","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=\"
安倍晋三首相主催の「桜を見る会」の前日に開かれた「前夜祭(夕食会)」をめぐり、左派野党やメディアは「会費一人5000円は安すぎる」「領収書を一人一人に発行するのはおかしい」などと批判している。事実はどうなのか? ホテルニューオータニ側に疑問について聞いた。 「当ホテルは、お客さまの安全、安心を担保しています。個別のパーティーについては回答できませんが、一般論としてお話ししたい」 同ホテルの関係者はこう語った。 まず、注目された会費一人5000円について。 「開催時期や人数、食事や飲み物の内容、宿泊とのパッケージか、お客さまの利用頻度など、さまざまなケースがあり得ます。他ホテルとの競合になりますので、いろいろな相談をさせていただいている。『端数を切ってほしい』などよくあります。ケースによって、さまざまです」 与野党関係ないのか? 「当然です。野党にも、よく分かっている先生もおられるはずです」
ぶどうをレンジでチンするとこの世の終わりのようなプラズマが発火する理由がやっと判明2019.02.26 17:00368,602 Ryan F. Mandelbaum - Gizmodo US [原文] ( satomi ) 偶然の一致。 電子レンジに絶対入れてはいけないものと言えば、たまごとぶどう。たまごは爆発しますし、ぶどうはテスラコイルみたいな厳かな光を発し、「こ、これは…」と呆然としているとボッと燃えたりします。畑のぶどうなのに。 この奇妙な現象にまじめに取り組む論文が月曜、カナダから高名な科学誌に発表され、たいへん注目を呼んでいます。序文にはこうあり… ぶどうの球体2個を電子レンジにかけるとプラズマが発光する現象は今や全人類の知るところとなっている。 これで終わりにしてやるぜ、という本気度がうかがえます。さっそく研究班に取材してみたら、モントリオールのコンコルディア大学のPabl
JAMstack - クライアントサイドJavaScript、再利用可能なAPI、予めビルドされたマークアップによるモダンなWeb開発アーキテクチャJavaScriptAngularVue.jsReactJAMstack JAMstackの概要を意訳しました。 誤りやより良い表現などがあればご指摘頂けると助かります。 原文: https://jamstack.org/ 「スタック」について言及する際、OS、特定のWebサーバ、バックエンドのプログラミング言語やデータベースについてはもう触れる必要はありません。 JAMstackは特定のテクノロジーではありません。これは、高速化、堅牢なセキュリティ、スケーリングコストの低減、そしてより良い開発者体験をもたらすWebサイトやアプリケーションを構築する新たな手法です。 JAMstackとは? 下記3点の基準を満たせばJAMstackで構築されたと
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く