デザインシステムを作る前にデザインのシステムを理解しよう
デザインシステムという名の成果物が抱える問題 デザインツール上で UI コンポーネントを並べただけでも『デザインシステム』と呼ぶくらい言葉が広まった今日。2017年に記事にした頃と比べると随分変わったという印象があるものの、デザインシステムと成果物が密接になり過ぎていると感じることがあります。 デザイン組織の成熟度に合わせて施策を変えるべきだと思いますが、事例を検索をしたり書籍を読むと、Lightning Design System や Carbon Design System のような完成されたものが出てきてしまいます。こうした状況だと「デザインシステムを作る」目的が上記のようなサイトを作ることになってしまう場合あります。つまり、デザインシステムとは完成された何かを作り上げることが目的になっているわけです。 足元を見ないで理想を作り上げようとしていないか 事例で見かけるようなデザインシス
It's time to start writing
I recently became aware of Jeff Bezos’s dotcom-era policy of banning PowerPoint within Amazon. Instead, meeting organizers must write a multi-page “narrative” and distribute it to all attendees at the start of the meeting - denying any single person a head start - and only after everyone has finished reading do proceedings begin. This policy is particularly notable as it finds itself embedded in a
Manabu Ueno on Twitter: "デザイナーの逆推論＝アブダクションラインのイメージ。デザイナーは抽象から段階的に選択をして最終的な具象に到達するのではない。一気に尤もらしい具象を掴み、そこから最初の抽象へとリバースエンジニアリングのパスを通す。形が先にあり、ロジ… https://t.co/uBiPI5MvHf"
デザイナーの逆推論＝アブダクションラインのイメージ。デザイナーは抽象から段階的に選択をして最終的な具象に到達するのではない。一気に尤もらしい具象を掴み、そこから最初の抽象へとリバースエンジニアリングのパスを通す。形が先にあり、ロジ… https://t.co/uBiPI5MvHf
GoF デザインパターン チートシート - Qiita
ここまで読んでくださった皆さんに、ちょっとしたクリスマスプレゼント。マンガでわかる GoF デザインパターン 23 種チートシートです。これでもうデザインパターンは完全にマスターしましたよ。やったね! (注: ここからはあとがきポエムです) ところでみなさん、せっかくデザインパターンを学んだので、これを使ってプログラムを書こう、チートシートがあるからなんでも書けそうだぞ、なんて思っていませんか。ダメですよ。そんなことしたら 2000 年前後に起きた失敗を繰り返してしまいます。 実は GoF のデザインパターンは、ビジネス的には成功したけど、教育には失敗しました。最初に出版された本に「オブジェクト指向における再利用のための」という肩書が付いていましたが、これが本当に良くなかった。 あの頃 (ポール・グレアムが LISP と Ruby を褒めるまで) は、「オブジェクト指向様こそが良い設計のす
ペンテスターはDBサーバーに夢を見るか？ - Akatsuki Hackers Lab | 株式会社アカツキ（Akatsuki Inc.)
この記事は、Akatsuki Advent Calendar 2019の21日目の記事です。 こんにちは、セキュリティエンジニアの小竹 泰一(aka tkmru)です。 アカツキでは、アプリケーションや社内ネットワークに対する脆弱性診断やツール開発/検証を担当しています。 この記事では内部ネットワーク診断でDBサーバーを発見したときに確認する項目を紹介したいと思います。 内部ネットワーク診断とは 社内ネットワークにつないだ診断員のPCからネットワーク上の端末へ攻撃を行い、ミドルウェアの設定不備による脆弱性や、ソフトウェアが古いバージョンのまま放置されていることによる脆弱性などを発見するのが内部ネットワーク診断です。 脆弱性を見つけるだけではなく、見つけた脆弱性を使って更にどれだけ会社にダメージを与えられるかまでを検証し、ペネトレーションテスト相当のことにまで踏み込んで診断を実施しています。
Toripletta⚽️攘夷派駆逐兵団さんのツイート: "①上沼恵美子が指摘した、ミキとギャロップの『自虐』の差 ②見取り図とスーマラ、ゆにばーす(出来抜きでも)のネタが「M-1では」あまり評価されなかった、ハネなかった理由の一つ は、この上岡龍太郎・桂枝雀という大天才二人の対談から理解できるはず 時間制限があるので枝雀の発言だけ抜粋… https://t.co/js1vQ91O3a"
①上沼恵美子が指摘した、ミキとギャロップの『自虐』の差 ②見取り図とスーマラ、ゆにばーす(出来抜きでも)のネタが「M-1では」あまり評価されなかった、ハネなかった理由の一つ は、この上岡龍太郎・桂枝雀という大天才二人の対談から理… https://t.co/js1vQ91O3a
無能な同僚と働くということ。 - WETな備忘録
君へ、 つい最近まで、南米で3ヶ月ほどデータエンジニアとして仕事していた。Tシャツで帰ってきて震えた。寒くて。 僕にとって2019年は、あんまりいろんなことが無かったくせに、いや糞ヒマだったからこそ、いろいろ考えることが多い1年だったと思う。最後の3ヶ月以外は、基本的にヒマだった。 過去に僕はベルリンで1年ほど働いていたこと*1があり、まあ結論からいうと音を上げて、日本に逃げ帰ってきた。何がそんなにしんどかったかというと、ベルリンは十分英語で生活できるとはいえ、ドイツ語関連のトラブルシューティングに付き合ってくれるドイツ人の友人を作ることができなかったというのが大きいが、そういう人間関係を構築することが出来なかったことも含めて、当時所属していた会社の上司および同僚と上手くいかなかったのが致命的だった。 とくに、エンジニアの同僚氏、つまり君は、まったく許せなかった。 あれからもう3年も経ち、
MVCとはなにか｜tenjuu99
この記事は、2019年12月1日に開催されたPHPカンファレンスでの「MVCとはなにか」という題の登壇内容の書き起こしです。スライドはこちらです。 1. はじめに MVCの悪かった点は、わたしたちがどう実装したかという点だ。それはあまりに機械的だった。 https://news.ycombinator.com/item?id=8841428 ある人がアラン・ケイに対して「MVCについてどう思うか」という質問をして、それに対するメールでの回答がHacker Newsというサイトにのっていました。前提をお話すると、MVCというアイデアは、だいたい40年以上まえにパロアルト研究所というところで、アラン・ケイがパーソナルコンピュータの開発をしていたときに、客員研究員としてトリグヴェ・リーンスカウクさんという人が訪れて、そのとき他の研究所のメンバーとも話あって作ったアイデアがMVCになります。 MV
noteのドメイン移行を支えた技術｜こんぴゅ
こんにちは、ピースオブケイクのコンです。先週、noteのドメインがnote.muからnote.comに移転されました 移転の詳しい背景はこちらの記事を参照いただくとして、本稿では技術的側面からこのドメイン移行について振り返ってみます 2000万MAUのサイトを移転する技術webサービスがドメインを移転する事はたまにある...といえばあるでしょうが、noteのようにそれなりに複雑で、2000万MAUもあるサイトをドメイン移転するというのは聞いたことがありません。 2019年2月にcomを取得後、具体的に移行の作戦を考え始めたのですが、ググって成功事例を探しても「理屈は分かるけど、ウチの規模だと、どこにどう影響出るか完璧に把握するのは難しいな...」と思いました。それでもやるしかない状況だったわけです。 なので、今後、ドメイン移転を実施するサービスのスタッフ（特にエンジニア）さんの参考になれば
現代のモバイルゲーム開発者が向き合うべき ディスプレイ事情と、その対応方法
はじめに 現代では多くの人々がスマートフォンやタブレットを所持し、ゲームを楽しんでいることと思います。 モバイル向けのゲーム市場は大きく、世界では今も多くの開発者たちが iOS / Android 向けの商用ゲームを作っています。 さて、モバイルゲームの開発には、多くの開発者を悩ませるちょっと困った事情があります。 それは ディスプレイが非常に多くの多様性を持っている ことです。 正方形に近い形のタブレットもあれば細長い端末もあり、カメラがディスプレイの中に割り込んでいたり、 OS が専有する領域があったりと様々です。物理的な大きさもバラバラですね。 そのくせモバイル端末はタッチパネルで、ディスプレイに触れる UI になっているのです。 ゲーム開発を生業とする多くのエンジニア / アーティスト / ゲームデザイナーは、 これまでに何度も頭を抱えてきたことでしょう。 本稿では、2019 年現
物事を前に進めるためのTips - Konifar's ZATSU
物事を前に進めるのが上手な人がいる。時に手を動かし、時に人を巻き込み、時にファシリテートし、まるでブルドーザーのように問題を解決していくのである。そういう人を何人か見てきて、物事を前に進めるための小さなTipsみたいなものがいっぱいあるなぁと感じているので雑にまとめておく。 何が解決すれば物事が早く前に進むかを考える 自分がリードしたり誰かに決めてくれとせっついたりする 誰が意思決定者かを把握する 人を集める時は直接声がけした方が確実か考える 誰に何をいつまでにお願いしたいかを明確に伝える 期日の認識を揃える。期日が決まってなければ決めてしまう チャットで返事が欲しい時は個人メンションする 期限が近づいてきたらリマインドする 伝え方を工夫する 相手が気になるであろう懸念点と解決策を先に自分で補足する 提案する時はいくつかの案を用意した上でこれがベストだという自分の意見を伝える どうしましょ
Stripeベースの自作サービスでカードの不正利用があった場合の対処法
English version is available. どうもTAKUYAです。 30日間のお休みから戻ってきて、自分のSaaSプロジェクト「Inkdrop」の作業を再開しました。これは現在約1,400人の課金ユーザがいるノートアプリです。他のアプリと比べてその規模がとても小さいにも関わらず、今回初めて自サービスにてカードの不正利用が起きてしまいました。 (お休み中にその報告を受けて、休み気分が吹き飛んだのはここだけの秘密です😇) 本稿ではカードの不正利用について調査して学んだこと、そして実際にどのように対処したかシェアしたいと思います。 疑惑のある支払いは全てすぐに返金する自分たちのサービスの信用を保つためにも、カード支払いに関する紛争(Dispute / 異議申し立て)は可能な限り避けなくてはなりません。StripeはおそらくDisputeの数を監視していて、万が一サービスが有害
AnnictのAndroidアプリを久しぶりに機能追加などした（技術編） - きょこみのーと
だいぶ間が空いてしまったが、前回の続きで技術的な話を書いていきます。 Android開発久しぶりなのでリハビリって感じです。 kyokomi.hatenablog.com ライブラリ更新 久しぶりだったのでライブラリ等を全部最新にupdateしました com.android.support -> androidx android.arch -> androidx Gradleのバージョンとかも上げたりしてたので、なんか丸1日くらいかかった記憶です。 Android開発やるぞー！って一日頑張ってたけど。ライブラリのバージョン上げたりして終わった— きょこみ@k02 (@k_yokomi) November 2, 2019 Activity を Fragment化しBottomNavigationを導入 Activityで全部処理してたんですが、JetpackのNavigationを見て今期ア
音楽、数学、タイポグラフィ
先日開催された「フロントエンドカンファレンス福岡2019」で、「音楽、数学、タイポグラフィ」というプレゼンテーションをする機会をいただきました。ここにその内容を再構成して掲載します。 みなさんこんにちは。今日の僕の話のテーマは「タイポグラフィ」です。まず最初に、そもそもタイポグラフィとは何なのかということからお話ししたいと思います。タイポグラフィというのはよく耳にするキーワードではありますが、じつはかなり誤解も多いのではないかと僕は考えています。 PxHere Typography from Hermann Esser’s (1845–1908) Draughtsman’s Alphabet, from rawpixel’s own antique edition 00030.jpg たとえば、GoogleやTwitterやなんかで「タイポグラフィ」というキーワードで検索すると、手描きによ
Build your own React
We are going to rewrite React from scratch. Step by step. Following the architecture from the real React code but without all the optimizations and non-essential features. If you’ve read any of my previous “build your own React” posts, the difference is that this post is based on React 16.8, so we can now use hooks and drop all the code related to classes. You can find the history with the old blo
こんばんは、アジです。 人間界では我々が懸命に生きた肉体の頭を落とし、..
こんばんは、アジです。 人間界では我々が懸命に生きた肉体の頭を落とし、半分にかっ割き、小麦粉からせっかく生成したふっくらパンをなぜか粉砕してできるというパン粉なるものを塗りたくり、水を沸騰させるのでは不可能なほどの常軌を逸した高温の油にぶち込んでできるというアジフライが、貧乏人の食べ物として貶められていると聞いて衝撃を受けています。 我々はかつて、イワシを嘲笑していました。イワシというのは漢字で「弱い魚」と表記されるそうで、しかもそれは弱肉強食の底辺に位置するということではなく、市場で弱い（市場価値が低い）という意味なのだと知って、顔を合わせるたびに「死んでからも弱いってざまあ、ゴミ以下だなおまえら」と嘲笑し、自尊心を保っていました。 しかし、アジフライ。貧乏人の食べ物なんですか。何かの間違いなんじゃないんですか。 人間界にはバラバラ殺人なる猟奇的犯行が世間に衝撃を与えることがあるそうです
MBAとはどういう教育なのか – 愛の日記
今日はアメリカのMBA（経営学修士）に関するお話をしてみたい。 MBAを取得すると年収が上がりやすいのもあって、生活費含めて二千万円ぐらいかかるくせにアメリカではMBAは人気の学位である。でも、日本からの合格者は少ないので、実態がわかりにくく、なんかお高くとまっているイメージがあるので批判の的になりやすい。「MBAは時代遅れ」とか「自己啓発セミナーみたいなもんだ」とか「MBA卒を採用したけどあいつら使えない」と批判をすると頭よさそうでオシャレでクールな感じだ。しかし、こういった話はほとんどがMBAを持っていない人の想像に過ぎず、実際はどういうものなのかわかりにくい。 結局、MBAとは何をする場なのか。今日はそんなMBAの実態について卒業生のおじさんの考えを語ります。（注：ハーバードに行ったのでハーバードの経験がベースになっていますが、学校によってフォーカスに違いはあります） MBAとは【決
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
めんどうくさいゲームセキュリティ
Repositoryによる抽象化の理想と現実/Ideal and reality of abstraction by Repository
дэн on Twitter: "🌀 Why Suspense matters, a short thread"