sidebar#close" class="z-overlay fixed inset-0 hidden bg-black/30 xl:hidden" > ページ公開日: 2025年11月29日 (土) 書いた人: shimbaco Annict (アニクト) という見たアニメが記録できるWebサービスを個人開発しています。 このサービスはRailsで開発されており、ソースコードを公開しています。 https://github.com/annict/annict 最近このRailsアプリをGo言語で書き直し始めています。 このページではその背景やどのようにやっているかなどについてご紹介します。 なぜRailsからGoに移行することにしたのか どのように移行を進めているか インフラ構成とプロジェクト構成 使用しているライブラリ 移行して良かったところ・不安なところ なぜGoに移行することにし

集英社、講談社、小学館、KADOKAWAが勝訴　クラウドフレア社の損害賠償責任を認める 2025年11月19日 18:39 449 35 コミックナタリー編集部 集英社、講談社、小学館、KADOKAWAが、アメリカのIT系企業クラウドフレア社に対して提起していた著作権侵害訴訟の判決が本日11月19日に行われ、東京地方裁判所はクラウドフレア社の損害賠償責任を認める判決を言い渡した。 クラウドフレア社は国際的に活動するコンテンツ配信ネットワーク（Contents delivery network、以下CDN）事業者の1社。CDN事業者には、世界各所に大容量のサーバーを設置し、契約先サイトのコンテンツをそれらのサーバーに一時的に複製することでユーザーからのアクセス先を分散、当該サイトの通信速度を確保するといった役割がある。CDN事業者は多くの場合、当該サイトが違法・不当なコンテンツ配信を行うこと

同サイトはHTTPかつデータ量が軽いため、HTTPS非対応のレトロPCやゲーム機などの接続確認によく使われていた。HTTPS化でセキュリティは高まるが、レトロ機の接続確認に使えなくなることを残念がる声が出ている。 HTTPS化は、サイトをホスティングしているニフティサービス「LaCoocan」（ラクーカン）が、10月1日からHTTPSに対応したことに伴うもの。httpとhttpsのどちらでもアクセス可能な併用期間（2026年6月末まで）の後、従来の「http://」へのアクセスは、自動的に「https://」のページにリダイレクトする予定だ。 関連記事 「阿部寛のホームページ」ついにHTTPS化へ　ニフティ「LaCoocan」HTTPS対応、「阿部寛でレトロPCの接続確認できなくなる」の声 「阿部寛のホームページ」をホスティングしている「LaCoocan」がHTTPS化。ということは……。

The UnifiedToolchain for the Web dev, build, test, lint, format, monorepo caching & more in a single dependency, built for scale, speed, and sanity Everything you love about Vite— plus everything you’ve been duct-taping together. Built for growing teams tired of configuring, patching, and replacing their JavaScript tooling stack.

個人ホームページが「衰退した」といわれる理由と、「Web日記」文化について【フォーカス】 2025年10月9日 立教大学社会学部メディア社会学科 教授 木村 忠正 1964年生まれ。文化人類学者。専門はネットワーク社会論、メディア・コミュニケーション研究。国際大学GLOCOM、早稲田大学理工学部、東京大学大学院総合文化研究科などを経て現職。1990年代半ばのネット黎明期より、オンライン空間における自己と他者の関係性、コミュニティの形成と変容、日本社会における情報技術の受容の特質などを研究。デジタルデバイド、デジタルネイティブ、ネット世論などの研究にも取り組む。『ハイブリッド・エスノグラフィー』『ネットワーク・リアリティ』”Keitai, Blog, and Kuuki‐wo‐yomu (Read the atmosphere): Communicative Ecology in Japan

こんにちは！ サイボウズ株式会社 フロントエンドエンジニアの mehm8128 (@mehm8128) です。 はじめに 今月から「Web 標準動向」が始まります。 サイボウズは 2025 年 4 月より、W3C のメンバーに加入しました。 標準化プロセスに関わることができるようになるための最初の一歩として、フロントエンドエンジニアの一部のメンバーは積極的に Web 標準のキャッチアップを行っています。 そこで、毎月メンバーが興味を持った Web 標準に関する話題や、実際に標準化プロセスに関わることができた場合にはその報告などを 1 つの記事としてまとめ、紹介していきます。 また、ここでは W3C に限らず、TC39 や WHATWG などの標準化団体のトピックについても扱います。 HTML headingoffset & headingreset https://html.spec.wh

