$ npx create-next-app@latest --ts demo-next-storybook $ cd demo-next-storybook

＜暇空側＞ 仁藤が「何千万単位で会計をごまかして横領していた巨悪」とかじゃないのはもう全員分かってるだろ 懲戒請求の個人情報を訴状に転用したしてないとかの話も、はっきり言ってどうだっていいレベルの話 「重箱の隅をつついて出てきたホコリをみんなで叩いて遊ぶゲーム」をやっているようにしか見えない そこには温泉むすめの私怨だけでなく、「公的な活動をしているご立派な方々のメッキを剥がすの楽しいのう楽しいのう」というエンタメ精神がある 特に安全圏から他人の不幸を楽しんでるだけのくせに顔だけは社会正義みたいなツラしている奴は端的に言って下劣 そもそもColaboは雑なところがあったとしても、実際に活動もしているし助かっている現実の少女たちがいる 公金をむしり取っている寄生虫を暴くなら、明らかに活動実態のない社団法人や天下り丸出しの業界団体などもっとメスを入れるべき闇がある 戦う相手を間違えるな ＜仁藤

本年は Next.js + バリデーションライブラリの Zod をよく利用し、Zenn でもいくつかの関連記事を投稿しました。本稿では、この組み合わせならではの TIPS を紹介します。記事で紹介するサンプルは以下に置いています。 リクエスト検証に便利な Zod Next.js で getServerSideProps を使用すると、リクエスト検証をサーバーサイドで行えます。例えばセッションに保持している値の検証はバリデーションライブラリの Zod を使用して、次のようなコードで実現できます。 export const userSchema = z.object({ name: z.string(), email: z.string(), }); export const getServerSideProps = async (ctx) => { const sess = await ge

PWA Night CONFERENCE 2022 基調講演のスライドです。 「Enjoy the Web 〜長くWeb開発を楽しむために大事にしていること〜」 Webはその誕生から大きく進化し、プロダクトを作るための技術もトレンドとともに移り変わってきました。同時にプロダクトを作るための役割も変化し、多くの人が関わるようになってきました。それらはこれからも変化していくと考えられます。 そうした環境で長くWeb開発をおこない、楽しむためにはどのようなことを大事にするとよいでしょうか。 本セッションでは、テックリードとして私自身の経験から学んだことを紹介しながら、今そしてこれからのWeb開発を考えます。 https://conf2022.pwanight.jp/speaker/hara/

はじめに 株式会社LCLでフロントエンドエンジニアとして働いている「おとの」と申します。 今回は、今をときめくフロントエンドのフレームワーク「Next.js」を使って、個人もしくは複数人のチームで快適にフロントエンド開発を行いたい方にオススメのセットアップを紹介します。 本セットアップを行うメリットは以下の通りです。 （自動formatが有効になる等）開発速度が増す （StylelintやEslintの静的解析により）不具合の発生や潜在的なエラーを防ぎやすくなる コードの品質と一貫性を保つことができる Next.jsを使いこなせれば、フロントエンド開発だけに限らず、ランディングページ（LP）など静的なWebサイトの実装を行うWeb制作にも有用です。 私自身、Webサイト1ページのコーディングが求められる際もNext.jsを使っています。本セットアップも簡単に終わるので、今すぐ始めたい方はぜ

PWA Conference 2022 でのセッションの資料です。 https://conf2022.pwanight.jp/

meety_vuln.md Meety脆弱性 2022-11 文責 mala 経緯: Meety退会しようと思ったがアカウントがなかったので、退会するためにアカウントを作ることにした。 免責: 気になった範囲ですぐに見つかったもののうち、悪用可能なものを記載しています。 好ましくないが仕様だろうというものは書いていません。 他の脆弱性が無いことを保証するものではないです。 これはsecret gistです 11/24 時点で未修正の脆弱性情報が含まれています。修正されたらpublicに変更する予定です。 近しい人向けの注意喚起と、開発元への報告を兼ねて書いています。 悪用を教唆したり、悪用しそうな人に情報を共有することは避けてください。 自分の所有していないアカウントの情報を書き換えると法に触れるので、そのような行為は絶対にやめてください。 11/25 Publicにしました 以下 1-4

Your AI assistant that has all the contextRewind is a personalized AI powered by everything you’ve seen, said, or heard. Your colleagues will wonder how you do it all.

久しぶりに、いわゆるポエムを。 新規・運用ヘルプを問わず、受託や副業でよくフロントエンドをやってるWeb屋の見解、そして手札のお悩み。 この先、また技術選定する際なんかにも参考になるかと思ったので。 React 「いまフロントエンドやるなら最初に覚えるべき！」は、もう過去の話かなーと個人的には思ってる。 Reactは`UI = fn(state)`なのが良い！とか言われるけど、あなたが必要としてるのは`UI = Component(props)`かもよって。 一昔前までは、たしかにあらゆる面で頭一つ抜けてる印象はあったけど、今はそうでもないか、その差はだいぶ埋まってきてると思ってる。（もちろん先行者利益みたいなところで、エコシステムはまだまだ優位な差があるかもしれんけど、それもあまり実感できたことはないし、いまからはじめる人はそんなんで困らんやろうし） 原初の時代からReactな案件をそれ

Build your next idea even faster.Beautifully designed, expertly crafted components and templates, built by the makers of Tailwind CSS. The perfect starting point for your next project.

東京ガスは10月13日、電力需給がひっ迫する時間帯になると東京ガスからの操作で利用者宅のエアコン設定温度を変更したり、運転を停止したりする実証実験を行うと発表した。電気小売事業の加入者を対象に約600世帯規模で実施する。 利用者宅に東京ガスが提供するスマートリモコンを設置し、エアコンを操作する仕組み。例えばエアコンが暖房運転中なら設定温度を20度に下げるといった操作をリモートで行う。 東京ガスによると、過去の節電キャンペーン参加者から「エアコンや照明の電源を切るのが手間だった」「エアコンの設定変更を自動で実施してほしい」などの声が上がっていたという。今回の「機器制御型デマンドレスポンス」実証では利用者の負担を軽減しつつ効果的な節電に取り組めるとしている。 対象となる利用者には東京ガスから個別に連絡をとる予定で、公募は行わない。 併せて東京ガスは電力需給のひっ迫が予想される時間帯に利用者に節

東出昌大 三浦貴大 皆川猿時 和田正人 木竜麻生 池田大 金子大地 阿部進之介 渋川清彦 田村泰二郎 渡辺いっけい / 吉田羊 吹越満 吉岡秀隆 監督・脚本：松本優作 STORY 殺人に使われた包丁をつくった職人は逮捕されるのか——。 技術者の未来と権利を守るため、 権力やメディアと戦った男たちの真実の物語。 2002年、開発者・金子勇（東出昌大）は、簡単にファイルを共有できる革新的なソフト「Winny」を開発、試用版を「２ちゃんねる」に公開をする。彗星のごとく現れた「Winny」は、本人同士が直接データのやりとりができるシステムで、瞬く間にシェアを伸ばしていく。しかし、その裏で大量の映画やゲーム、音楽などが違法アップロードされ、ダウンロードする若者も続出、次第に社会問題へ発展していく。 次々に違法コピーした者たちが逮捕されていく中、開発者の金子も著作権法違反幇助の容疑をかけられ、2004

（映像もつくりました） prizmという、市町村から都道府県を当てる新感覚クイズゲームをReactで個人開発した話です。 内容 今までPHPやjQueryなどで開発をしてきた18歳です。 モダンなフロントエンド技術の習得を目的に、今回React・TypeScriptで初めて作った成果物です。 制作期間は1ヶ月弱ほどです。 もしよければ、読んで・遊んでもらえるとうれしいです！ TypeScript React Redux Firebase Realtime Database UIデザイン・ロゴデザイン つくったもの 「市町村から都道府県を当てる」 リアルタイム性のある新感覚クイズゲームです。 ランダムなある1つの都道府県から次々と市町村※が出題される中で、一番早く都道府県を答えられた人が勝ちの、地理力と反射神経が問われるゲームです。 モードは初級（市町村）・中級（市町村の頭2字）・上級（市町

三重県鈴鹿市で小学校から帰宅途中の男子児童に対し、マスクをしていないことに因縁を付け、顔を殴ってけがをさせたとして60代の男が逮捕されました。 【写真を見る】「マスクしていないやないか」などと因縁　下校中の小学生男児を殴った疑い　62歳の男を逮捕　三重・鈴鹿市 逮捕されたのは鈴鹿市東旭が丘の無職、福田亨容疑者（62）です。 警察によりますと福田容疑者は、ことし4月に市内の路上で小学校から帰宅する途中の10代の男子児童の右頬を拳で殴って、けがをさせた傷害の疑いが持たれています。 児童は下あごを打撲するなど全治2週間のけがをしました。 児童の保護者が学校を通じて警察に通報したことで事件が発覚。 調べに対し福田容疑者は「よく覚えていません」と容疑を否認しているということです。 福田容疑者は下校中の児童に「マスクをしていないやないか」などと因縁をつけて殴りかかったとみられ、警察が余罪などを追及して

9月22日、突如「NURO」がTwitterのトレンドに入った。ソニーネットワークコミュニケーションズが提供する高速インターネット回線「NURO 光」を指すもので、「NURO 光の集団訴訟を検討する」や「法人回線なのにパケット損失率（パケロス）が20％に及んでいる」など、複数の怒りや不満の声が拡散されている。 NURO 光はこれまでも通信の不安定さから、たびたびTwitterでトレンド入りしている。8月中旬には「NURO 光の通信が不安定」「通信速度が遅い」などの報告がTwitterに多数投稿されトレンドにランクイン。以降も、一部のユーザーから「夜になるとパケロスがひどい」「ゲームのダウンロードが遅い」「ビデオ会議が不安定」など不満の声が上がる状況が続いていた。 その中で、NURO 光利用者とみられるユーザーが「NURO光、集団訴訟を検討中です」と21日にツイート。「高速回線」と広告でうた

","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=\"

自分がつかってる、Google Colab用StableDiffusion環境を公開しました。 海外のWEB UIのが重いのと、やりたいことが微妙に違うので自分なりに作った。公式のDiffuserを使わないので軽いです。無課金のcolabでも動くのではないかと思います。 使い方GitHubページの「Open in Colab」ボタンをおして、colabで開く。 このページ上部のメニューで、「ランタイム > ランタイムのタイプを変更」からGPUを有効化を確認 HuggingFaceでアカウントを作成 StableDiffusionのモデルページで、「利用規約」に合意する。 モデルファイル sd-v1-4.ckpt をダウンロード モデルファイルを Google Drive等にアップロード 下のセル 「1-1. Google Driveとの接続」を実行 下のセル　「1-2. のフォーム」に、G

概要 サービスのメンテナンスの作業手順書にmermaidのガントチャートを使ったという話 作業手順書作成時の時間見積と、実際の作業実施時の時間計測の差が簡単に把握できて便利 下のような図を出せて便利ということ ※2023/08/22 mermaidの記法が変更になったらしく、ガントの分指定が min ではなく　 m となった 実際のメンテナンス作業の時間を把握したい これらをなんとなく把握したい。 決めた手順が実際にどれくらい余裕があったのか把握したい 事前にステージング環境で同じメンテナンス作業をして問題ないか確認、本番メンテナンスの予定にフィードバックしたい etc. どうやって把握するか 作業前の時間見積 作業手順書に必要時間を記録する etc. 作業実施時の時間計測方法 作業ログを別途作成し、タイムスタンプを記録する 自分は作業チームでMeetに入って作業開始と終了をコメントして、