おたる水族館の “全然言うこと聞かないペンギンショー” がとにかく言うこと聞かなくてめっちゃ面白い「想像するだけで楽しい」
柔らか仕上げのフクダウニー @0rororeo 小樽水族館の全然言うこと聞かないペンギンショーを見ました。魚貰うだけ貰って「それいけ！」とプールに飛び込み指示されても、5日前から何も食べてませんそのバケツの魚をくださいと虚偽の訴えでもするかの如くバケツに食らいつき、言うことをひとつとして聞かぬペンギン達がそこにいました。 2024-06-28 08:24:12 柔らか仕上げのフクダウニー @0rororeo 魚もっと欲しいペンギンが「ワイも魚欲しいで魚クレメンス」と後ろからでちでち押し寄せるペンギン達に押されて飛び込み台から突き落とされプールに落下することで言うこと聞いたことになってるのが力業過ぎて可愛かった。突き落とされてもすぐ飛び込み台に並んで魚貰いに行く食いしん坊の群れ。 2024-06-28 08:28:58 柔らか仕上げのフクダウニー @0rororeo 当初芸を仕込もうとしたけ
学校のプールで水を出しっぱなしにする事故、テクノロジーでなんとかならないの？→簡単そうに見えても意外と対策は難しい
ロージナ茶会 / 峰盛山 旭霜 @RodinaTP 学校のプールで水出しっぱなしの件。 一定水位になったら、警報音が出るとか、自動で水栓を閉めるとか、スマホに警報を出すとか、そんなに難しい機械じゃないと思うけど、何が何でも導入せずに、「職員みんなで気をつける」みたいな小学生的解決策になるのはなぜ？ 2024-06-28 18:47:12 ロージナ茶会 / 峰盛山 旭霜 @RodinaTP 学校の技術の時間とかクラブ活動で、プールの水位計と連動した警報システムとか検討開発させて、文科大臣のコンペやって、最優秀賞作品を量産して、全校に配布すれば良いのに。いい教育機会だぞ。 2024-06-28 20:01:23
蓮舫氏、神宮外苑再開発の是非問う「都民投票」実施と公約 都知事選 | 毎日新聞
東京都知事選（7月7日投開票）に立候補している元参院議員の蓮舫氏（56）は29日、民間事業者が進める明治神宮外苑の再開発について賛否を問う「都民投票」の実施を追加公約に掲げた。神宮外苑で報道陣に明らかにした。 追加公約によると、再開発の賛否を全都民に問う都民投票（住民投票）の実施を条例案として都議会に提案するという。蓮舫氏は「『本当にこのまま開発を進めますか』と都民に聞きたい。民意を背景に、事業者と真摯（しんし）に向き合いたい」と話した。
Component – React
Component は React コンポーネントの基底クラスであり、JavaScript のクラスとして定義されています。React は現在でもクラスコンポーネントをサポートしていますが、新しいコードでの使用は推奨されません。
IME未確定時はKeyboardEvent.keyを無視したい｜株式会社トリドリ（toridori）
はじめにtoridori開発部の大谷と申します。 春の温かみを感じるいい時期となりましたね。 そして人類の怨敵である花粉症の時期でもあり、私も毎年苦しめられていました。 あらゆる薬等全く効果を出さず、花粉に怯える生活をしてきた私ですが、今年は奮発して花粉をも浄化すると言われる空気清浄機を購入してみました。 その効果は抜群、私の部屋は聖域と化し、外にさえでなければ花粉に悩むことがなくなりました。 リモート等で家から出る機会があまりない人は是非検討してみてください。 人生の幸福度が上昇します。 さて、今回はエンジニアブログの第4弾として、keyboardEvent.keyをIME未確定時は発火させないようにする方法について説明したいと思います。 なお、本記事ではReact.jsとMaterial-UIを使用しています。 IME未確定のときの動作keyboardEvent.keyを使うことで、押
【2024年1月】Next.js での新規アプリの構成 & Next.js ディレクトリ構成(features)
選定の方針 ログインしての利用がメインで、ユーザーがあまり多くないサービスを想定しています。 開発効率の重視して、出来るだけWebアプリに集中できる構成を目指しています。 コスト理由で中断しないように、個人でも支払える費用感を意識しています。 Next.js ライブラリ構成 メインで使っているライブラリです。Next.js + Vercelの開発体験が良すぎるので、できる限り活用して開発することを意識して作っています。 フレームワーク Next.js メインで使うライブラリ SWR tRPC React Hook Form Jotai Style/CSS に関して Vercelがリリースしたv0をいいなと思って、v0の出力で使われているTailwind CSS + shadcn/uiを使うようにしています。(v0活用は検証中です) よく使うインフラ系サービス Vercel: Gitにpus
React で入力フォームの onChange イベントを IME ON のときに無視する
何をするか？React のテキスト入力フォーム（input コンポーネントや mui の TextField など）で onChange イベントハンドラーを設定すると、入力テキストが変化したときに任意の処理を行うことができます。 ただ、onChange イベントは IME での日本語変換中にも呼び出されてしまう ので、おそらく、想定しているよりも多く呼び出されてしまいます。 インクリメンタルサーチなどで、入力のたびに API 呼び出しをしているようなケースでは、この振る舞いは抑制しなければいけません。 ここでは、IME が ON になっているとき（つまり日本語変換中）に、onChange イベントを無視する実装例を紹介します。 このあたりの実装は、ブラウザごとの微妙な振る舞いの差（特に Esc キーで IME 入力をキャンセルした場合など）を考えると、結構複雑だったりします。 実装してみ
Next.js で静的HTMLをエクスポートするときに気をつけること - SUPER ARAI BLOG
Next.js で静的HTMLをエクスポートするときに気をつけること2022-04-04 15:41:41静的なマークアップを依頼されたときに、環境を作るのがめんどくさかったからNext.jsで作ることにした。そのときノウハウメモ。 相対パスでCSSとかJSとかを参照するのができない静的なマークアップを依頼されたときは、相対パスでCSSとかJSを参照するようにして、どのパスに置いても動くようにするような作りを期待されることがあると思うんだけど、Next.jsだと相対パスで指定することはできない。 しかも、ルートのパスに配置するならよかったんだけど、3階層目に置くってことがわかった。こう言うときはNext.jsを使うべきではないのかもしれない。今回は Asset Prefix の機能を使用した。 next.config.js に下記のように書くと、export したときにだけ、参照するURL
ハンズオン！Next.js 13＋{JSON} Placeholdeで作る簡易ブログ(SSG編) - Qiita
はじめに Next.js13がリリースされてもうすぐ１ヶ月が経ちましたが、まだ公式チュートリアルが最新版に対応したものが出ていないため、公式ドキュメントを読み進めながら{JSON} Placeholdeと連携したSSG対応の簡易ブログを作成しました。 本記事は、ハンズオン形式でこのブログの作成方法をまとめています。 ハンズオンの流れ 開発環境の構築 Routing レイアウトコンポーネント ページコンポーネント ブログ一覧を作成 記事ページを作成 タイトルをつける 開発環境の構築 インストール まず、開発環境が以下の要件を満たしていることを確認してください。 Node.js 16.8以降(node -vで確認) MacOS、Windows（WSLを含む）、Linuxに対応 ターミナルを開いて作業フォルダに移動後、下記のいずれかのコマンドを実行します。 npx create-next-app
アラサーぐらいの若いうちはまだ結婚でどうにかなる意識がある人もいると..
アラサーぐらいの若いうちはまだ結婚でどうにかなる意識がある人もいるとは思う 親を安心させるために婚活してる人も多い でも、40代になって子供もたない人生確定したら親もうるさく言わなくなるし、本人も住むとこさえあれば月10万でギリギリ食べていけるビジョンが出てくるからそんなに焦らなくなる 仕事もさ、女の場合、選ばなければ高齢者でも働き口はあるじゃん？掃除とか介護とかホテルのベッドメイクとか。それを惨めと感じないのが女の強さだと思うんよね。 親を看取った後、公営住宅住んで非正規でひっそり丁寧な暮らししてる中高年女ってわりと多いし、イメージしやすいロールモデルも周囲にいる そもそも、特に欲がなく日々平穏に暮らせればいいってタイプの女の場合、男と暮らすとお金かかるし文句言われるし面倒だし、性欲もそんな強くないし、結婚するモチベーションもガツガツ稼ぐモチベーションもないよね。 自称弱者男性の一番キツ
【都知事選】れいわの誇る音響設備が蓮舫陣営に届いた
れいわから届いた音響設備。蓮舫候補は良く通るスピーカーの音で得意の行革を語った。＝27日夕、石神井公園駅前 撮影：田中龍作＝ 蓮舫陣営の街宣は時々音が割れて聞き取りづらいことがあった。音質が悪いと政策が有権者に浸透しづらい。街宣車に備え付けのスピーカーが粗悪だったためだ。 れいわの街宣のように、音楽コンサートで使えるような優れ物のスピーカーがあったらいいのに、と思い続けてきた。 きょう27日、街宣会場の石神井公園駅前に行くと街宣車はなく、演台があって本格的なスピーカーが置かれていた。《どこかで見たことあるなあ》。既視感たっぷりの代物だった。 選挙情勢について蓮舫陣営関係者と話しているうち、その関係者は「あのスピーカー、れいわから届いたんだよ。もちろん太郎さんも承知しているよ」と明かしてくれた。 れいわの党員（※）たちがすでに事実上のスタッフとして蓮舫陣営に入ってチラシ配りなどに汗を流してい
月4万円だった健康保険料が｢定年退職後｣に月9万円に…体験しないとわからない｢国保負担｣のすさまじさ ｢所得640万円｣では｢年88万円｣を求められる
あまりの高さに絶句し、払えないと思った 今年度の国保料（国民健康保険の保険料）の決定通知書が届いた頃ではないだろうか。金額の高さにびっくりしている人もいるかもしれない。私も3年前はそうだった。もちろん今も高いと感じているが、3年前の2021年に自治体から通知書を受け取った時は、あまりの高さに絶句し、払えないと思ったのだ。 当時の国保料は、年間で88万円。国保料は6月から翌年3月までの10回払いが基本のため、月々8万8000円である。知人に話すと、国保料は前年の所得に基づいて決定されることから「稼いでいるんでしょう」と指摘された。私は原稿を書く仕事をしているが、その前年、2020年の年収は890万円。けれどもこれは交通費や資料代など取材経費を含めた額であり、経費を引いた所得は640万円である。
政見放送で「政府転覆」主張 元祖・異色候補が見る乱立の東京都知事選
史上最多の５６人が立候補した東京都知事選（７月７日投開票）では、計約１１時間にも及ぶとされる政見放送での各候補者の主張も注目されている。そこで思い出されるのが、平成１９年の都知事選での、ある候補者の政見放送だ。画面越しに挑むような視線で「政府転覆」を呼びかけ、最後に中指を突き立てたスキンヘッドの男性。彼は、乱立する現在の〝異色候補〟の源流となったのではないか。そんな疑問を抱き、会いに行ってみた。 「一世一代だった」「民主主義に反対する立場から、選挙制度をむちゃくちゃにするために（都知事選立候補を）やりましたから。そういう意味では、ついにここまで来たといえる」 東京・高円寺のバーでカウンターに立つ外山恒一氏（５３）は、こう語った。革命家を自称するだけに、温和さの中にも不敵な様子がにじむ。今月２５日、外山氏が経営に関わるバーを訪れ、趣旨を説明すると、アポイントなしの取材にもかかわらず、快く応じ
格闘技は私闘ではない
トラッシュトークが嫌いだ。 トラッシュトークというのは格闘技などで試合前などに相手選手の悪口を言ったり煽ったりする行為のこと。 単なる試合にストーリーを付け足すためによく行われるプロモーション活動だが、これが嫌いだ。 そもそも格闘技の『試合』は、字のごとくお互いの鍛錬の結果を試し合う場のことであって、 私闘――個人的な恨みによって争うこと――ではない。 相手に悪口を言われたから、嫌いな相手をボコボコにしたいから戦う、というものではない。 俺もアマ格闘技をやっていて3か月に1回くらい客(選手の身内)が入る会場で試合をしているが、 たまに対戦相手からSNSでトラッシュトークを仕掛けられることがある。 ブレイキングダウンやRIZINに影響を受けたのかもしれないが、純粋にムカつく。 俺がお前に何をしたというのか。 そんな奴らに限って試合後は試合前のあれこれがなかったかのように来るのがムカつく。 試
TypeScript 非同期処理 Promise や Fetch の使い方
TypeScript 非同期処理 Promise と Fetch Promise や async 関数（async/await）で型注釈する方法や TypeScript を使用して fetch を利用する方法などについての解説のような覚書です。 JavaScript の Promise（概要） JavaScript の Promise は非同期処理を扱うための Promise オブジェクトとその仕組みのことです。Promise を使うことで非同期処理をその仕様に従って統一された書き方で扱うことができます。 以下は JavaScript の Promise の概要です。 コンストラクタ Promise は new と コンストラクタ関数 Promise() で promise オブジェクトのインスタンスを作成して利用することができます。 コンストラクタ Promise() は引数に reso
インデックス投資という「宗教」との付き合い方 - ゆとりずむ
こんにちは、らくからちゃです。 毎日寒い日が続きますが、皆様いかがお過ごしでしょうか。なんとなく涼しくなったマネーフォワードの資産残高を眺めながら、これからの資産運用どうするかなあと考えていたら、半年ほど前にわたしの不用意な発言（？）が晒し上げられていたのを思い出しました。 問題の発言がコチラです。 子供の頃、教科書に「南無阿弥陀仏と唱えるだけで極楽往生に行けると信じられていた」と書いてあったのをみて首を傾げてたけど「S&P500に積立投資してれば老後は安心」と言ってる人を見て納得したな。 / https://t.co/2FR1HZ08Rl — らくからちゃ@年子育児1年育休マン (@lacucaracha) 2022年6月29日 わざわざご丁寧にS&P500の過去の推移までご用意いただき、マネーリテラシーを疑われ、コメントを眺めていると精神の正常性まで心配して貰っていました笑 anond
マンガで分かるシリーズ 我が社の プライバシー保護規制対応奮闘記!! | BizRis
国内外のプライバシー保護規制の課題は?… 3,700社がBizRisを活用中! 最新動向や執行状況の情報、専門家とのよろず相談、世界の調査レポート等で解決!!
ディスプレイのないノートPC「Spacetop G1」を触ってわかった、デスクトップを空間拡張する魅力と課題
Home » ディスプレイのないノートPC「Spacetop G1」を触ってわかった、デスクトップを空間拡張する魅力と課題 ディスプレイのないノートPC「Spacetop G1」を触ってわかった、デスクトップを空間拡張する魅力と課題 ディスプレイを複数枚設置したり、4Kやウルトラワイドの一台を用意したりして、PCのデスクトップ環境を拡張するといった使い方も一般的になってきた。同時に複数の作業を並行させたり、参考にしたい情報を見ながら資料を作ったり、ときに動画を視聴しながら仕事をしたりと、デスクトップを広げることで様々なことが可能となる。 近年、そこに新たな選択肢が登場した。XRを活用した空間ディスプレイだ。ARグラスなどのウェアラブルデバイスを装着して、空間にディスプレイを配置できるというものだ。 空間ディスプレイの良さは、物理的な制約に縛られないことだ。物理的にディスプレイがなくても複数
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://www.reddit.com/r/nextjs/comments/ozd8e0/comment/h84ed2g/
Functions: generateStaticParams | Next.js