はてなブックマーク

オフラインイベントの人気が盛り返してきた最近では、懇親会などで名刺をいただく機会が増えました。 そこで質問です。 名刺をいただいた後に、帰宅して見返したことがあるでしょうか? 僕は恥ずかしながら名刺をいただいても実のところ家に帰ってストックするだけのことが多いです。 なぜ、NFCカードで名刺を作るのか? ネットワーキング活動で名刺を交換することの目的を考えてみましょう。 自分の名前、存在を知ってもらうことです。 名刺を交換することは、名刺を渡した人が自分の名前を帰った後も覚えているという状況を作らなければ達成できません。 そこで、NFCカード名刺です。 NFCカードを使えば、その場で読みこんでもらってリンクからSNSのフォローという行動までその場で明確につなげることができるほか 「差し上げます。上書きできるので再利用してください」 と名刺を渡した人がもしその気になれば、家に帰ってからもう一

5 月末頃に、Twitter で 「Tailwind CSS はプロジェクトにとって将来的に技術的負債になるかもしれない」という趣旨の意見を発端として Tailwind CSS について多くの議論が起きました。[1] Tailwind CSS は世界的に人気な CSS フレームワークとして、今までも何回もその良さや課題について議論が起きてきましたが、「Tailwind CSS で得られる価値」について主張する意見において、CSS(や、CSS の関連技術)がなぜ技術的負債になるか、Tailwind CSS を使ったらなぜ CSS が技術的負債になることを回避できるかという視点から Tailwind CSS の特性を整理している意見や記事はインターネット上に多くないと思いました。この記事ではその点に注目しつつ、Tailwind CSS が CSS 設計にもたらす利点について整理したいと思います

WEB 開発において日本語が抱える問題 日本語を使った WEB 開発は常に「改行問題」を抱えています。例えば、👇 の様に 記事 という単語の 記 と 事 で改行されていたら読みにくいです。 見た目重視の WEB サイトだと、「この改行を手動で美しく見えるように修正して欲しい。」 という声も無視できません。 いわゆる「文字組み」です。例えば、👇 の様に改行を入れてやります。 しかし、この方法は解決になっていません。なぜなら、WEB ブラウザ の幅はレスポンシブに可変するからです。ちょっと画面幅を狭めるだけで 👇 の様に崩壊します。 これに対応するためには、メディアクエリをくしして画面幅に応じた<br>タグを仕込むか、改行したくない文字列を手書きで<span style="display:inline-block;"></span>で囲む必要がありました。👇 の様に... <span

root と outDir を設定する root を設定する。 初期で作成される index.html がプロジェクトフォルダのルートにある構成は、将来的にゴッチャになっていきそうなので、以下の様な ./src に開発で編集するファイルが入ってる構成にしたい。 . ├── node_modules/ ├── favicon.svg ├── package-lock.json ├── package.json └── src/ ├── index.html └── main.js

なにを目指しているのか 優れたスタイリング体験 CSS-IN-JS ライブラリのEmotionと CSS のショートハンドライブラリのTailwind CSSを組み合わせて、SCSS の便利な&やネストで記述できる従来の優れた CSS 記述の自由を残したまま、スコープが限定された保守性の高く Tailwind CSS の持つスピードでスタイリングできる現代的なマークアップ開発体験を目指します。 つまり、CSS-IN-JS と Tailwind CSS のいいとこ取りをします。見た方が早いのでコチラをご覧下さい。 Emotion で CSS コンポーネントを作成しつつ、CSS コンポーネントの中でtwキーワードを使って Tailwind CSS のショートハンドが使えます。 また、css={}でスタイルを当てることによって、グローバル汚染を防ぎつつ、HTML タグにスタイリングされているスタ