この記事はカレーアドベントカレンダー24日目の記事です。 これまで「カレー」と絡めていろんな記事を書いてきました。 が、実はこれら全て伏線です。 12/25のゴールは何か。それは、「写真共有アプリを作る」ということでした！ というか元々のゴール設定が「アプリケーションを作る」でした！ なぜ、カレーか。「彼へ」アドベントカレンダーだからです（大嘘） （カレーの真相については、明日公開します。） なぜ、写真共有アプリ？話はぶっ飛びますが、結婚式の場面で以下のようなことありませんでしたか？ ・撮ってもらった写真を「共有してくれない？」とかき集めに回るのが少し手間。だけど写真は欲しい。 ・「あとで送っておくね〜！」で、共有を忘れる。 ・連絡先を知らない人（同じテーブルの人とか）のスマホで写真を撮ったけど、連絡先を知らないので写真が共有されない。少し、悲しいですよね。 原因は以下が考えられるのではな

こんにちは。こちらはLinc'wellアドベントカレンダーの24日目です。 最近 figma を使い始めたのですが、私はキャリアとしてはフロントエンドエンジニアとしての歴が長く、何か実現したいデザインが頭に思い浮かんだ時、思考としては 「display:flex の justify-content:space-between なレイアウト作りたいんだけどな〜」とCSSでイメージしてしまいます。 きっと同じ「CSSで言ってくれないと分かんない」という方もいらっしゃるのではないかと思ったので「CSSで言うこれはこんな感じで作る」という情報が役に立つのではないかと思い、今回筆を取りました。 ※ この記事は最初のとりあえずの索引としては有効だとは思いますが、真面目に入門する際には figma の公式チュートリアル動画を一通り手を動かしながら見ることをオススメします。この記事で書いていることは大体カ

この記事は Recruit Engineers Advent Calendar 2019 の 23日目の記事です。 TypeScript のプロジェクトで React コンポーネントを書いていると、コンパイラに怒られることがたびたびあります。ネット上にあるサンプルコンポーネントが JavaScript で書かれていると、プロジェクトにもってきたときにコンパイルできないということはよくあるんじゃないでしょうか。any でコンパイラを黙らせることもできますが、せっかく TypeScript を使っているので、安全に解決したいよねってことでこのような記事を書きました。 型定義は @types/react@16.9.17 にしたがっています。目次をみて、この程度のことはもう知っているよという方は react-typescript-cheatsheet をみてください。React + TypeScr

Idiomatic, Rather Than Intuitive UIは直観的であるのが良いと言われるが、多くの人が言う「直観的」は「慣用的」の意味である。ダブルクリックでファイルを開くのもピンチで写真を拡大するのも、初めは教わらなければできない。大事なのは人々がすでに知っているイディオム（操作の慣用表現）にすることと、もし新しい操作方法を提案するならユーザーがそれを自然に学習できやがて慣用的に使えるようなものにすること。 例えば iPhone における指を使ったスクロールやズームの操作は、初めは教わらなければわからないだろう。しかし一度やってみればすぐに学習でき、慣用的なものとなる。

こんにちは、クソアプリ Advent Calendar 2019の 19 日目は、@sandessOjisanがやっていきます。この記事では 俳句力を鍛えるための babel-plugin 開発 について記事を書きます。早速使いたい方はこちらからどうぞ。なお、季語はありませんが、無季俳句として俳句としてカウントされるようです。 背景 なんでこんなものを作ったかというと、それは自身の俳句を読む力を鍛えたかったからです。 俳句とプログラミング みなさんの周りにも、ダジャレ・韻、そして 俳句 を言うのがやたら上手い人っていませんか。私の周りにはそういう人がたくさんいます。そして、そういう人に限ってプログラミング能力も非常に高いと感じています。もちろん、「俳句ができるからプログラミングもできる」なのか「プログラミングができるから俳句ができる」のどちらなのかはわかりませんし、そもそも因果関係があるこ

こちらは Webアクセシビリティ Advent Calendar 2019 の23日目の記事です。 この記事では、勉強会をアクセシブルにするために、勉強会のオンライン配信時のメリットや気をつけることをお伝えします。 前書き私は主に福岡で、アクセシビリティの勉強・実践に一歩踏み出す、一歩踏み込む勉強会「Accessibility Step」を主催しています。 LTをメインとした回を福岡にて数回開催していたのですが、「アクセシビリティの勉強会なのに、福岡以外の人が参加できないのはアクセシブルじゃないな？」と思いました。 そこから、2019年5月よりオンライン配信を行うようにしました。 Accessibility Stepはどうやって配信しているのか。最近はYouTubeで配信しています。 初めてオンライン配信を行い始めた5月の時点では、「とりあえず遠方の人が参加できるようにすることから始めよう

デザインシステムとは、サービス開発する上で必要となるデザインの概念、スタイルガイド、コンポーネント集などで構成されるデザインのルールです。 Salesforce.comの「Lightning Design System」が2015年に登場して以来、多くの企業がこのデザインシステムを導入するようになりました。 プロトタイピングツールで有名なUXPinが提供するデザインシステムプラットフォーム「adele」では、90個以上（2019年12月現在）ものデザインシステムが公開されています。その企業のラインナップを見ると、大手ITベンダー、SaaSベンダーのみならず、自治体、金融機関、大学など多くの業界で、組織のブランド確立のために、デザインシステムを活用していることが分かります。 GoogleやAppleが提供するデザインシステムは、既に多くのブログで語りつくされていますが、その他の企業でも素晴ら

この記事はfreee Developers Advent Calendar 2019の24日目です。こんにちは、freeeの@magi1125こと伊原です。あだ名は「アクセシビリティで一発当て太郎」です。いまはデザインリサーチチームのマネジャーをやっています。 この記事ではタイトル通り、2019年のfreeeにおけるアクセシビリティ関連の出来事をご紹介します。なお、2018以前の活動については「2018年、freeeのアクセシビリティを振り返る」をご覧ください。 developers.freee.co.jp ※アクセシビリティの向上とは、障害者高齢者を含めた幅広いユーザーに利用方法の選択肢を提供し、使える状況を広げる取り組みを指します。 12月26日追記: 本記事にインスパイアされたとのことで、@masup9が同様の振り返り記事をまとめています。こちらもぜひご覧ください。 develope