概要 4年ほどProductionで使っていたリッチテキストエディタ（Quill on Nuxt.js v2）をTiptap on Next.jsに移行しました。 既存のQuillエディタの使い勝手をTiptapで再現しつつ、改善できるところは改善しつつ、既存の4年分のリッチテキストデータが正しく編集できるようにしなければいけませんでした。 本記事では移行の具体的なプロセスを解説しようと思っていたのですが、リッチテキストエディタは前提知識があまりに多いため、前提となる知識や考え方を解説しているだけでそこそこのボリュームになりました。そこで、一旦考え方や前提知識をまとめた、という体で公開します。 本記事を読んでから各ライブラリのDocsを読んだりカスタマイズを始めたら、少しハードルが下がっていることかと思います。 対象読者の例 リッチテキストエディタに興味がある リッチテキストエディタの開発

2024年のブラウザならCSSの:has()疑似クラスが使えます。この:has()疑似クラスは非常に強力なポテンシャルをもっています。というのも:has()疑似クラスを使えば、どんな関係のセレクターも指定可能になります。これを使えば多彩なセレクターが記述できるようになり、より表現力豊かなCSSを実現できます。この記事では:has()疑似クラスを使ったCSSの表現手法やテクニックを紹介します。 サンプルを別ウインドウで開く コードを確認する :has()疑似クラスの基本的な使い方 :has()疑似クラスの使い方について簡単に説明します。:has()疑似クラスは渡したセレクターを持つ親要素を選択します。たとえば、次のようなHTMLとCSSがあるとします。 <p class="text"> <strong>メロス</strong>は激怒した。必ず、かの邪智暴虐の王を除かなければならぬと決意した。

社会学者で東大名誉教授の上野千鶴子氏が４日、自身のＸ（旧ツイッター）を更新。パリ五輪期間中の報道に対して苦言を呈し、アスリートに対して「国家など背負ってほしくない」と訴えた。 【写真】「日本の皆さんにすいませんという気持ち」号泣謝罪した阿部一二三 上野氏はＸで「マスメディアの報道はオリンピックばかり。うんざりする」と、昨今の報道のあり方に苦言。さらに「アスリートに国家など背負ってほしくない。彼らがだんだんエゴイストに見えてくる」とつづった。 この投稿には「今回は、ほんとうにそうゆう感じがしますね」「まやかしの平和の祭典。商業主義」「東京五輪から続く、オリンピックに対して批判的な意見を言いにくい空気感は、本当に嫌な感じがします…」などの賛同意見や、「何で日本だけスポーツ選手を讃えると悪いんですか？」「何故そんな事を言うのか…。努力して道を極めたものは美しいじゃないか…」「嫌なら見なければ良い

むかし、「35歳を過ぎると、急に頑張らなくなる」という話を書きました。 「中年の危機」です。 なぜ35歳を超えると頑張らなくなるのか。それはロールプレイングゲームの終盤と同じだから。 私の世代であれば、ドラゴンクエストや、ファイナルファンタジーといったRPGに熱中した方も多いだろう。 だが、私は「最後までやりきったゲーム」が異常に少ない。 なぜなら、いつもラストダンジョンになると、やる気を失ってしまうからだ。 序盤はとても面白い。自分が強くなる実感が得られるし、新しい世界が次々に広がっていく。 ところが、中盤を経て、終盤になると、とたんにゲームはつまらなくなる。 作業的なレベル上げ。 探検しつくされた世界。 有り余るお金。 そうだ。 操作するキャラクターは強くなっているはずなのに、そこには「可能性」が無くなっているのである。 キャラクターが育ち、謎がとけ、世界の広がる可能性だ。 「可能性」

田中龍作 @tanakaryusaku 自公の選挙は街頭に聴衆が出ていなくても勝つ。組織票をしっかり押さえているからだ。その数ザッと250万票。 逆手に取るなら、蓮舫陣営は250万票以上を取れば勝てる。 いま「ひとり街宣」が夥しい数の伏兵となって、現職小池に襲いかかっている。 メディアも両陣営も読めない数字（票）が湧いてくるはずだ。 私が蓮舫選対だったら、一人街宣をライブ中継して拡散する。一人の街宣が数千倍・数万倍（視聴者）になるのだから。数百街宣×数千・数万だ。 初鹿明博 @AkiHatsushika おはようございます☀ ひとり街宣が都知事選の敗因のひとつとの総括を立憲の中で行われていると耳にした💦 驚きだ…政治家でない普通の人達が誰から言われるのでもなく自分の意思で出来る応援をしようと勇気を振り絞って行った事を否定するとは… こちらの意思を示す為にプロフ写真変更した😁 初鹿明博

