import useSWR from 'swr' function Profile() { const { data, error, isLoading } = useSWR('/api/user', fetcher) if (error) return <div>failed to load</div> if (isLoading) return <div>loading...</div> return <div>hello {data.name}!</div> } この例では、useSWR フックは key 文字列と fetcher 関数を受け取ります。 key はデータの一意な識別子（通常は API の URL）で、fetcher に渡されます。 fetcher はデータを返す任意の非同期関数で、ネイティブの fetch や Axios のようなツールを使うことができます。 このフッ

こんにちは。サービスグループの武田です。このエントリは、2018年から公開しているAWS全サービスまとめの2022年版です。 こんにちは。サービスグループの武田です。 このエントリは、2018年から毎年公開している AWS全サービスまとめの2022年版 です。昨年までのものは次のリンクからたどってください。 AWSにはたくさんのサービスがありますが、「結局このサービスってなんなの？」という疑問を自分なりに理解するためにまとめました。 今回もマネジメントコンソールを開き、「サービス」の一覧をもとに一覧化しました。そのため、プレビュー版など一覧に載っていないサービスは含まれていません。また2021年にまとめたもののアップデート版ということで、新しくカテゴリに追加されたサービスには[New]、文章を更新したものには[Update]を付けました。ちなみにサービス数は 223個 です。 まとめるにあ

新型コロナウイルス禍で苦境が続く地域経済への支援と財源確保という一石二鳥を狙い、兵庫県高砂市が、職員用パソコン約９００台の画面に掲載する１カ月間の広告料を、５千円から２千円に値下げして積極出稿を呼び掛けている。職員がパソコンにログインするたびに、画面に広告（縦１７センチ、横２１センチ）が１５秒間現れる仕組み。どれほどの効果が－と思われがちだが、過去の広告では市職員の利用が増えた店もあったという。（笠原次郎） 自治体職員用パソコンへの広告掲載は、滋賀県が２００８年に初めて導入。兵庫県などにも広がり、高砂市は１３年に始めた。同市は当初、１カ月の広告料を１万５千円にしていたが、利用が少なかったため、５千円に値下げ。これまでに３５社から２２８件（２２８カ月）分の収入があった。 市ＩＣＴ推進課によると、加古川市内の足つぼマッサージ店は広告を出し、実際に高砂市職員の利用増につながったという。同課の植月

極めてなにか生命に対する侮辱を感じた。 あといわしにめんたいこ詰めたやつもなんかね。 (追記) 極めてなにか個人的なアレの暴露に思いのほかトラバ＆ブクマ集まったな。極めてみんなサンキューな。 極めてなにか生命に対する侮辱を感じるラインみたいのが個々でかなり違うな。 ソーセージもあれシャウエッセンとかは羊の腸＋豚の肉だから実はかなり極まってるよな。 「血、詰めちゃいましたけど、何か？」みたいなのもあるし。 ただまぁふつうのウインナーは子供のころから親しんでるからなのかワイは無理とは思わないけど。 もしかすると旨けりゃいいってのが一番でかいかも。デブだし？ ウィンナーはああすることであの味とか音とかを実現しててそれが侮辱的ななにかをかき消す力があるのかもしれない。 手羽餃子もいわしめんたいも見た目のインパクトはデカいが正直味は各材料をあわせた１＋１以上のものは無い気がする。 だから侮辱的なもの

１．コインハイブ事件 ■追記 2022年1月22日に最高裁第一小法廷(山口厚裁判長)でこのコインハイブ事件について無罪判決が出されました。詳しくはこちらをご参照ください。 ・【速報】コインハイブ事件の最高裁判決で無罪判決が出される あるウェブデザイナーの方（モロ氏、以下「被告人」）が、自身のウェブサイトに仮想通貨採掘アプリ「coinhive」を設置していたことが、不正指令電磁的記録等罪（いわゆるウイルス罪・刑法168条の２以下）に問われたいわゆるコインハイブ事件において、2018年の横浜地裁平成30年３月27日判決は、不正指令電磁的記録等罪の構成要件における、「反意図性」の該当は認めたものの、「不正性」（社会的許容性）の該当は認められるとはいえないとして、被告人を無罪としました。 ところが、控訴審の東京高裁令和２年２月７日判決（栃木力裁判長）は、「反意図性」および「不正性」の両方が成立する