HTTP/1 Must Die It's time to acknowledge HTTP/1.1 is insecure Upstream HTTP/1.1 is inherently insecure, and routinely exposes millions of websites to hostile takeover. Vendors have spent six years deploying mitigations, and researchers have consistently bypassed them. In PortSwigger's latest research, we introduce several novel classes of HTTP desync attack, and showcase critical vulnerabilities w

kiso.css - 日本のWebサイトのための「基礎」となるリセットCSS kiso.css は、日本のWebサイトのための「基礎」となるリセットCSSです。日本語に最適化しつつ、アクセシビリティやカスタマイズのし易さを重視しています。 tak-dcxi.github.io kiso.cssは、単なるスタイルのリセットを超えて「より良いデフォルト」を提供することを目指したリセットCSSです。その名が示すように、Webサイト構築の「基礎」として機能します。 有用なUAスタイルシートは活かしつつ、独自のスタイルも追加しているため、厳密には「リセットCSS」の定義から外れるかもしれません。しかし、類似のCSSが一般的に「リセットCSS」として紹介されている現状を踏まえ、検索性を考慮して本記事でもそのように呼称します。 kiso.cssはdestyle.cssやUA+を参考にしつつ、独自性も加え

Hey, dipshit! You know what loads faster than your bloated, overengineered mess? Plain, unadulterated HTML. And you know what doesn't break every motherfucking Tuesday? HTML that just fucking works. Why the fuck are you overcomplicating things, you masochistic fuck? You're out here acting like you're building the next goddamn moon landing when all you need is a button and some text. Newsflash, ass

アダルトWEB広告がまたジェンダー界隈で話題ですね。思うことをいくつか。（1/n） エロ広告の単価が高いは基本的に嘘、広告予算が大きいなら本当っちゃ本当。エロ広告はむしろ「誰でもいいからばらまきまくって網を広く張る」を目的に「他の広告主が高く買いたくないIMPは全部もらいます」のスタンス。 — ズイショ (@zuiji_zuisho) 2025年3月10日 不快なWEB広告を表示されたくないなら好きな広告を踏めばいいじゃない - ←ズイショ→ https://t.co/EdRnqgogby — ズイショ (@zuiji_zuisho) 2025年3月12日 本件、Xの方でもそれなり反響をもらってるんですが、Xでのリアクションとブコメ見比べるとはてな民はまー手厳しいご意見が多かったですね。たぶんこう言われると「そりゃそうだ我々はX民と比べてネットリテラシーが高いんだ！」ってみなさんは言いそう

はじめに 本当に悔しいし許せないし、エンジニアとして不甲斐ないです。2025年2月26日深夜にハッキングにあいました。どのように相手と繋がり、どのような手口でハッカーに資産を抜かれたか、コードベースで全てお伝えします。今後同じ被害に遭う方が少しでも減ることがあればこんな嬉しいことはないです。 コード解説、さらに対策案も書いていきます。もし他に良い対策案などあればコメントでご教示ください。 ハッカーとのやりとりの流れ ハッカーとは Linkedin でブロックチェーンを使ったプロジェクトを手伝ってくれないかという連絡がりそこからやりとりが始まりました。そして移行の大まかな流れは下記のような感じです。 Linkedinでプロジェクトを手伝ってほしいと言う内容でDMがくる Githubリポを見て実装できそうか確認してほしいと言われる 自分のGithubアカウントを共有してプライベートリポジトリに

