Tailwind CSS を使う時に一緒に入れたいライブラリ
Tailwind CSS はすべてをユティリティクラスで書くという特性上、HTML にはクラスがたくさん書かれることになります。1 つの要素に対してクラスがたくさん並んでいると、視覚的にどのようなスタイルが適用されているのかを把握するのが難しくなります。条件によってクラス名を付け替える処理を行っていると更に複雑になります。 <button className={` ${variant === "primary" && "border border-blue-500 bg-blue-500 text-white"} ${ variant === "secondary" && "border border-gray-500 bg-gray-500 text-white" } ${variant === "default" && "border border-gray-500 bg-white
Next.js + TypeScript + Tailwind CSS の開発環境をできるだけ丁寧に構築する【2024年】
はじめに 最近、Next.js、TypeScript、Tailwind CSSを使って技術ブログを立ち上げました。（まだあまり更新は進んでいませんが…） このプロジェクトを通じて構築した開発環境がわりと快適だったので、誰かの参考になるかもしれないと記事を書いてみることにしました。 できる限りわかりやすく詳細な説明を心がけましたが、その結果、記事のボリュームが大きくなってしまいました。長文ですが、興味のある方はぜひ読んでみてください🙏 また、この記事内で紹介した内容をセットアップしたリポジトリを公開しています。 Next.jsのボイラープレートとして活用可能ですので、興味のある方はぜひ覗いてみてください。
横浜中華街で失敗しない方法は「食べ放題に行くな」→ランチで3000円出せば腹破裂するほど食べれます
てんまにちゃん🇻🇨٩(๑ᵕᴗᵕ๑)و @TenmaniChan 地方から来て横浜中華街で失敗しない方法はただ一つ 『食べ放題に行くな』 勘違いしてる人が多いけど横浜中華街は食べ放題の場所じゃ無いです。 食べ放題に限らず、大通りでギラギラピカピカしてる店は全部最近できたマズい店なのでやめましょう。 ボロい建物ほどうまいと思えば間違いありません。 2024-01-05 13:11:23 てんまにちゃん🇻🇨٩(๑ᵕᴗᵕ๑)و @TenmaniChan 大事なこと言い忘れてた。 そもそも「中華料理（街の中華屋とかで出る日本ナイズされたものでない、中国の食事）」 がダメな人は来ないほうがいい。 『なんか変な匂いして不味かった』 て言う感想の人がコレ。 中国行ったら干からびてしぬタイプ。 ベースから違うのよ…中国の料理、謎の匂いする… 2024-01-05 19:06:32 てんまにちゃん
ソルト付きハッシュのソルトはどこに保存するのが一般的か - Qiita
pictBLandとpictSQUAREに対する不正アクセスがあり、パスワードがソルトなしのMD5ハッシュで保存されていたことが話題になっています。 2023年8月16日に外部のフォーラムにpictSQUAREより窃取した情報と主張するデータ販売の取引を持ち掛ける投稿が行われた（中略）パスワードはMD5によるハッシュ化は行われているもののソルト付与は行われていなかったため、単純なパスワードが使用されていた29万4512件は元の文字列が判明していると投稿。（それ以外の26万8172件はまだMD5ハッシュ化されたままと説明。） 不正アクセスによるpictBLand、pictSQUAREの情報流出の可能性についてまとめてみた - piyolog より引用 これに関連してMD5ハッシュやソルトに関するツイート(post)を観察したところ、どうもソルトの理解が間違っている方が多いような気がしました。
TypeScriptプロジェクトにスキーマ駆動開発を持ち込み、より型安全な世界へ - Sansan Tech Blog
Bill One Entry*1グループの秋山です。 本題に入る前にお知らせです。9/12 (火) にTypeScriptを活用した型安全なチーム開発をテーマとしたイベントを開催します。 ぜひ、お気軽にご参加ください！ sansan.connpass.com 1. はじめに 1-1. スキーマ駆動開発とは 1-2. Testing Trophyとの関係性 2. 構成 2-1. 最初の構成と課題 2-2. 最終的な構成 3. バックエンド 3-1. スキーマから型ファイルを作る 3-2. APIハンドラに型を与える 3-3. バリデーターを追加する 3-4. huskyでスキーマ変更を検知する 4. フロントエンド 4-1. スキーマからAPIクライアントを作る 5. パターンマッチングを持ち込む 6. まとめ 1. はじめに 1-1. スキーマ駆動開発とは 詳しい解説は他の記事に譲り、一言
2023-08-14 10年勤めたfreeeを辞めて零細企業を作った - waka.dev
日記です。 タイトルの通り10年勤めたfreee株式会社を退職して、自分で会社を作ってやっていくことにした。 freee最終出社でした、10年間ありがとうございました！(ビルを見上げる写真撮り忘れた) 次回作にご期待ください！ — yo_waka (@yo_waka) June 16, 2023 やってきたことはこの辺のスライドによくまとまっている。 https://speakerdeck.com/waka/da-kinapurodakutofalseyu-tefang 社員5人から1000人になったり、ARRゼロ円からARR200億円になったり、ヤバかった品質をどうにか底上げしたり、開発本部長の立場で上場を経験したり、普通では経験できないことを濃度高く経験できて楽しく過ごせた10年だった。 freee会計という業務系Webサービスを10年間機能面/パフォーマンス/品質面共に育ててきた経験
ルールズ・オブ・プログラミング
TOPICS Programming , Game , C/C++ 発行年月日 2023年08月 PRINT LENGTH 452 ISBN 978-4-8144-0041-6 原書 The Rules of Programming FORMAT Print PDF EPUB 全世界で1,000万本に迫る実売数を誇り、日本でも累計実売数100万本を突破（2023年5月時点）した大ヒットゲーム『Ghost of Tsushima (ゴースト・オブ・ツシマ) 』をはじめ、『怪盗スライ・クーパー』などで著名なゲーム制作スタジオ、Sucker Punch Productions（サッカーパンチプロダクションズ）の共同創設者であるChris Zimmermanによる、プログラミングのベストプラクティス集。 全部で21の「ルール」から成り立っており、すべてのプログラマーが知っておくべき本質的な知恵と、
GASの開発環境をローカルで作成する方法（2023年7月版） | DevelopersIO
ことのはじまり 私は最近Google Apps Script(GAS)の学習を始めました。 GASの学習を始めると、まずはAppsScript公式のIDEでスクリプトを書いていくことになると思います。 しかし、普段VSCodeを使い慣れている身からすると、VSCodeの便利機能が使いたくて仕方なくなります。 それじゃあ、使い慣れたVSCodeを使おうじゃないか！！ AppsScript公式のIDEだとGitに差分を残していくこともできないぞ！！（できます） というわけで、GASをVSCodeを使って開発する為の環境構築の手順を書いていきたいと思います。 前提条件 VSCodeがインストールされている Node.jsがインストールされている (npm が使える) VSCode, Nodeのインストールに関して、この記事では説明しません。 有名なので、検索すれば多くの記事がたくさんわんさか出て
【更新】「KALDIに行くと記憶喪失になるので、行ったらこれを買えというものを教えてください」→おすすめ商品がぞくぞく集まる
柔らか仕上げのフクダウニー @0rororeo いつもKALDIに行くと記憶喪失になるので、KALDIに行ったらこれを買えというものを教えてください。私はKALDIに行くと「すごい！美味しそうだ！何味なんだろう！？とにかくすごい！今、この品物量が熱い！」と圧倒されるだけされて帰って来ることが多いです。
リファクタリング - 西尾泰和のScrapbox
「このコードは既に十分に綺麗だから、（コメントは追加してもいいけど）リファクタリングする必要はない」" 一生リファクタリングしている自分とは仲良くなってくれなさそう。
葱ダシの作り方 - /var/lib/azumakuniyuki
ここは技術的なことを書くって言いながら突然ネギの話でなんのことかという感じですが「ネギをおいしく食べる技術」ってことで、本旨からは外れてないので大丈夫です。 それに年間で17kg以上は葱を食べてるし料理人ではないけど葱の話を書く義務があると思う、たぶん。 年間25kgで計算すると人の14倍ぐらいの葱を食べることになるし過去実績の17kg/年でも人の10倍も食べてることになる https://t.co/jwyVxoIumR pic.twitter.com/p1uCShjnou— ネコ物質(9b)₁₆ (@azumakuniyuki) November 25, 2022 葱ダシとは？ 葱ダシ 白葱を細かく切って本だし(とかそれに類する出汁の粉末)を混ぜて、細かく切った大葉も混ぜたもの。正式な呼び名が分からないのでとりあえず「葱ダシ」と呼んでいます。 事の発端 夏の楽しみ「山形のだし」 茄子と胡
電源タップにこだわり18年で数百のタップを買い続けた人が結論づけた最高の電源タップがこちら「うちもこれ」「本当に最高」
まつもとりー / Ryosuke Matsumoto @matsumotory ケーブルボックスに拘り始めて10年、数十のボックスを買い続けた結果出た最高のケーブルボックスはこれです。最高の電源タップとセットで最高の電源とケーブル整理の体験を得てください pic.twitter.com/uY4QweSXg5 まつもとりー / Ryosuke Matsumoto @matsumotory さくらインターネット研究所 主席研究員、京都大学博士(情報学)、複数社の技術顧問。インターネット基盤技術の研究開発、経営、組織や制度整備、EM、PdM。 Warlander芸人としてゲーム配信もTwitchで頑張り中。模型モデラー、フィギュア写真・紹介動画配信など。 （詳しくはさらに表示↓） https://t.co/HRpFQvUqqJ
葬式って超大変。両親が健在な人こそ読んで！その１｜とむよーこ
それはいきなりやってくる「喪主」役こんにちは。 私はこの3年間に両親がどちらも急逝し、 心の準備ができぬまま葬式を2回行いました。 特に最初に亡くなった父は、 印鑑や通帳類もまとまってなければ 、 死後どうするのかも話せていなかった ＆私自身がお葬式にでた経験がほぼ皆無だったため、「人を見送る」ってまじこんなに大変なんかい！誰か先に教えておいてよ！と思いました。 ということで、まだ両親が健在な方にこそ 「両親が突然亡くなったら何をしないといけないのか？」 「自分がいつか死ぬに当たり、準備しておくべきものは？」を知って、少しでも皆さんが何かあったときに焦らないでいいように、 私の経験をナレッジ共有しときたい！ と、noteにまとめることにしました。 何はともあれ必要なのは「届け出」結婚する時には「婚約届」を出すように、 人が死んだときには「死亡届」がないと何もできません。 提出期限は国内の場
眼精疲労エンジニアを支える技術
タイのバンコクでエンジニアリング・マネージャーをしている石坂です。 こちらの記事に触発されて、長年格闘している眼精疲労に対処するノウハウを書いてみます。 背景 かれこれ25年くらい眼精疲労と頭痛に悩まされる ひどいときは嘔吐や発熱を伴うことも 眼科・頭痛外来にも定期的に通うが、特別な異常は見つからず 低気圧や雨の日の頭痛もある 主な原因と思われるもの 高い眼圧 ドライアイ 肩こり ストレス ということで、対策・予防法としてはこのあたりになります。 眼圧を下げ、目の周りの筋肉をほぐす 肩や首まわりの筋肉をほぐす 運動・食事・睡眠、適切なストレス解消 以下に、個人的に役立ってきた対策を応急処置編と日頃の予防編に分けて記述します。 応急処置編 まずは眼精疲労と頭痛がすでに起きてしまっているケースでできることをいくつか挙げたいと思います。 目を温める 超定番ですが、これが一番よく効きます。目の周り
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
『ゼルダの伝説 ティアキン』自由な“掛け算の遊び”を生むために。「全部物理で作る」を決断するまで【GDC 2024】 | ゲーム・エンタメ最新情報のファミ通.com
お前を中華街に連れて行く前に言っておきたいことがある かなり厳しい話をするが俺の本音を聞いてくれ「でもそれが観光みたいなことある」 (2ページ目)
エンジニアの心構え
サブスクリプションサービスをつくる時にエンジニアが考えること / Behind the Scenes: Engineering a Subscription Service
GitHub - google/aside: 🚀 Apps Script development with formatting, linting, testing and more!
Walica（ワリカ） | 旅行の割り勘計算をスムーズに
