こんにちは アル・デンテです。 この名前で生まれてから数十年、 パスタが大好きでとにかく作りまくってきました。 そんなパスタ人生の中でできたおいしいレシピを ちょっとでも皆さんと分かち合いたくて 日々SNSでパスタのレシピを投稿しています。 そして今日はどうやら #世界パスタデー と呼ばれる日だそう。 世界パスタデーが何かは分からないですが笑笑 せっかくなのでこのタイミングで 過去に紹介したパスタを振り返ってみようと思います。 皆さんが作ったことあるパスタも まだ知らないパスタもあるかもしれません。 このnoteが皆さんの振り返りや新発見に役立てば嬉しいです。 ※画像タップするとレシピページに飛べます まずは最近ハマってるワンパンパスタワンパンパスタが素晴らしいのは 沢山の人の課題や要望に対してある種の答えであるという事。 プロみたいに作るパスタも当然素晴らしい けど 求められるものの中に

Auth0 の Silent Authentication (サイレント認証)と Refresh Token Rotation (リフレッシュトークンローテーション)を完全に理解したい気持ちが急に高まってきたので書きます。 全体の流れとして React SPA with Auth0 での認可フローについて Silent Authentication (サイレント認証)について Refresh Token Rotation について まとめ みたいな流れで書きつつ、Silent Authentication や Refresh Token Rotation は何を解決しようとしているのか、それぞれのリフレッシュ方法でどのような挙動になるのか、などについて理解を深めていきたいと思います。 また、React SPA with Auth0 の認可フロー部分のイメージを沸かせるために以下のサンプルリ

CyberZ CTO室のメンバーの森 (@at_sushi_at) です。 先日、株式会社サイバーエージェントの2021年度 エンジニア新卒研修でコードの品質に関する講義を行いました。 そこで話した内容とスライドを完全公開します。 45分の内容のため、かなり長いですが、個人的にぜひ一読して欲しい内容になっています。 はじめに こんにちは、森 篤史と言います。2019年度入社で今年で3年目になります。株式会社CyberZのOPENREC.tvというプロダクトでAndroidアプリチームのリーダをやっています。 最近はプログラムを書く仕事以外に、次世代マネジメント室という全社横断組織でDevelopers Blogの改善プロジェクトを実行したり、CyberZ CTO室で組織活性化に取り組んでいます。 あと、2019年度の未踏スーパークリエータにも認定されました。 メインの仕事としては、入社して

SPA認証トークンをどこに保存するかは論争が絶えません。localStorageやCookieがよく使われますが、Auth0は違う方法を採用しています。この記事では、Auth0のトークン管理の方式を理解でき、トークン管理上のセキュリティへの理解を深めることができます。 SPAの認証トークンをどこに保存するか ブラウザでトークンを保存できる場所 保存場所の比較 メリット・デメリット Auth0のアプローチ トークンはインメモリに保存 OpenID Connect準拠とトークン取得のUI/UXの悪化回避を両立 Auth0のjsライブラリ ログイン アクセストークンの（再）取得 図解 ログイン アクセストークンの（再）取得 自サービス内の認証だけのもっと簡易な構成 ログイン IDトークン取得 まとめ SPAの認証トークンをどこに保存するか React やVueで認証付きSPA（Single Pa

TypeScript 4.7 で “module” という名前で始まる Compiler Option がさらに追加されて、さすがに何が何やら感あるので、役割を軽く整理。 この記事では雑な紹介に留めるので、それぞれの詳細は TSConfig Reference を読みに行ってください。 対応関係ソースコードとそれぞれのオプションが何に作用しているのかを雑に図示するとこんな感じ。 重要なことどのオプションをいじっても、import 指定子 (上図の “./hoge” の部分) がコンパイル時に書き換えられることはない。 これが頭に入っていれば、.mts, .cts といった TypeScript のファイルで import "./foo.cjs" と書くことや、 --moduleSuffixes がソースコードの探索にしか影響しないことに得心できるはず。 --moduleTypeScript