mimizuk @mimimizuk 災難すぎる。2,3回しか会話したことない取引先でもメンションにさんはつけずにチャットできる環境にいる身からすると、単に相手の情報リテラシー低めなだけな気がする。 あとTeamsってメンションに続けて文字打つとメンション消えなかったっけ…？改行してさんつけるのも変な感じしてやりたくないよね x.com/m4quick/status…

こんにちは、DBRE (Database Reliability Engineer) の shinta です。 今回は、Aurora 3.04.2 に存在する DDL の予期しない挙動について紹介したいと思います。 発見のきっかけ きっかけは、Aurora 3.04.1 に存在した以下の事象の検証でした。（CyberAgent 様の記事で事象の存在を知り、検証するに至りました。ありがとうございます！） ca-srg.dev これがどんな事象かというと、「ALGORITHM=INPLACE で特定の online DDL を実行している間、そのテーブルに reader からアクセスできなくなる」というものでした。 writer で DDL を実行している間、reader からそのテーブルにクエリを投げると以下のエラーが出ます。 Table 'db_name.tbl_name' doesn't

ベンチ1基400万円、舗装用「テラゾー」は相場の10倍超？…渋谷区が整備を進める「ぜいたく緑道」は妥当なのか 1基当たり400万円のベンチ、1平方メートル当たり17万円の道路舗装。東京都渋谷区が再整備を進める玉川上水旧水路緑道（笹塚～代々木）の豪華さが議論を呼んでいる。区議会で「高い」と批判され、住民から困惑の声も上がる。それでも区は「住民の声を踏まえた」事業として進める意向だ。（中村真暁）

2024年6月以降、Google フォームの設定に起因する情報流出が生じたとして複数の組織より公表されました。ここでは関連する情報をまとめます。 回答情報を第三者に参照される恐れのあった共同編集設定 Google フォームの設定次第で外部から回答者の情報を閲覧することが可能な状態が発生し、実際に影響を受けたとして複数の組織が6月以降公表を行っている。 事案公表した組織が行っていた設定とは、Google フォームの「共同編集者の追加」において「リンクを知っている全員」が選択されている場合。 Googleのアカウントにログインした状態で当該設定が行われたGoogle フォームに回答を行った後、自身のGoogleアプリからGoogle フォームの画面を表示した際に、「最近使用したフォーム」の欄にそのGoogle フォームが表示されるようになっていた。そこよりGoogle フォームを通じて入力され

個人的に「Webサービスの公開前チェックリスト」を作っていたのですが、けっこう育ってきたので公開します。このリストは、過去に自分がミスしたときや、情報収集する中で「明日は我が身…」と思ったときなどに個人的にメモしてきたものをまとめた内容になります。 セキュリティ 認証に関わるCookieの属性 HttpOnly属性が設定されていること XSSの緩和策 SameSite属性がLaxもしくはStrictになっていること 主にCSRF対策のため。Laxの場合、GETリクエストで更新処理を行っているエンドポイントがないか合わせて確認 Secure属性が設定されていること HTTPS通信でのみCookieが送られるように Domain属性が適切に設定されていること サブドメインにもCookieが送られる設定の場合、他のサブドメインのサイトに脆弱性があるとそこからインシデントに繋がるリスクを理解してお

政治団体「NHKから国民を守る党（NHK党）」の立花孝志党首は、19日に自身のYouTubeチャンネルで公開した動画で、東京都知事選（20日告示、7月7日投開票）では蓮舫前参院議員＝立憲民主党を離党＝を支援する考えを表明した。蓮舫氏が18年前に参院総務委員会でNHK受信料問題を取り上げてくれたとして、「めちゃくちゃお世話になっている。人としての恩義がある」と説明した。

いまから7年前の2017年、とんでもないCMが世に放たれたことを皆さんはご存知だろうか。 DoCoMo25周年スペシャルムービーCM「いつかあたりまえになることを」。 このCMは4分にもおよぶ長さのためTVCMというより、もはやショートムービーなのだけど、とにかく破壊力が高いのでまずはしっかりと見てほしい。 なにこれ。 おそらく、この動画を見終わって、多くの人がこんな状態に陥ったんじゃないだろうか。 なんかしらんけど泣ける。 ただ、そこにあるのはあまりに複雑な感情なはずだ。 ありきたりで分かりやすいそれと違って、心の奥底がザワザワするような、敏感な場所を得体のしれないもので撫でられているような、まるでどこかで自分が経験したかのような、そんな感覚が生じているのだ。 もちろん、そうでない人もいるのだろうけど、それを言い出すと話が始まらないので、みんなそうなったと思い込んで話を進めていく。 感情

