とほほのMarkdown入門 - とほほのWWW入門
Markdownとは 関連仕様書 変換ツール・ライブラリ Markdown記法(Common Mark・GFM) 見出し シーテキスト見出し パラグラフ(段落) 改行 水平線 コメント 強調(イタリック・太字) 打消し線 エスケープ リンク 画像 引用 番号無しリスト 番号付きリスト タスクリスト コードスパン インデントコードブロック フェンスコードブロック テーブル HTML Markdown記法(GitHub・Qiita拡張) フットノート(脚注) 色表示 情報・警告・アラート 絵文字 数式 PlantUML Mermaid Markdownとは 軽量マークアップ言語とも呼ばれ、HTML よりも簡単な記法で構造化文書を作成することができます。 通常は HTML に変換して表示しますが、返還前でもそれなりに簡易構造化文書として読めるのが特徴です。 2004年にジョン・グルーバーによって
個人開発のWebサービスをRuby on RailsからGo言語へ移行している | shimbaco
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が勝訴 クラウドフレア社の損害賠償責任を認める - コミックナタリー
集英社、講談社、小学館、KADOKAWAが勝訴 クラウドフレア社の損害賠償責任を認める 2025年11月19日 18:39 449 35 コミックナタリー編集部 集英社、講談社、小学館、KADOKAWAが、アメリカのIT系企業クラウドフレア社に対して提起していた著作権侵害訴訟の判決が本日11月19日に行われ、東京地方裁判所はクラウドフレア社の損害賠償責任を認める判決を言い渡した。 クラウドフレア社は国際的に活動するコンテンツ配信ネットワーク（Contents delivery network、以下CDN）事業者の1社。CDN事業者には、世界各所に大容量のサーバーを設置し、契約先サイトのコンテンツをそれらのサーバーに一時的に複製することでユーザーからのアクセス先を分散、当該サイトの通信速度を確保するといった役割がある。CDN事業者は多くの場合、当該サイトが違法・不当なコンテンツ配信を行うこと
「阿部寛のホームページ」ついにHTTPS化 今はHTTPでも利用できるが……
同サイトはHTTPかつデータ量が軽いため、HTTPS非対応のレトロPCやゲーム機などの接続確認によく使われていた。HTTPS化でセキュリティは高まるが、レトロ機の接続確認に使えなくなることを残念がる声が出ている。 HTTPS化は、サイトをホスティングしているニフティサービス「LaCoocan」（ラクーカン）が、10月1日からHTTPSに対応したことに伴うもの。httpとhttpsのどちらでもアクセス可能な併用期間（2026年6月末まで）の後、従来の「http://」へのアクセスは、自動的に「https://」のページにリダイレクトする予定だ。 関連記事 「阿部寛のホームページ」ついにHTTPS化へ ニフティ「LaCoocan」HTTPS対応、「阿部寛でレトロPCの接続確認できなくなる」の声 「阿部寛のホームページ」をホスティングしている「LaCoocan」がHTTPS化。ということは……。
Vite+
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日記」文化について【フォーカス】 レバテックラボ（レバテックLAB）
個人ホームページが「衰退した」といわれる理由と、「Web日記」文化について【フォーカス】 2025年10月9日 立教大学社会学部メディア社会学科 教授 木村 忠正 1964年生まれ。文化人類学者。専門はネットワーク社会論、メディア・コミュニケーション研究。国際大学GLOCOM、早稲田大学理工学部、東京大学大学院総合文化研究科などを経て現職。1990年代半ばのネット黎明期より、オンライン空間における自己と他者の関係性、コミュニティの形成と変容、日本社会における情報技術の受容の特質などを研究。デジタルデバイド、デジタルネイティブ、ネット世論などの研究にも取り組む。『ハイブリッド・エスノグラフィー』『ネットワーク・リアリティ』”Keitai, Blog, and Kuuki‐wo‐yomu (Read the atmosphere): Communicative Ecology in Japan
Web 標準動向 2025年9月版
こんにちは！ サイボウズ株式会社 フロントエンドエンジニアの mehm8128 (@mehm8128) です。 はじめに 今月から「Web 標準動向」が始まります。 サイボウズは 2025 年 4 月より、W3C のメンバーに加入しました。 標準化プロセスに関わることができるようになるための最初の一歩として、フロントエンドエンジニアの一部のメンバーは積極的に Web 標準のキャッチアップを行っています。 そこで、毎月メンバーが興味を持った Web 標準に関する話題や、実際に標準化プロセスに関わることができた場合にはその報告などを 1 つの記事としてまとめ、紹介していきます。 また、ここでは W3C に限らず、TC39 や WHATWG などの標準化団体のトピックについても扱います。 HTML headingoffset & headingreset https://html.spec.wh
Webフロントエンド設計ガイドライン
免責事項 有志で作成したドキュメントである。フューチャーには多様なプロジェクトが存在し、それぞれの状況に合わせて工夫された開発プロセスや高度な開発支援環境が存在する。本ガイドラインはフューチャーの全ての部署／プロジェクトで適用されているわけではなく、有志が観点を持ち寄って新たに整理したものである相容れない部分があればその領域を書き換えて利用することを想定している。プロジェクト固有の背景や要件への配慮は、ガイドライン利用者が最終的に判断すること。本ガイドラインに必ず従うことは求めておらず、設計案の提示と、それらの評価観点を利用者に提供することを主目的としている掲載内容および利用に際して発生した問題、それに伴う損害については、フューチャー株式会社は一切の責務を負わないものとする。掲載している情報は予告なく変更する場合がある はじめに 昨今のWebフロントエンド領域は、単なるHTML、CSS、
HTTP/1.1 Must Die
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
日本語Webサイトを意識したモダンリセットCSS「kiso.css」をリリースしました – TAKLOG
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+を参考にしつつ、独自性も加え
Just fucking use HTML
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広告嫌いすぎで笑った - ←ズイショ→
アダルトWEB広告がまたジェンダー界隈で話題ですね。思うことをいくつか。（1/n） エロ広告の単価が高いは基本的に嘘、広告予算が大きいなら本当っちゃ本当。エロ広告はむしろ「誰でもいいからばらまきまくって網を広く張る」を目的に「他の広告主が高く買いたくないIMPは全部もらいます」のスタンス。 — ズイショ (@zuiji_zuisho) 2025年3月10日 不快なWEB広告を表示されたくないなら好きな広告を踏めばいいじゃない - ←ズイショ→ https://t.co/EdRnqgogby — ズイショ (@zuiji_zuisho) 2025年3月12日 本件、Xの方でもそれなり反響をもらってるんですが、Xでのリアクションとブコメ見比べるとはてな民はまー手厳しいご意見が多かったですね。たぶんこう言われると「そりゃそうだ我々はX民と比べてネットリテラシーが高いんだ！」ってみなさんは言いそう
Web3開発者をねらったハッキング手口の全て（わたしは全て抜かれました...）
はじめに 本当に悔しいし許せないし、エンジニアとして不甲斐ないです。2025年2月26日深夜にハッキングにあいました。どのように相手と繋がり、どのような手口でハッカーに資産を抜かれたか、コードベースで全てお伝えします。今後同じ被害に遭う方が少しでも減ることがあればこんな嬉しいことはないです。 コード解説、さらに対策案も書いていきます。もし他に良い対策案などあればコメントでご教示ください。 ハッカーとのやりとりの流れ ハッカーとは Linkedin でブロックチェーンを使ったプロジェクトを手伝ってくれないかという連絡がりそこからやりとりが始まりました。そして移行の大まかな流れは下記のような感じです。 Linkedinでプロジェクトを手伝ってほしいと言う内容でDMがくる Githubリポを見て実装できそうか確認してほしいと言われる 自分のGithubアカウントを共有してプライベートリポジトリに
なぜあなたのウェブサイトは遅いのか
自己紹介 https://x.com/mizchi Node.js とフロントエンドの専門家 経歴 ゲームクライアント開発 Electron アプリ開発 サードパーティスクリプト フリーランス(2回目) 現在: 1ヶ月でパフォチュする傭兵 Core Web Vitals CI/CD 今日のスコープ 話すこと 主にフロントエンド/アプリケーション視点での計測 とくにエンドユーザーから見たウェブパフォーマンス体験 話さないこと 各クラウドやDBに特化したチューニング 結果として観測できるが、最初からターゲットにはしない パフォーマンス傭兵を始めた経緯 前職でサードパーティがサイト全体に与える影響(CWV)について調査 とにかくいろんなサイトを外部から計測 真の問題を特定しても「弊社とは無関係」で打ち返す以外なく、歯痒い コスパよく直せる部分をみんな放置している！！！ 非機能要件の優先度が上がら
「shadcn/ui」って何が凄いの？実装知らないWebデザイナーが調べてみた｜akane
はじめにこんにちは！株式会社Rabeeのデザイナーのakaneです。 今回は、最近よく耳にする「shadcn/ui」について調べてみました。どうやらUIコンポーネントっぽいことは分かるけど、一体何を指すんだろう？いわゆる「UIライブラリ」との違いって何？といった疑問をデザイナー目線でお話しします。 どうぞ最後までお楽しみください🐰 「shadcn/ui」って最近よく聞きますよね「shadcn/ui」という単語、最近よく耳にしませんか？たとえば、最近話題になった10Xさんの記事。 なんだかよく分からないけど、UIコンポーネントの話をしているらしい。shadcn/uiはコンポーネントの集まりらしい。それを使うと、スピーディーなプロダクト開発ができるらしい…。 なんとなくは分かる気がするけれど、shadcn/uiって一体何なのでしょうか？UIコンポーネント集に見えるけど、既存のいわゆる「UIラ
WebAssembly製のx86仮想マシン、Webブラウザ上でLinux GUIデスクトップ環境を実行可能に。「WebVM 2.0」が登場
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のディスプレイ、ローカルディスク、ネットワーキングをサポートしています
X（Twitter）のrobots.txtがおかしい（このミスはちょっと恥ずかしいかも）【SEO情報まとめ】 | 海外&国内SEO情報ウォッチ
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
Webデザインで「紙っぽさ」を出す方法を考えてみる｜akane
こんにちは！株式会社Rabeeの新人デザイナーのakaneです🏋 今回は、Webデザインで「紙っぽさ」を出す方法を考えてみました。参考事例も掲載しながら紹介していくので、どうぞ最後までお楽しみください！ はじめに：「紙っぽさ」とは？私が言う「紙っぽさ」とは、おもに「雑誌っぽさ」のことです。Webデザインだけど、雑誌っぽい。ディスプレイに映っているけれど、エディトリアル感がある。 たとえば、以下のようなデザインは私にとって「紙っぽい」例です。 出典：六本木未来会議出典：DMN出典：ぼくのおじさんどうして、私はこれらを雑誌のようだと感じるのでしょう？自分なりに考えたポイントを、ひとつずつ紹介していきます。 その①：文字が「組まれて」いる最初に挙げたWebサイトのひとつをよく見てみると、画像左上にある「NO. 153」の文字のうち、「NO.」だけが縦向きになっています。「NO.」と「153」を
それでも私が<wbr>でなくinline-blockで改行調整をする、たった1つの理由
inline-block を使う理由、それは 入れ子構造を作れることにより、改行位置の優先順位をつけられるから！ 詳しくは以降で説明します。 （前提）そもそも改行調整ってなんの話？ このタイトルを見て記事を開いた方であれば知っていると思いますが、一応説明です。 スペースで単語が区切られる欧文とは違い、日本語は単語の区切りがないので、改行すべき位置を機械的に判断できず、不自然な位置で改行されてしまうことがあります。そこで、見た目を整えるため、改行すべき位置を指定するための手法が必要になります。 他に詳しい記事がいくつもありますので、詳細はそちらを参照してください。 代表的な改行調整の手法 <wbr> 要素 <wbr>要素は、改行してよい位置を表す要素です。 親要素に対して word-break: keep-all; を指定して基本的には改行されないようにすることで、<wbr>要素がある位置で
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
こんなの絶対騙される……古いURL形式を使った巧妙な詐欺リンクの偽装方法が話題に／なるほど、頭いいなぁ【やじうまの杜】