Tailwind CSS作者のAdam Wathan氏による「CSS Utility Classes and "Separation of Concerns"」の日本語訳です。翻訳に当たって原著者の許諾を得ています。 2021年10月29日に全文再翻訳しました。 この数年の間で、私のCSSの書き方は、非常に「セマンティック」なアプローチから「ファクショナルCSS」と呼ばれるものに変わりました。 この書き方でCSSを書くと、多くの開発者からかなりの反感を買うことがあります。そのため、私がいかにしてここまでたどり着いたかを説明することで、その過程で得た教訓や洞察について共有したいと思います。 第1段階　「セマンティック」なCSS よいCSSのためのベストプラクティスとして、耳にするであろうことのひとつは「関心の分離」です。 考え方としては、HTMLにはコンテンツについての知識のみを含めるべきで

今回は中身がどう動いているかを解説したいと思います。 最初のこの記事では、最低限の実装を説明していくことにします。 webpack のアルゴリズムの仕組みはこちらを読んでください。 必要なステップ 必要なステップは以下の 3 つです。 エントリーポイントからのすべてのモジュールを走査し、requireを解決後にユニーク id を付与していく コード内のモジュールパス(requireの引数(e.g. ./module.js))を id へ置換する runtime のコードテンプレートの作成 IIFE(即時関数)箇所とそれに付随する引数の module 群 この実装されあれば、動くコードはできます。(2 つめは optional でもいいけど後からつらくなる) モジュール解決 今回は説明しやすいように関数を 2 つに分けています。 すべてのモジュールの把握と ID 作成 コード内の requi

ちなみに私は、自慰は人類最高の発明であり、娯楽であり、見知らぬ人々を性的に興奮させて自慰に至らしめるための官能小説執筆を世にも尊い仕事であると信じています。 ──‬ 森 奈津子『先輩と私』あとがきより インターネットの文化に射精報告というのがあります。文字通り、男性が射精したことを報告する文化です。 一概に射精と言っても、報告の対象となるのは性交に伴う射精ではなく、自慰行為に伴う射精のみを指すように思われます。 あるいは、射精報告という文化に身を投じる人間は、総じてセックスパートナーを獲得しにくい、という話なのかもしれません。 そう思わせるほどに、射精報告という文化は、「射精報告＝自慰行為の完了」という暗黙の了解で成り立っているのです。 この時点で、書いてて気分悪くなってきたんですけど。せーので全員ブラウザバックしよっか。しないで…… 僕自身、射精報告という文化に理解のない立場なのですが、

Gitの基本的な使い方のおさらいをチームのLearning Sessionでやろうかなと思ってドキュメントを眺めてたら、あれ？こんなんあったっけ？と思うコマンドがあった。 git restore と git switch Git 2.23で導入されたみたい。去年の夏か。 https://github.blog/2019-08-16-highlights-from-git-2-23/ まだExperimentalみたいだけど、面白そうなので触ってみた。今日は git restore の話。git switch はまた気が向いたら。 https://git-scm.com/docs/git-restore ## リストアの前にWorking Treeとかの話をざっくり GitにはWorking TreeとStaging AreaとGit Directoryという3つの場所がある。 file.t