れいわ新選組の山本太郎代表が１６日、都内でゲリラ街頭演説会を行い、公職選挙法違反（選挙の自由妨害）の疑いで警視庁から家宅捜索を受けた黒川敦彦代表率いる政治団体「つばさの党」に言及した。 山本氏はつばさの手法に関して、「いろんな候補者のところに凸っていくというか、要は質問に答えろっていうことで、街宣やっている場所に入り込んできて、向こうもマイクでガーガーやって、やり取りになると。選挙妨害じゃないか、いや、ならない、向こうも立候補者だからというややこしい話」と状況を説明した。 そのうえで山本氏が凸された場合の対処について、「彼らは質問に答えたら帰るって言っているんでしょ。じゃあ、さっさと質問してもらいますよ。だって皆さんにも質問してくださいって言っているわけだから。彼らにも質問しに来た場合には権利がある。なので、来たから隠れるとか意味不明です。そんなことやっているから、いたちごっこになる。さっ

有名人による4月1日のエイプリルフールの“嘘”がネットで注目を集めるなか、人気VTuber事務所「ホロライブ」に所属するVTuber2人のXでの投稿が物議を醸している。 投稿を行ったのは、風真いろはとラプラス・ダークネス。風間は87万人、ラプラスは112万人のフォロワーを持つ超人気VTuberだ。 2人は4月1日未明に《ご報告》と題し、それぞれ《この度、同じくホロライブ6期生の風真いろは（ラプラス・ダークネス）と入籍いたしました。未熟な2人ですが今後ともよろしくお願いいたします》と綴った。あわせて、ウェディングドレス風の白いドレスを着た2人のイラストも添えられていた。 この2人は互いの配信に頻繁に登場しており、ファンからは“仲良し”としてお馴染みの存在。「いろはス」の愛称でも親しまれており、注目度が高い2人だ。 実は、ラプラスは3月26日に投稿した動画内で今回の投稿への“匂わせ”とも取れる

はじめに リンクの入れ子とは何かというと、以下のようなデザインです。 カード全体がリンクでクリッカブルになっていて、中のタグやカテゴリーもそれぞれがリンクになっています。ニュースやブログの投稿などでよく見るデザインだと思います。 しかし、以下のようにマークアップすることはできません。 <a href="https://example.com/posts/hello-world/"> <h2>Hello, World!</h2> <p>...</p> <a href="https://example.com/tag/hello/">#hello</a> <a href="https://example.com/tag/world/">#world</a> </a> HTML のルール的に <a> の入れ子はダメだからです。 Subgrid を使った方法 Subgrid がまだない時代からいろ

SaaS をアーキテクトをするにあたって、どのような事を考えればよいのか？をまとめました。

本記事は、最近のRubyで出現した"無用な"（さもなければ物議を醸す）構文要素を扱うシリーズ記事の一環です。本シリーズの目的は、そうした機能を擁護することでも批判することでもなく、その機能が導入された理由、設計、そして新構文を使うコードに与える影響を分析するための一種の「思考のフレームワーク」を皆さんと共有することです。本シリーズのあらまし記事もご覧ください。 今回取り上げるトピックは小さなものですが、ハッシュ1 やキーワード引数の値を省略可能にする機能は、複雑な心境を大いにかきたてました。 🔗 値省略とは何か Ruby 3.1から以下のコードが動くようになりました。 x = 5 # ハッシュを構築する h = {x:} # `h = {x: x}`と同じ #=> {x: 5} def distance_to(x:, y:) # ... end # `x: 5`を暗黙で渡す distan

巧 @takumissac 今回の深夜の馬鹿力でも言ってたし、トンカツ屋のバイト8年くらいやってた俺も30000ツイートに1回くらい言ってるんだけど。 トンカツ食う時は衣が舌に乗っかる状態ではなく、肉が舌に乗っかる状態で食った方が1.4倍くらい美味い。 コレはガチ中のガチ なんなら塩、醤油、ソースも肉面にかけて欲しい 2024-02-06 10:08:24