極端な自責と他責を使い分ける - Konifar's ZATSU
何らかの問題に直面した時に、原因が自分にあると考えることを自責、他人や環境にあると考えることを他責という。 仕事をする上では自責思考がよいとされることが多いが、自責の念という言葉もあるとおり自分を責めてしまいがちでちょっとしんどいよね。 中には、「すみません、自分のせいで~~~」みたいな感じで過度な自責スタンスが謝罪以上の思考を停止させてしまうこともある。自責と卑屈は違うのだが、自分で自覚するのはなかなか難しい。 自分としては、自責思考がよいと偏って考えるのがよくないと思っている。そもそも何かの問題の原因が自分だけのことの方が少ないわけで、いろんな要因が絡んでいる。 常に自責で考える必要はなくて、自責と他責を切り替えて考えられればよい。「100%自分が悪いとしたら何ができたか」「100%自分が悪くないとしたら何ができたか」という2つの極端な自責と他責を考えてみると次につながる話が出やすかっ
地方を去る女性たち･･･なぜ？本音を聞いてみた - クローズアップ現代 取材ノート - NHK みんなでプラス
若い女性の減少率を分析した最新のデータが、衝撃を与えています。 2050年までに若年女性の人口が半数以下になる自治体は、全国744に上るとされ、そうした地域では人口が急減し、最終的に消滅する可能性があるという推計が4月に発表されたのです。 （「人口戦略会議」より） なぜ地方から女性が消えていくのか？地方を去った女性たちに本音を聞いてみると… 「そもそも働く場所がないんです」 「『女性は嫁としてもらわれて家庭を持ってやっと一人前になる』と言われた」 「国の“人口減少対策”では私たちの声が聞かれていない」 このテーマ、皆さんはどう考えますか？意見・感想や体験談をお寄せください。 （クローズアップ現代 取材班） 744自治体が“消滅可能性” 女性の流出が止まらない 民間の有識者グループ「人口戦略会議」が公開した分析結果です。全国744の自治体が「最終的には消滅する可能性がある」としています。 消
蓮舫氏「2位じゃダメなのか発言」の真相…５つの観点から分析する「報道のキリトリ」と「実際の発言」との相違点 | 集英社オンライン | ニュースを本気で噛み砕け
「2位じゃダメ」発言が飛び出した次世代スパコンの事業仕分先月、蓮舫氏が東京都知事選（6月20日告示、7月7日投開票）への出馬を表明。その直後から「2位じゃダメなんでしょうか？」という過去の発言と共に蓮舫氏を揶揄する報道が相次いだ。 すでに発言から15年近くが経過し、当時のことを知らない有権者も増えているため、まずは問題の発言の経緯をおさらいする。 この発言は、民主党政権下の行政刷新会議（事業仕分け）のうち、2009年11月13日に開催された、次世代スパコン事業を対象とした第3WG（以降「当該会議」と記載する場合あり）で出たもの。 ＊事業仕分け：2009年に政権交代を果たした民主党政権の目玉政策の一つ。予算のムダをなくすため、各事業の要否を評価者（国会議員および民間有識者）が判定。わずか1～2時間の制限時間で、担当府省からの説明、評価者との質疑応答、判定（廃止、予算計上見送り、予算要求の縮減
今話題となっているReact 19のSuspenseの変更内容を詳しく見てみました。
はじめに 以下のツイートが発端でした。 投稿者は、React Query のメインコントリビュータの tkdodo さんです。 React 19 に含まれる変更にある異変を気づきました。 変更は以下に該当します react: Don’t prerender siblings of suspended component #26380 リリースノートに隅っこにありました。 この変更は RFC なしで含まれました。該当 PR は以下 What React では、 Suspense を使って、非同期処理を行うコンポーネントやReact.lazyによってコンポーネントの遅延ロード時に、読み込みを完了するまでフォールバックを表示させることができます。 以下のような実装があるとします。 import { lazy, Suspense, useState } from "react"; const Av
やらない事を決めるプロダクト設計
https://kichijojipm.connpass.com/event/316361/ 設計ナイト2024で使った資料です。
1枚の写真→5秒の動画に “無料”で使える最高水準の動画生成AI「Dream Machine」が話題に
AIスタートアップの米Luma Labsは6月12日（現地時間）、動画生成AIサービス「Dream Machine」を発表した。動画の内容を指示するプロンプトと1枚の写真から5秒の動画を生成する。生成スピードは1コマ1秒としており、120コマ（24fpsで5秒）を2分で生成できるとしている。 高品質な動画生成AIは、米OpenAIの「Sora」や、中国Kuaishouの「Kling」というアプリがすでに発表されているが、Soraはまだ公開されておらず、Klingは利用に中国の電話番号が必要など、利用までのハードルが高かった。Dream Machineは、Googleアカウントさえあれば誰でも利用できる動画生成AIとなる。 Dream Machineの構築にあたり、米AWSと、同社のNVIDIA H100トレーニング基盤「SageMaker HyperPod」と協力。スケーラブルで効率的かつ
2024年に最適なfont-familyの書き方 - ICS MEDIA
ウェブサイトのフォントは何を指定すればよいのでしょうか？ CSSのfont-familyプロパティーに指定可能なフォントは選択肢が多く、HTMLコーダーなら誰もが一度は迷ったことがあるはずです。 font-familyの組み合わせを紹介している記事は多々あります。しかし、必要のない指定や、考察不足なまま紹介している記事を見かけることは少なくありません。それもそのはず、フォント事情は日々変化するもので、古い情報は役立たないことが多いためです。 本記事ではフォントに関わるここ最近のビッグニュースを取り上げつつ、教訓から学んだ変化に強い「無難」なフォント指定を紹介します。 結論 いきなり結論ですが、以下のフォントの組み合わせがオススメです。CSSのbodyセレクターなどにコピー＆ペーストして利用ください。 body { font-family: "Helvetica Neue", Arial,
そのモニタに写っている色は正しい？ 今さら聞けないモニタキャリブレーション | いちあっぷ
イラストレーターの山代です。「いやー、今日も今日とて名画爆誕」ってな絵描きの皆さん、ちょっとお待ち下さい！ そのイケてる絵がイケて見えるのはそのモニタだけかもしれません。 買ったままのモニタやノートPCは発色が正しくないことが往々にしてあります。というか、だいたい合ってません。また、正しく発色しているモニタでも経年経過で次第に色はズレていきます。 最終的に印刷するモノであれば、校正を見て修正を加えることもできますが、例えばWebサイトのトップ絵などモニタ上で完結するような仕事の場合、取り掛かりから納品まで自分の作業モニタでしか見てないこともフツーにあります。 納品後に気づいて修正しても「すんません！色おかしかったのでコイツを再アップして下さい！！」と連絡を入れるのにどエライ勇気がいりますし、お客さんの信頼を失うんじゃないかとか悶々とするハメにもなります。 そんな事案を一件でも減らすべく産ま
Google、パソコン用 Googlebot によるクロールを完全に終了。 2024年7月5日以降
[レベル: 初級] パソコン用 Googlebot によるクロールとインデックスを 2024 年 7 月 5 日以降 Google は完全に終了します。 検索セントラルブログでアナウンスがありました。 ウェブサイトをクロールするのは スマートフォン用 Googlebot だけ 2023 年 10 月末に、モバイル ファースト インデックスへの移行が完了したことを Google は宣言していました。 しかし実際には、モバイル ファースト インデックスに対応できていないごく一部のサイトについては、パソコン用 Googlebot によるクロールを継続していました。 ですが、2024 年 7 月 5 日以降は、モバイル ファースト インデックスに対応していないこうしたサイトのクロールもスマートフォン用 Googlebot で実行します。 もし、スマートフォン用サイトのコンテンツを省略していたり、あ
ユニクロ公式サイトが使えません（ついでにレジも）｜ブラインドライターズ
ブラインドライターズのスタッフは9割が視覚障害者。 先日、みんなで「どうやって服を買うか」の話になりました。 マネキンの服は見えないので、コーディネートが分からない 下着を買いたいけど、店員さんの性別が分からないので声をかけづらい ロービジョンなので黒なのか紺なのかわかりにくく、店で買いづらい などと、たくさんの悩みごとがありました。 確かに、異性の店員さんに下着の相談はしにくいですよね。 タグが読めなければ、サイズも分からない。リアルでの買い物は一人ではけっこう難しそうです。 そんなときに便利なのがECサイトです。 色もデジタル表記になっていればPCが読み上げてくれるので選びやすい 下着も人に頼まなくていいので買いやすい マネキンのコーディネートは見えないので、サイトで確認したい また「リピ買いするならサイト」という意見もありました。確かに見えていないと広い店内のどこにあるのかサッパリ分
UIにおける見えるけど利用できない非活性な領域の実装とinert属性について
モーダルダイアログのようなUIには、それが出現している間はダイアログの外の領域が操作不能になっているという慣習があります。ダイアログが取り扱うタスクだけにユーザーを集中させるために、あえてダイアログ以外の操作ができないようになっています。 またモーダルダイアログをはじめとしてディスクロージャーなど、ユーザーの操作に応じて表示と非表示が切り替わるUIもあります。こうしたUIは視覚的には隠れているようでも、実装としては、つねにDOM上に存在しているHTML要素の属性だけを書き換えてレンダリング結果を制御するのが一般的です。 こうしたケースでは、特定の領域を操作できないように実装を行う必要があります。CSSでdisplay:noneかvisibility:hiddenが指定されたHTML要素はそれだけで操作できない状態になりますが、それ以外の方法で非表示になったHTML要素は、利用状況によっては
New Markdown extension: Alerts provide distinctive styling for significant content · GitHub Changelog
AI & MLLearn about artificial intelligence and machine learning across the GitHub ecosystem and the wider industry. Generative AILearn how to build with generative AI. GitHub CopilotChange how you work with GitHub Copilot. LLMsEverything developers need to know about LLMs. Machine learningMachine learning tips, tricks, and best practices. How AI code generation worksExplore the capabilities and be
State of HTML 2023
While JavaScript was taking over the web, and CSS was gaining new superpowers year over year, it could seem like HTML was content to stay dormant, happy to cede center stage to its younger siblings. After all once you've learned about <div>s and <h>s 1 through 6, what else is there to know? Quite a lot, as it turns out! Once again we drafted Lea Verou to put her in-depth knowledge of the web platf
全国小・中学校作文コンクール
私は重度自閉症である。いつも叫び出したい衝動を感じている。でも叫ばない。叫んではいけないと学んだからだ。この作文で私から見える世界を、みんなに共有したい。 小学校は支援級に在籍していたが、現在は中高一貫で少人数制の私立中学に通っている。４歳の時に注意欠陥多動優勢の自閉症スペクトラムと診断を受けた。小学６年生の時に身長が止まり、成長ホルモンを毎日注射している。身長は１４６センチで、１５歳男子平均より２０センチ以上低い。 家族とファミリーレストランに行くと、店員が「子供椅子はいりますか」と笑顔で聞く。耐える私に、今度はキッズメニューを差し出してくる。見た目で判断しないでください。そう伝えたいけれど、見た目で子供なのだから、店員を責められない。やりどころの無い怒りを抱えて私は黙る。 私は授業中によそ見をしてしまう。宿題のお知らせを聞き逃し、やってこない。不真面目で意欲を持っていないと評価される。
ast-grep VSCode: 構造検索と置換の強力なツール
こんにちは、 ast-grepの作者Herringtonです。 正規表現でコードを検索したことがある方なら、複数行のマッチングや入れ子構造の処理、コメントの無視などに苦労したことがあるかもしれません。 そこで、ast-grep VSCodeという新しい拡張を紹介します。これは、構造的検索と置換（SSR）という技術を利用して、より正確で効率的な検索と置換を実現するツールです。 構造検索は？ テキスト検索と置換の限界 例えば、JavaScriptコードをリファクタリングして、lodash の _.filter 関数をネイティブの Array.prototype.filter メソッド に置き換えたいとします。単純なテキスト検索と置換は次のようになります: これは一部のケースではうまくいくかもしれませんが、いくつかの問題があります。 一行の式しかマッチングできません。コードが複数行にまたがってい
TypeScriptの型の世界で自然数を表現する
既にいろんな人がいろんなやり方でやっていると思うけど、自分もTypeScriptの型の世界で自然数を表現するというのをやってみた。 なんでそんなことを？と言うと、ただ「型で遊ぶ」という以上の意味はないです。 思ったよりかなり簡単に書けて、今のTSの表現力に驚いた。（TS4.1以上） Gist版 // 配列の先頭以外を抜き取る型 type Tail<T extends any[]> = T extends [any, ...infer U] ? U : [] type Zero = [] type Succ = 'Succ' type Next<T extends Nat> = [...T, Succ] // どっちかというとNextでやってることがSuccなんだけど,,,簡単のため妥協 // 自然数 Nat type Nat = Zero | Succ[] // Nat の値を人間が読める
TypeScript AST Viewer
Interactive viewer to help visualize the TypeScript Compiler API's AST.
ブラックジャックの資金管理と勝つための推奨資金を徹底解説！
資金管理と聞くと、株式投資などの堅実な投資を思い浮かべるかもしれません。 ですが、オンラインカジノで堅実に稼いでいくなら、同じように資金管理をすることはプラスになります。 純粋にブラックジャックを楽しんでプレイしたいだけ、というなら話は別ですが、稼ぐなら資金管理力が必須！ そこで今回は、稼ぎやすいブラックジャックに資金管理が必要な理由から、資金管理の方法まで詳しく解説します。 【注目】あなたにピッタリなオンラインカジノは？今話題の厳選オンカジランキング！ ブラックジャックで資金管理するべき理由 ブラックジャックがオンラインカジノの中で、とても稼ぎやすいカジノゲームであることは有名な話です。 ブラックジャックの還元率はとても高く、平均的に99％を超えるため多くの場合でプラスになっていきます。 ですが、常に一定の金額を賭け続けるフラットベットだと、マイナスになってしまうのがオンラインギャンブル
OpenAI API を使ったデザインからコード生成する Figma プラグイン - Gaudiy Tech Blog
こんにちは。ファンと共に時代を進める、Web3スタートアップのGaudiyに、6月からお試し入社する seya（@sekikazu01）と申します。 ここしばらく話題になっている、OpenAI が提供する ChatGPT を代表とした LLM。この記事では、そんな OpenAI の API を使って Figma からコード生成するプラグインを作ってみた過程を記していこうと思います。 先に背景をちょっとお伝えしますと、Gaudiy ではPSFに向けて、複数パターンのUI・機能を実際に提供しながら検証を回すことを予定しています。 すでに定義したコンポーネントはある程度使い回せるものの、ページ実装の試行回数の増加が見込まれる状況です。ここの作業効率化のために、コンポーネントをしっかり活用しながらも、ちょっといじればプロダクション利用可能な React コードを Figma から書き出すトライとし
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Performance