Patrick Stox is a Product Advisor, Technical SEO, & Brand Ambassador at Ahrefs. He was the lead author for the SEO chapter of the 2021 Web Almanac and a reviewer for the 2022 SEO chapter. He also co-wrote the SEO Book For Beginners by Ahrefs and was the Technical Review Editor for The Art of SEO 4th Edition. He’s an organizer for several groups including the Raleigh SEO Meetup (the most successful

「プランク」はとても単純な自重トレーニングの一種で、体を1枚の厚い板（プランク）に見立てて、フラットな状態をできるだけ長く保つエクササイズで、体幹を鍛えることができます。 体幹はバランスの維持にひと役買っているほか、姿勢の良し悪しにも影響を与えています。また、体幹がしっかりしていれば、重いものを持ったり急な動きをしたりしても、倒れたり転んだりしません。 最近では、プランクを60秒以上できることを自慢のタネにする人もいますが、ぐらついたり震えたりせずに延々とプランクのポジションをキープできるとしたら、そのフォームでは体幹をきちんと鍛えられていないかもしれません。 正しいプランクはこんな感じ 手とつま先で体を支えて静止させます。プランクをしてみると、その態勢を保つために腹筋や肩の筋肉、三頭筋、四頭筋など、さまざまな部位の筋肉が使われていることがわかるはずです。プランクにはいくつかバリエーション

はじめに git checkoutの機能 既存のブランチに移動する 新しいブランチを作成してそれに移動する あるファイルを特定のコミットハッシュ/ブランチから取得 checkout vs switch & restore 対応表 はじめに gitのバージョン2.23からgit switch及びgit restoreコマンドが入り、git checkoutがこれらの2つに分離されるようになりました。これに伴い、git checkoutも将来的に廃止の方向に向かうでしょう。 ※switch/restoreはまだ実験的導入のため、今後文法などが変更になる場合があります。 git checkoutの機能 git checkoutには大きく分けて以下のような機能があります。 既存のブランチに移動する 例えば自分が作業ブランチbranch-aにいたとして、masterブランチに移動したい時に使います。

北海道岩見沢市で、２９日、高齢夫婦の家に男が押し入る強盗事件がありました。男は、食事と金を要求し現金を奪いましたが、逃げる際に「マスク１０枚」を置いていったということです。 （高齢夫婦） 「ノコギリ振り回して入ってきた。『ご飯くれご飯くれ』って。ご飯あげたらそこで食べて。お腹すいて入ってきたんじゃないかなと」 岩見沢市栗沢町に住む高齢の夫婦。口を開いたのは、２９日被害に遭った強盗事件についてです。２９日午前１１時ごろ、住宅の裏口から侵入したのは「のこぎり」を持った男。男は夫婦に食べ物を要求しました。８８歳の妻がごはんとおかずを差し出すと、男は、ごはんをおかわりしたということです。さらに… （高齢夫婦） 「帰るってなったら『お金くれ』って言うから、２０００円あげたらそれ持って逃げた。お金あげたからかもしれないけどマスク１０枚ほど置いていった」 逃げる際にマスクを１０枚置いていったという男。男

Ratehoki88 situs slot online yang selalu memberikan Mega hoki dan Big hoki terbesar sepanjang masa dengan menyediakan Mesin slot gacor terbaik saat ini yang selalu menurunkan scatter hitam dan Megawin terbesar di dalam permainan pragamtic play dan Pg shoft salah satunya di game online yang sangat di incar adalah Mahjong ways 1, 2 dan 3, 88 Mega 777 juta juga menyediakan pasaran togel atau situs to

Todo Kanban Board Todo Kanban Board manages tasks and save them as TODO.md - a simple plain text file. Features The syntax is compatible with Github Markdown TODO.md file is portable and can be committed with Pull Requests (PRs) to git repositories. Support custom file name, multiple task lists. Checkboxes are optional (if your task titles don't have them). Task title can also have markdown for st

「どうも〜、ミルクボーイです、お願いします〜！ありがとうございます〜！あ〜、ありがとうございます〜、ね！今、ビートマニアのアペンドディスクをいただきましたけどもね、こんなんナンボあってもいいですからね」 「いきなりですけどウチのオカンがね、好きな新興宗教の教祖がいるらしいんやけどその名前を忘れたらしくてね」 「好きな教祖の名前を忘れてもうて、どうなってんねんそれ」 「いろいろ聞くねんけど全然わからへんねん」 「わからへんの？ほな俺がオカンの好きな新興宗教の教祖いっしょに考えてあげるからどんな特徴を言うてたか教えてみてよ」 「長髪で髭を蓄えていて地下鉄にサリンを撒いてめちゃくちゃ人を殺したらしいねん」 「…麻原彰晃やないか、その特徴は完全にオウム真理教の麻原彰晃やん、すぐにわかったやないか」 「わからへんねんな」 「何がわからへんの？」 「俺も麻原彰晃と思ってんけどな、オカンが言うには、その