Mac OS のクローズボタンはなぜ左配置なのか
https://en.wikipedia.org/wiki/Mac_OSMac OS の左と右考察シリーズ。今度のお題はウインドウのクローズボタン。閉じるボタンとも言う。昔は四角かったからクローズボックスとも言われた。Windows では右配置になっているクローズボタンだが、Mac OS を前提になぜ左配置なのかを考察したい。 ウインドウは左上からはじまり、右下に終わる情報の流れの原則に従うと、ウインドウの起点は左上、終点は右下になる。右下には（かつての Mac OS では）サイズボックスと呼ばれるウインドウを拡大縮小するための箱が設置されており、それ＝終点をドラッグすることで起点を固定したままウインドウの大きさを変えられた。ウインドウに収められるコンテンツも左上起点に描画されるので矛盾がない。
Setting up Vue 2 and Foundation 6
I have been fascinated by VueJS for a while now. I played around with React but, honestly, I never got along with either JSX or the CSS-in-JS-which-is-almost-CSS-but-not-really thing. Vue is different, since it lets front-end developers keep on doing front-end development with very little adjustments to their markup and styles. So far, I’ve had the chance to try it in a couple of projects, a Ruby
Designing a Systems Team
Most organizations are coming to understand systems and why they are important. However, how much does it cost? What team do we need? A System Team Serves Product (or Similar) TeamsPeter Merholz and Kristen Skinner’s excellent book Org Design for Design Orgs describes models and roles in composing design teams and orgs. In the Roles and Team Composition chapter, they describe an adjunct research t
2016年にJavaScriptを学ぶとこんな感じ
このストーリーは、Circle CIに投稿された”It’s the future”というストーリーにインスパイアされたものです。オリジナルはこちら。ここに書いたことは一つの意見というだけで、他のJavaScriptフレームワークもそうですが、過剰に真に受けないでください。このストーリーを執筆中に新たなJavaScriptフレームワークは作成されていません。 やあ、今新しいプロジェクトをやっているんだけど、実はここ数年ウェブのコード書いていなくてさ、しかも以前とは少し変わったとも聞いているよ。それで君が一番この辺でウェブ開発に詳しいって聞いたんだけど？ -フロントエンドエンジニア、といったほうが正しいが…まあ、俺なら間違いない。俺のは2016年のウェブだからな。ビジュアライゼーション、ミュージックプレイヤー、サッカーをするドローン等々。JsConfとReactConfから帰ってきたばかりだか
Fetch vs. Axios.js for making http requests
That is a handsome face!One of the final sections of Stephen Grider’s excellent ‘ES6 Javascript: The Complete Developer’s Guide’ course on Udemy.com discusses the .fetch() method and some if its shortcomings. He points out that there are some things with .fetch() that aren’t ideal and suggests that there are other options out there for making HTTP requests. One of those options is axios.js. I had
Cloud Firestoreの勘所 パート1 — 概要
Google製、モバイル・ウェブ・サーバー開発に対応したCloud Firestoreを使いこなすための勘所をつらつらと書いていきます。パート1の本記事ではFirestoreの全体観を掴んでいただけたらと思います。 Cloud Firestoreは、Firebaseのサービス群の1つという捉え方と、GCP(Google Cloud Platform)のサービス群の1つという捉え方がありますが、本記事ではFirebase経由で使うことを前提に書いていきます。Cloud Functionsなど関連サービスとして言及するものも同様です。Firebaseはざっくり言うとGCPのクライアントアプリ向けサービスを使いやすく提供しているラッパーサービスなので、それで足りるものはFirebase経由での利用をお勧めします。 ドキュメントも次のように2箇所にあるのですが、Firebase経由で使う場合は基本
ブロックチェーン × プライバシーの偏見と実際
分散プロトコルの代表であるブロックチェーンに関して、多くの人が色々な解釈をします。「これが革新的なのは〇〇な点だ！」と色んな人が別々の視点を発することが非常に楽しいのですが、逆に共通する視点として、プライバシーの強化と個人へのデータ権利の回帰というものが挙げられます。Facebookを筆頭にした大手のIT企業による個人情報の勝手な扱いへの対抗手段というわけです。 「非中央集権」・「暗号」・「データベース」というブロックチェーンを説明する単語からこの認識が持たれるのは当然の帰結なのですが、実際はどうなのでしょう？ #1 ビットコイン・イーサリアムのプライバシービットコインはよく「匿名性があるから犯罪につかわれる」と言われますが、おそらく多くの方がご存知のとおり、匿名性があるのは口座＝アドレスだけです。ここが個人と結びついた後は、すべての情報が匿名性を失います。これはインターネットに匿名性があ
Vueを昔触った後Reactをどっぷり触ってもう一回Vueを触ってReactに戻って得た感想
最近ReactとVueをどっちも触る機会があったり、「ReactとVueどう選定するの？」という問いを投げられ、スッと答えられなかったな、と後悔があったりしていたので、Vueを触って得られた感想をまとめてみる。 結論としてなにか新しいことを発見したというものではなく、世間で言われている事を自分なりに再構築しただけの結論になったと思う。 TL; DRVueからは全体的に優しさ（Gentleさ）を感じる事が多く、良い点だと感じた大規模になるときReactの堅牢さは魅力的。Vueが大きくなった時に支えられ設計が出来るかは個人的には懐疑的。「こうだったらVue、こうだったらReact」みたいな分岐点があるというわけではないので、最終的には好みになってくると思う。ぞうさんが好きかきりんさんが好きか。これまでのフレームワーク遍歴今回の話をするにあたって、僕と各フレームワークの付き合いをまとめておくと、
生命を燃やすことと失うことの違いと思考の関係と、二元論への終止符
ある日唐突に、Twitterにこのような質問が飛び込んできましたので、皆さまが命を燃やすときに少しでもお役に立てればと書きました。 「鶏が先か、卵が先か」問題への終止符 鶏が先か卵が先か問題は、鶏がいないと卵が生まれないし卵がないと鶏が生まれないという、因果性のジレンマの例として使われ、私が世の中で最も危険だなと思うものの一つです。 例えばビジネスにおいては、市場が大きくならないと成功事例が出ないけど成功事例がないと市場が拡大しない、とか、多くの人が買ってくれないと原価を安くできないけど安くできないと多くの人が買わない、などのシーンです。このような行き詰った状況の場合に、「これは鶏が先か卵が先かという問題だ（だから打ち手がない）」という風に言う人もいます。 しかしほとんどの場合においては、AとBはそれぞれからしか生まれないという状況は視野を狭く定義しない限り、そんなことは成り立ちません(な
Paddy Buttons
We all make buttons. They are everywhere in our site and application designs. In Sketch, there is really no easy way to handle buttons. Once you have made one, you are good until you have to make the next one, then you have to resize that rectangle so that it fits your new label, constantly checking the distances to make sure it is all spaced correctly. Creating a dynamic button in Sketch with Pad
英会話を時間もお金も低コストで勉強する方法
海外のコミュニティと連絡をとったり、来日したゲストの交流会を開いていて、どうやって英語勉強するといいですか？と聞かれることが多かったのでドキュメントにしてみました。 こちらのブログはnoteに加筆修正の上で公開し直しました。2018/05/04 英会話を時間もお金も低コストで勉強する方法｜Somelu @Somelu01｜note（ノート） https://note.mu/somelu01/n/nd93dc81ee736このドキュメントが役に立ちそうな方・なるべくコストをかけずに勉強したい。(働きながら、学校で他の勉強もあるなど、時間、お金ともにあまりコストをかけない方法です。留学や英会話学校を考えてる方にも開始前の準備として良いと思います。) ・中高で勉強した文法はざっくり覚えてるけど、話そうとすると出てこない。(他の言語もマスターしたいとか、学ぶのが好きとかではなく、単にコミュニケーシ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
We Are JavaScriptersを2年間運営した僕のコミュニティ運営のすすめ
日本ウェブフォント協会を作ります（たぶん）
Figmaはいいぞ
A designer’s guide to the Figma API
Figmatic: Why Figma will be remembered as a genre-defining classic
Building the Design Ecosystem of the Future
9 things you need to know about InVision Studio
Junior Designers vs. Senior Designers
Sketch Hacks: Make a Resizable Button with Icon and Label