はじめに Ruby on Rails 7.0 より、標準では webpack や rollup といった JavaScript bundler を使わず、代わりに Import maps を使うようになりました。 業務の現場では依然として jsbundling-rails などを用いて JavaScript bundler を使った開発が主だと思いますが、この記事では Import maps とは何なのか？ そして Rails ではどう扱かっているのか？ についてまとめてみます。 Import maps について Import mapsは JavaScript (ES6) の import 文や import() 式で取得するモジュール(ESModules)の URL を制御することができるWeb標準です。 現状では Chrome系ブラウザでのみサポートされているのみですが、他のブラウザで

Document Object ModelElementInstance propertiesariaAtomicariaAutoCompleteariaBrailleLabelariaBrailleRoleDescriptionariaBusyariaCheckedariaColCountariaColIndexariaColIndexText Experimental ariaColSpanariaCurrentariaDescriptionariaDisabledariaExpandedariaHasPopupariaHiddenariaKeyShortcutsariaLabelariaLevelariaLiveariaModalariaMultiLineariaMultiSelectableariaOrientationariaPlaceholderariaPosInSetaria

俺も晒すからお前らも晒してくれ ・リステリンでうがいと歯磨き めんどくさがりで夜の歯磨きさぼりがちだったけど、リステリンを常に届く場所に置いて眠くなってきたら最低限うがいだけでもする ・歯医者で月一クリーニング 歯医者嫌いだったけど、クリーニングが結構気持ち良くて癖になる。虫歯もなりにくく、なっても早期発見。銀歯治療にならない ・24時間ジムの会員 朝一のルーティンとしてジムで20分ほど運動。フリーウエイトなら短時間でも数年単位で長期間やると目に見えてマッチョに。確実に成長出来るので嬉しい。 ・鶏そぼろの作り置き 鶏そぼろを1キロ単位で作り置きしておく。飯はカロリー計算して比較的自由に食べるけど、食べやすい鶏肉料理があると非常に便利。 ・マイフィットネスパルでカロリー計算 カロリー計算アプリ。ファーストフードもコンビニ飯も検索するかバーコードで一発計算。 ・箸は割箸を使う 洗うの面倒 ・食

Web 開発者は HTTP レスポンスをよく見る。 以前 CDN を導入する際に、キャッシュがヒットしているかどうか、どこのエッジがキャッシュを返しているかを確認するためにヘッダをよく見ていた。また、ヘッダだけではなく、TTFB といったレスポンスタイムも気にしている。とにかく HTTP レスポンスをよく見る。 HTTP レスポンスを確認する３つの方法 Chrome さえあれば DevTools を見て一目瞭然である。 とはいえ、コマンドラインで確認したい時がしばしばある。 GUI を操作するよりも手軽である。 その場合はcurlコマンドを叩けばよい。 これでプロトコル、ステータス、ヘッダが分かる。 また、レスポンスタイムを測りたければ、その名もttfb.shというcurlをラップしたコマンドラインツールがある。 https://github.com/jaygooby/ttfb.sh この

Writing is an increasingly important skill for engineering leaders. Indeed, poor writing can hamper career progression, above a certain level. Tactics for more clear, more frequent and more confident writing. I’ve observed that my writing is not up to par with my peers. How can I improve my professional writing, as someone working in tech?I get this question from many people: senior engineers who