はじめにこんにちは！株式会社Rabeeのデザイナーのakaneです。 今回は、最近よく耳にする「shadcn/ui」について調べてみました。どうやらUIコンポーネントっぽいことは分かるけど、一体何を指すんだろう？いわゆる「UIライブラリ」との違いって何？といった疑問をデザイナー目線でお話しします。 どうぞ最後までお楽しみください🐰 「shadcn/ui」って最近よく聞きますよね「shadcn/ui」という単語、最近よく耳にしませんか？たとえば、最近話題になった10Xさんの記事。 なんだかよく分からないけど、UIコンポーネントの話をしているらしい。shadcn/uiはコンポーネントの集まりらしい。それを使うと、スピーディーなプロダクト開発ができるらしい…。 なんとなくは分かる気がするけれど、shadcn/uiって一体何なのでしょうか？UIコンポーネント集に見えるけど、既存のいわゆる「UIラ

Leaning Technologiesは、Webブラウザ上でx86バイナリをそのまま実行できるWebAsesmbly製の仮想マシン「WebVM」をバージョンアップした「WebVM 2.0」を公開しました。 従来のWebVM 1.0では、Webブラウザ上の仮想マシンでx86版のLinuxを起動し、コマンドラインからさまざまな操作が可能でした。 参考：WebAssembly製のx86仮想マシン「WebVM」が登場、Webブラウザ上でLinuxや各種コマンド、アプリがそのまま実行可能 今回公開されたWebVM 2.0では、GUIを備えたLinuxデスクトップ環境までWebブラウザ上でサポートされたことが最大の特徴です。 下図で示されるように、仮想マシン上でさまざまなプロセスを実行し、さらにLinuxシステムコール経由でGUIのディスプレイ、ローカルディスク、ネットワーキングをサポートしています

robots.txtでは正規表現は使えない――改めて技術を正しく理解したいと心から思うミスがX（Twitter）のサイトに見付かった。今回のピックアップでは、この件に加えて、複数サイトを管理している人向けの便利なrobots.txt管理術をお届けする。 もちろん、ほかにもSEO情報をしっかりまとめている。ローカルSEOのテクニックと基本情報、デスクトップ用Googlebot終了、著者情報とSEO、生成AIなどなど、今回もあなたのSEO力アップに役立つ情報をお届けする。 X（Twitter）のrobots.txtがおかしい（このミスはちょっと恥ずかしいかも）複数サイト管理者に朗報： robots.txtはリダイレクトでまとめて管理できるローカルSEOで上位表示するためのTIPS×8ローカルSEOスターターガイド（基本版）2024年6月のグーグル検索オフィスアワー： コピーコンテンツが正規UR

こんにちは！株式会社Rabeeの新人デザイナーのakaneです🏋 今回は、Webデザインで「紙っぽさ」を出す方法を考えてみました。参考事例も掲載しながら紹介していくので、どうぞ最後までお楽しみください！ はじめに：「紙っぽさ」とは？私が言う「紙っぽさ」とは、おもに「雑誌っぽさ」のことです。Webデザインだけど、雑誌っぽい。ディスプレイに映っているけれど、エディトリアル感がある。 たとえば、以下のようなデザインは私にとって「紙っぽい」例です。 出典：六本木未来会議出典：DMN出典：ぼくのおじさんどうして、私はこれらを雑誌のようだと感じるのでしょう？自分なりに考えたポイントを、ひとつずつ紹介していきます。 その①：文字が「組まれて」いる最初に挙げたWebサイトのひとつをよく見てみると、画像左上にある「NO. 153」の文字のうち、「NO.」だけが縦向きになっています。「NO.」と「153」を

inline-block を使う理由、それは 入れ子構造を作れることにより、改行位置の優先順位をつけられるから！ 詳しくは以降で説明します。 （前提）そもそも改行調整ってなんの話？ このタイトルを見て記事を開いた方であれば知っていると思いますが、一応説明です。 スペースで単語が区切られる欧文とは違い、日本語は単語の区切りがないので、改行すべき位置を機械的に判断できず、不自然な位置で改行されてしまうことがあります。そこで、見た目を整えるため、改行すべき位置を指定するための手法が必要になります。 他に詳しい記事がいくつもありますので、詳細はそちらを参照してください。 代表的な改行調整の手法 <wbr> 要素 <wbr>要素は、改行してよい位置を表す要素です。 親要素に対して word-break: keep-all; を指定して基本的には改行されないようにすることで、<wbr>要素がある位置で