Innovative Tech： このコーナーでは、テクノロジーの最新研究を紹介するWebメディア「Seamless」を主宰する山下裕毅氏が執筆。新規性の高い科学論文を山下氏がピックアップし、解説する。 ソニーコンピュータサイエンス研究所（ソニーCSL）京都研究室の研究チームが開発した「A Language Acquisition Support System that Presents Differences and Distances from Model Speech」は、非母国語の学習において、学習者の発話とネイティブスピーカーの発話の差異を深層学習を用い分析し、視覚的に提示するシステムだ。学習者はこの差異を埋めようと繰り返し発話することで、ネイティブに近い発話を習得できるようになると期待できる。 （a）練習したい英語の文章と、ネイティブスピーカーの音声が与えられる。（b）学習者の

こんにちは。最近、Reactでのステート管理において「useStateの中にステートを置くのではなく、useRefで得たrefオブジェクトの中にステートを置いてuseState（またはuseReducer）をコンポーネントの再レンダリングを発生させるためだけに使う」というやり方を複数の記事で見かけました。このパターンは、今（React 17以前）は動くけどReact 18でアンチパターンに変貌するやり方なので、啓蒙するためにこの記事を用意しました。 ステート（コンポーネントのレンダリングに使用される値）は、useRefではなくuseState（またはuseReducer）をちゃんと使って管理するようにすれば、React 18以降も安泰です。 useRefをステート管理に使うパターンとは こういうやつです。 // 普通のやり方 const Counter1: React.VFC = () =

ストロボライト @strobolight もうこのツイートをする時期になってきました。松屋の豚汁がずっと熱いままなの汁が凄いんか器が凄いんかわからん。 2021-11-18 21:02:45

しゅしゅしゅ @syusyumylove 『エレベーターで子供1人の時に不審な人が乗ってきたら』の対処法をだいぶ前にEテレでやっていたので、これから1人歩きが始まる新1年生の親御さん辺りにこっそり発表したいと思います。 エレベーター乗って後から来た人がなんか怪しげでも、もしご近所さんだったら悪いからなんか出づらいよね。 2022-01-17 09:15:16 しゅしゅしゅ @syusyumylove そんな時は一言 『あ！』 と言ってから速攻エレベーターを降りるのです。ただそれだけ。 これで相手がただのご近所さんなら普通は『なんか忘れ物かいな』と思って貰えるから角も立たず、無事に脱出できるという防犯ライフハック。 みんな安全に学校通っとくれ〜おばちゃんとの約束や〜😊✨ 2022-01-17 09:15:17 松岡 @Himeno_ruirui @syusyumylove 通りすがり失礼致

こんにちは。スターフェスティバル株式会社の ikkitang です。 さて、皆様 GitHub Actions 使ってますか？ 弊社では大半のプロジェクトで GitHub Actions が活用されていて、 月 1 回の WinSession で知見が共有されたりしています。 GitHub Actions の素敵な所はイベントの柔軟さだと感じています。それによって GUI での操作が想起できて、直感的にイベントをフックさせて Workflow を作っていくことができます。とはいえ、Workflow が増えてくると別の Workflow をコピペで持ってきて必要な Step を書き換えるなんてことをすることがないでしょうか。 そこで、今回は Workflow の保守性を上げるために Step の共通化について調べてみました。 ちなみに今回説明にあたって GitHub にサンプルを用意してみま

An update from the Faker team ​January 14th, 2022 👋 We're pretty excited to give new life to this project. We want the project to have a fresh start and become even cooler. What is Faker? ​Faker is a library that generates fake (but reasonable) data for you. Mock data. Data for testing, development, and the like. Faker was first implemented in Perl in 2004 by Jason Kohles (he reached out to us in

","naka5":"<!-- BFF501 PC記事下（中⑤企画）パーツ＝1541 -->","naka6":"<!-- BFF486 PC記事下（中⑥デジ編）パーツ＝8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下（中⑥デジ編）パーツ＝8826 -->","adcreative72":"<!-- BFF920 広告枠）ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag ＰＣ誘導枠５行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"