CSSを最適化してページの読み込み時間を高速化する方法
CSSを最適化して、ページの読み込み時間を高速化する方法を紹介します。 シンプルなCSSのファイルをはじめ、大規模プロジェクトで使用されるCSSまで、すべてのCSSに効果があるテクニックです。 Optimizing CSS for faster page loads by Tomas Pustelnik 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 読み込みに時間がかかるのはなぜか？ スタイルシートのファイルサイズを制限する クリティカルCSSを使用する 遅延読み込みのスタイルシート スタイルシートにコード分割を使用する まとめ はじめに 先日、私は自分のWebサイトの読み込み時間を改善することにしました。すでにかなり高速にロードされていましたが、まだ改善の余地があり、CSSの読み込みがその原因の1つであることが分か
ロシアによるウクライナ侵攻が開始された2月24日（現地時間）の午後、ウクライナの多数の組織のシステムがデータ消去マルウェアによるサイバー攻撃に見舞われたと、スロバキアのセキュリティ企業ESET Researchが報じた。数百台のコンピュータが影響を受けているという。 この攻撃の数時間前には、DDoS攻撃で同国の銀行や政府期間のWebサイトが停止した。 ESETが「HermeticWiper」と名付けたデータ消去マルウェア（データワイパー）は24日午後5時ごろ検出されたが、ワイパーのタイムスタンプによるとコンパイルされたのは2021年12月28日になっており、この攻撃が昨年末には計画された可能性を示しているとESETは解説した。 HermeticWiperは、中国EASEUSのディスク管理ソフトの正規ドライバーとキプロスHermetica Digitalが発行するコード署名証明書を悪用する（
コミックマーケット99の開催延期について
新しい情報はこちら →「コミックマーケット99延期に伴うサークル申込について（2021年4月12日現在）」 コミックマーケット99の開催延期について 2021年5月2日〜4日に開催を予定しておりましたコミックマーケット99（於：東京ビッグサイト）については、開催延期とさせていただくことをお伝えします。 2020年11月17日に発表した『コミックマーケット99（及び今後の開催）のご案内』で説明しました通り、コミックマーケット99は、東京ビッグサイトの『展示会等における新型コロナウイルス感染防止のための対応指針』や当時のイベント開催状況を見据えつつ、「これまでの様に1日に20万人を集めるような形での開催はコミックマーケット99ではできず、様々な制約条件の下、１日数万人程度の来場者の規模とならざるを得ない」ことを前提に計画を立案し、開催実現に向けて、様々な検討・調整・準備を行ってきました。 20
エンジニア同士の情報共有を目的としたコミュニティ「ふわふわエンジニアタイム」が主催する「Markup Meetup」。3回目の今回は、フロントエンドエンジニア、マークアップエンジニア、コーダー、デザイナーの垣根なく、HTML / CSS / JavaScript に関わるナレッジを共有する場として開催されました。ここで登壇したのは、株式会社ゆめみの佐々木祥晶氏。導入事例を交えながら「Three.js」の魅力、メリット・デメリットを語りました。 株式会社ゆめみ所属・新人フロントエンドエンジニア 佐々木祥晶氏：それでは発表いたします。題目は、「Three.js の魅力を語る」です。 目次ですね。最初に軽く自己紹介をして、本編で「『Three.js』とは何ぞや？」とか、そういったことをいろいろ話していき、最後に軽くまとめをしていければなと思っています。 では、軽く自己紹介を。初めまして、佐々木祥
小学校のものはだいたいなんでも懐かしいが、なかでも懐かしいのが国語の教科書だ。 『スイミー』『おおきなかぶ』『くじらぐも』...ちょっと思い出すだけでもとにかくすべてが懐かしい。しかし、日本全国に配られている教科書でも、世代が違うと載っている作品はけっこう違う。 国語の教科書のうち、みんなが知っている作品はどれなのか。歴代の国語の教科書を調べ、「もっとも知られている国語の話」を探し当てたい。 日本の6割以上の小学生に読まれている光村図書 本題に入る前に、まずは私の”推し”の教科書について話したい。 この表紙にビビッときたら、あなたは「光村に育てられたアラサー」だ。（教科書クロニクル 小学校編（光村図書）よりキャプチャ） 光村図書出版。小学校の国語の教科書の最大手だ。 これ以外にも教科書はあるが、光村のシェアはなんと約67%。 「教科書の出版社なんか覚えてないよ」という人も、だいたいは光村で
2021年3月以降、政府や各自治体による新型コロナウイルス感染症のワクチン接種予約や管理を行うシステムが稼働を始め、住民への予約受付が開始されています。しかし、アクセス過多による接続障害など複数の自治体でトラブルが発生しています。ここではこれまでに発表や報道されたトラブルについて関連する情報をまとめます。 １．複数の自治体で起きた予約システムのトラブル 事例① アクセス過多による接続障害 予約開始直後など、急増するアクセスに耐え切れずにシステムに接続できない、しにくくなるなどの事象が発生した（あるいは関連性のある）事例は以下の通り。 自治体 発生/報道日 概要 沖縄県糸満市 4月15日 市が利用する予約受付システムが全国複数の自治体で利用されており、同日複数から大量アクセスを受けたことで受付不可となった。 兵庫県神戸市 4月21日 20日に不適切な設定によるものとみられる内部起因の障害によ
画像やiframeの遅延読み込みに使用するloading属性と非サポートブラウザ用にJavaScriptを併用した現代的なアプローチで、最大限のパフォーマンスを発揮させる実装方法を紹介します。 Best way to lazy load images for maximum performance by Adrian Bece 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 遅延読み込みのloading属性とは 遅延読み込みの現代的なアプローチ パフォーマンスとLighthouseスコアの向上 最大のパフォーマンスを得るための画像最適化テクニック はじめに 画像の遅延読み込みは比較的簡単に実装でき、パフォーマンスを大幅に向上させることができるため、Webサイトを最適化するために使用される選択肢の1つです。遅延読み込みで
GPTで作ったAIに24時間お問合せ対応をしてもらう方法とは？ 導入手順とそのリアルな成果と課題を徹底レポート！｜maKunugi
GPTで作ったAIに24時間お問合せ対応をしてもらう方法とは？ 導入手順とそのリアルな成果と課題を徹底レポート！ GPTを利用したプロダクトが次々と登場し、AIの社会実装が加速していますね！「AIによるお問合せへの対応」も、GPTの利用が大きく期待される領域です。本記事は、GPT製のお問合せ対応チャットボットを導入する手順を紹介します。そして手順に加え、導入によって見えた成果と現状のリアルな課題を併せてご紹介します。 この検証によって作成されたお問い合わせ対応AIは、下記のページに設置済みです。本記事の内容でこんなAIチャットボットを作れます。 https://miibo.jp/ お問合せAIとの会話の様子※ 本記事は会話AI構築プラットフォームmiiboを運営する株式会社miiboにて執筆しています。 お問合せAI導入の恩恵は大きい！GPTを利用した賢いAIが顧客や社員の質問に24時間回
辻正浩氏が語る、SEOに携わる者の責務と未来
「日本国内におけるSEOの第一人者は？」 と聞かれ、真っ先に頭に思い浮かぶのはきっと辻正浩さん（@tsuj）ではないでしょうか。ウォッチしている検索キーワードの数はなんと30万超。日本の月間検索数はほぼ100億前後と推測され、そのうち、5億回は辻さんのお客様のサイトがヒットするそうです。 日本の検索の約5％に関与しているSEOの専門家・辻さんに、SEOに携わる人々のこれからについて、お話を伺いました。 日本では2022年末よりAIチャットボット「ChatGPT」に注目が集まり、SEO領域においてもますます “AIの活用” が議論されるようになりました。「ChatGPTはGoogleの脅威になる」といった意見も見受けられますが、辻さんはどのように捉えていらっしゃいますか？ 「ChatGPTがGoogle検索に置き換わるかどうか」でいうと、そうはならないだろうと思っています。Googleより部
はじめに コロナウィルス(COVID-19)でリモートワークの頻度が増加している人も多いと思う。そうなると、必然的にリモート会議の数も増える。ここで課題として上がってくるのが、リモート会議に対する姿勢、また練度だ。 リモートワークを多用して、リモート会議に慣れているチームもあれば、もともとオフサイト出社がメインでリモート会議に慣れていないチームもある。前者の慣れているチームであれば、スムースに適応できると思うが、後者の不慣れなメンバが多い部署・チームは、もっと効果的なやり方に気づいていない可能性もあると思う。(この場合、前者のメンバはストレスを溜めることにもつながる…。たとえば、一方的に音質の悪いリモート会議を想像して欲しい) そこで、この記事では自身の5-6年のリモート会議経験や、見聞きした情報から良いと思っているプラクティスを紹介していく。それによって、少しでもより効果的なリモート会議
「Cloudflare Pages」が正式版に。JAMスタックによる高速なWebサイトを構築、CDNに展開へ
Cloudflareは、JAMスタックを用いてWebサイトを構築する新サービス「Cloudflare Pages」が正式版として提供開始されたことを発表しました。 JAMスタックによるWebサイトの構築とは JAMスタックとは、JavaScript、API、Markup Language（HTML）を主な構成要素としてWebサイトを構築する手法を指します。 WordPressに代表される多くのCMSでは、ユーザーからのリクエストに反応して動的にHTMLが生成されることで、動的なWebサイトを実現しています。この場合、HTMLの生成に一定の時間がかかるため高速なWebサイトの構築が容易ではないこと、サーバへの負荷によりスケーラブルなWebサイトの構築も容易でないことなどが課題です。 JAMスタックでは、HTMLの生成はWebサイトの生成時に行うことで、基本的には静的なWebサイトと同様の高速
最近Webサイトやスマホアプリを利用していてふと気づいたことがある。 「あれ、さっき見てたのどれだっけ？」と思うくらい無意識のうちにどれだったかがわからない状態。そう、アイコンがどれも似ている。その感覚自体は以前にもあったのだが、今回は趣が少し違う。 以前は「アイコン全てカラフル問題」だったのが、今回は「アイコンどんどん黒くなっていく問題 = ブラック化現象」が発生している。 そう、最近は白と黒のアイコンがあまりにも多くないか？そんな気がして少し考察してみることにした。 【トレンド分析】最近のアイコンのデザインが似通ってきている問題 X → Twitterへのドラスティックなリブランドの衝撃まずその傾向の代表が、爽やかな水色からシックなモノトーンになった Twitter、いや、Xだろう。
ブレイクタイム 私（ちょまど）が気をつけている、SNS運用5つの秘訣 ネガティブなことは発信しない # ちょまど 2020年9月29日 ≫ 【2週間無料！】初心者でもホームページが作れる！高速・安定・快適なレンタルサーバー みなさまこんにちは！ 千代田まどか（ちょまど）です。 外資系 IT 企業のインターナショナルチームの中で、IT エンジニアとして、コードを書いたり、機械学習の勉強をしたり、大型カンファレンスや大学などで講演させていただいたりして毎日楽しく働いています。また、ツイッターでフォロワーさんが8万人ほどいるので、たまに「インフルエンサー」カテゴリでメディアに出たりもしています。 前回の記事「どうしてそんなにTwitterのフォロワー多いの？」と聞かれて、Twitterについて考えてみた では、Twitter が大好きだということと、フォロワーさんの目線でツイートをすることが大切
新型コロナ禍でのデマの拡散や炎上は、マスメディアの関与が大きい――。ネット上のデマを研究する東京大学大学院工学系研究科の鳥海不二夫准教授はこう語る。 鳥海准教授は計算社会科学や人工知能（AI）技術の社会応用を専門とする。同氏は日経クロステックが2020年6月3日に開催したウェビナーシリーズ「コロナとAI」で「コロナ禍のソーシャルメディア～データから見る社会」と題して講演し、SNS（交流サイト）から新型コロナウイルス感染症をめぐるデマや感情を割り出したデータ分析結果を紹介した。 SNSは人々の行動や感情が記録される点で「社会を表す鏡」の1つである一方、情報量が多すぎて人間が全てを理解するのは不可能だ。そこで鳥海准教授は、SNSの1つであるTwitterのツイートを分析することで社会を網羅的、客観的にとらえなおす研究に取り組んでいる。 「トイレットペーパーが不足するというデマ」がデマだった 2
母校の大阪市立大学（大阪公立大学）の大学生からTwitterで「ガイジ」「池沼」などの誹謗中傷を受けたので慰謝料請求事件として民事訴訟で裁判を起こして勝訴した話｜あると
母校の大阪市立大学（大阪公立大学）の大学生からTwitterで「ガイジ」「池沼」などの誹謗中傷を受けたので慰謝料請求事件として民事訴訟で裁判を起こして勝訴した話 一度は削除しましたが、このようなことが二度と起きてほしくない、起きてはならないという思いから、また、証拠の保全を目的として、この記事を再び公開することにしました。 この記事は有料に設定していますが、無料で全文が読めます。なお、字数は全体で40,000を超過しています。 事の発端 「ホームレスを支援するのは”無駄”なのか？」 2022年8月17日(水)の、日付が変わる直前。社会的弱者の排除を支持するツイートを目にした私は、ふと疑問に思い、何気なくツイートをした。そして、この投稿から全てが始まった。 当時、相互フォローをしていた、私が卒業した大阪市立大学（大阪公立大学）に在籍する法学部生のlaw害（ろうがい）氏（@aaaa_sogg）
10万円超え案件だらけ「ChatGPT」「DALL·E 2」などのAIを使ってだれでも稼げる「Fiverr」がバブル状態！ | AppBank
人間が入力したキーワードを元に画像を生成したり、文章に対して受け答えをしたりするテクノロジー「ジェネレーティブAI（生成系AI）」が大きな話題となっています。 ジェネレーティブAIとは、「コンテンツやモノについてデータから学習し、それを使用して創造的かつ現実的な、まったく新しいアウトプットを生み出す機械学習手法」と言われています。（出典：「ジェネレーティブAI」とは？｜産総研マガジン） これまでAIといえば「不完全な受け答えをするボイス・アシスタント」程度のモノか、シリコンバレーのトップ企業や大学の研究室の中だけあるモノというイメージでした。しかし、2022年後半から「ChatGPT」や「DALL-E」が無料で広く使われるようになり「人間の作業と同じかそれ以上のレベル」の絵や文章、コードなどを誰もが簡単に入手できるようになりました。 AIが新たな職業を創り出している 「ジェネレーティブAI
不正アクセスによるpictBLand、pictSQUAREの情報流出の可能性についてまとめてみた - piyolog
2023年8月15日、GMWは同社が運営するサービスが不正アクセスを受けたことで、「pictBLand」及び「pictSQUARE」のデータベース情報が外部へ流出した可能性があると公表しました。また当該サービスのWebサイトを閲覧した際に別のサイトへ接続する状態になっていたことも明らかにしています。ここでは関連する情報をまとめます。 累計130万人登録のSNSに不正アクセス GMWが運営するサービスが不正アクセスを受け、pictBLandのサイトが一時改ざんされた他、データベース情報が外部に流出した可能性がある。サービスの累計登録者数は約130万人で、今回の不正アクセスによる影響を受けたアカウントの件数は約80万件。*1 不正アクセスとの関連があったとみられる事象が複数確認されており、それらは以下の通り。今後デジタルフォレンジックを行う企業へ調査を依頼することで影響範囲の特定を行うとしてお
データ分析基盤まとめ（随時更新）
はじめに データ分析基盤の資料を力尽きるまで追記していきます。 構成図にあるアイコンや記事の内容から技術要素を調べて記載していますが、不明分は未記載にしています。修正のコメント頂ければ助かります。 あと、この記事追加してっていう要望も歓迎いたします。 テンプレート 記事公開日 : 会社名（サービス名） データソース : データ処理 : アウトプット : 画像 URL 2025年 2024/03/14 : 株式会社エス・エム・エス（カイポケ） データソース : Amazon Aurora データ処理 : Datastream、BigQuery、dbt アウトプット : Looker Studio 2024/03/12 : 株式会社マイナビ データソース : SQL Server、Amazon S3 データ処理 : Embulk、Amazon MWAA、Apache Airflow、Snowf
はじめに 知っている人も少なくないが、FlutterはAndroid/iOS開発で最も注目を集めているフレームワークの１つである。モバイル開発に携わらないプログラマーでもFlutterが人気であることを見聞きしたことはあるのではないだろうか。 そこで、今回の記事ではFlutter開発をマスターするためのスキルや確認するべき情報源をまとめる。今回の記事を参考に、Flutterに興味を持ってくれる人が少しでも増えたら幸いである。 Flutter開発をマスターするのに必要なスキル Visual Studio Code FlutterはVisual Studio Codeで開発を進めるのが通例となっている。Flutterを学ぶ前に、必ずVisual Studio Codeをインストールし、基本的な使い方を十分にマスターしておこう。 Visual Studio Codeの基本的な使い方が十分にわから
便利な無料ツールが登場！ Webサイトで使用しているCSSや自分が書いたCSSを詳細に解析してくれる -CSS Analyzer
1クリックで、Webサイトで使用しているCSSや自分が書いたCSSを詳細に解析してくれる無料ツールを紹介します。 CSSの検証としておかしなスタイル定義・同じスタイル定義・一貫性のないスタイル定義などを見つけたり、スタイルガイドの作成にも役立ちます。 CSS Analyzer CSS Analyzer -GitHub CSS AnalyzerはWallace CLI, constyble, color-sorterなどの便利ツールをリリースしているProject WallaceのCSS解析ツールです。MITライセンスで、商用プロジェクトでも無料で利用できます。 Webサイトで使用しているCSSファイルや自分が書いたCSSのコードを詳細に解析してくれます。オンラインツールとして簡単に利用でき、GitHubでソースが公開されているので、ローカル環境でも利用できます。 さっそくオンライン版で試し
この記事では、2021年に公開された便利なWebオンラインツール・ベスト100個+をまとめてご紹介します。 定期的にリストアップしている最新オンラインツールまとめ記事では、2021年にかけて合計338個の新しいツールやサービスを紹介してきました。 その中でも、特にWebデザイン制作に便利なツールを選りすぐったコレクションで、「無料で利用できるツール」を揃えています。 これらのツールやサービスを活用すれば、Webデザイン制作をより快適に進めることができるでしょう。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. CSSツール（11個） 2. パターンツール（3個） 3. イラスト系ツール（9個） 4. デザインツール（17個） 5. 配色ツール（7個） 6. グラデーションツール（12個） 7. SVGツール（9個） 8. スクリーンシ
DeepLを超えるやさしい翻訳アプリとGPTsを作りました
DeepLを超えるやさしい翻訳アプリとGPTsを作りました 苦手な分野の英文を理解するのを助けてくれます。 なぜ翻訳アプリを作ったのか 私は最近ChatGPTのような大規模言語モデルに興味があり、AI開発者の方や、大規模言語モデル関連の情報を発信している方をフォローしていました。 すると最新の論文（英語）や英語のツイートが次々に流れてくるのですが、それらをGoogle翻訳したり、DeepLで翻訳しても、意味不明な場合が多いということに気づきました。 特に海外の方の1行だけのツイートなどは、DeepLで翻訳しても全く意味がわからない場合が多くて困っていました。 AI関連の論文は専門用語が多く、いちいち調べながら読んでいると、1日の大半の時間が情報収集だけで終わってしまいます。 これは要するに「自分の専門分野でない分野の英文を理解するのは大変」ということなので、例えば「Web制作初心者の方が海
Sizzyというツールがあります。 様々なサイズの画面を同時に表示し、レスポンシブレイアウトがどうなるかを一気に確認できるという便利なツールです。 スマホ向けWebサイトを開発している人なら、持っていると非常に便利でしょう。 参考：レスポンシブの確認ツール、後発だけに便利！スマホ・タブレットの主要なデバイスでの表示確認が同時にできる -Sizzy / 『Sizzy』様々なデバイスでのサイト表示を確認出来る便利サイト さてこのSizzy、元々無償のChromeエクステンションだったのですが、先日2019年7月に単独のアプリとして有償化されました。 一人あたり月5ドル(団体割引あり)のサブスクリプション制です。 以下は作者のKizte( Twitter、Medium、Webサイト )がその理由や経緯を綴った記事、GitHub stars won't pay your rentの日本語訳です。
2022年7月20日 CSS, Webデザイン, スマートフォン モバイルは幅が狭く、デスクトップは幅が広いので、それぞれのデバイスにあわせてWebサイトの幅も可変させたりしますよね。しかし最近、デスクトップで見てもモバイル幅のまま表示させている国内のWebサイトをちょこちょこ見かけます。今回はそんなモバイル幅のWebサイトを見ていこうと思います。 ↑私が10年以上利用している会計ソフト！ モバイル幅Webサイトの特徴 デスクトップで見ても狭いコンテンツの幅 よくあるWebサイトでは、コンテンツ部分の枠がデバイスの幅によって変化します。例えばモバイルサイズでは幅が狭くなり、デスクトップサイズでは幅が広がって画面中央に表示されます。このブログでもそうですよね。しかし、昨今見られるようになったレイアウトでは、デスクトップサイズで見てもコンテンツ枠の幅は狭いままで表示されています。画面中央に表示
こんにちは、臼田です。 皆さん、WAFWAFしてますか？(挨拶 今回はタイトル通りAWS WAFを完全に理解するための情報を全部詰め込んだブログです。長いです。 そもそもWAFってなんだっけ？という話から初めて「全部理解した」と言えるようになるまでをまとめています。直近AWS WAF v2がリリースされたため、この変更点を中心に機能の説明をします。 Developers.IOではWAFを扱った記事がたくさんあるので、細かいところはブログを引用します。いわゆる元気玉ブログです。 おさらい的な部分も多いので変更点が気になる方は適当に飛ばしてください。 そもそもWAFとは AWS WAFの前にWAFの話をします。WAFはWeb Application Firewallの略でWebアプリケーションを保護するためのソリューションです。 一般的なWebアプリケーションに対する攻撃手法としてSQLインジ
React.js開発当初、「そんなものが使えるはずがない」とFacebook社内で評価されていた。React.jsの開発経緯を振り返る「React.js: The Documentary」YouTube公開
React.js開発当初、「そんなものが使えるはずがない」とFacebook社内で評価されていた。React.jsの開発経緯を振り返る「React.js: The Documentary」YouTube公開 代表的なJavaScriptのフレームワークの1つであるReact.jsがどのように生まれ、発展してきたのかが、React開発当時の関係者やメンテナーなどへのインタビューによって語られる動画「React.js: The Documentary」がYouTubeで公開されています。 動画の作成と公開を行ったのは、ITエンジニア向けの転職紹介などキャリアサービスを提供しているHoneypot社。同社は以前にもKubernetesの歴史を紹介したドキュメンタリー動画「Kubernetes: The Documentary」を公開しています。 参考：KubernetesをGoogleが開発し、
本当に実践的なデザインドキュメントの書き方 第1回：なぜ渡されたワイヤーフレームは分かりにくいのか？ | アドビUX道場 #UXDojo
本当に実践的なデザインドキュメントの書き方 第1回：なぜ渡されたワイヤーフレームは分かりにくいのか？ | アドビUX道場 #UXDojo 連載 本当に実践的なデザインドキュメントの書き方 いきなり渡されたワイヤーフレームをデザインするよう言われて戸惑った経験は、デザイナーなら誰でもあるのではないでしょうか？これはディレクターとデザイナーの分業という状況に起因する問題ですが、分業が一般的なのにはもちろん理由があります。そこで、この連載では、現在の分業体制を前提に、情報設計に関わる『デザインドキュメント』をきちんと制作することで、この問題を解決する手段を探ります。 第1回は、受託のWeb制作における一般的な分業体制を詳細に分析し、よりデザイナーが貢献できる役割分担について考えていきます。 なかなかはじめられないUXデザイン これはGoogleトレンドで、「Webディレクター」「Webデザイナー
3Dモデル→高品質な線画に変換できるWebサイト公開 漫画や絵を描く人から「これはすごい！」「綺麗で驚きました」と絶賛
手元の3Dモデルデータを線画に変換できる無料Webサイトが登場しました。漫画の背景などを描くのに活用できそう！ AIエンジニアのまっくす（@minux302）さんが公開したWebサイト。3Dモデルのデータをブラウザにドラッグ＆ドロップするだけで簡単に読み込み、線画に変換してくれます。しかも、線画の状態でもカメラ位置をグリグリ動かすことも可能。これはすごいぞ……！ 3Dモデルが…… 線画に変換できる！ カメラの位置も移動可能 Twitterでは「息子用のぬり絵がすぐにできる！！！」「超便利なやーつ！！」とツールを称賛する人の声が寄せられています。 なお、アップロードできるデータの形式はgltf、glb、fbx、objです。 投稿提供：まっくす（@minux302）さん ネットの反応を見る advertisement 関連記事 初心者が「ガラガラなのに隣に座ってくる人対策」の3Dアニメを作った
Webサイト「はてな匿名ダイアリー」に係る株式会社はてなを相手方とする発信者情報開示命令の申立てに関するお知らせ｜堀口 英利 | Horiguchi Hidetoshi
このたび、2023年11月2日付で、特定電気通信役務提供者の損害賠償責任の制限及び発信者情報の開示に関する法律(プロバイダ責任制限法) 第5条第1項の規定に基づき、株式会社はてなを相手方とする発信者情報開示命令を東京地方裁判所に申し立てました。 今後、本件に関してお知らせすべき事象が生じた場合は、適宜公表いたします。 記 1. 命令を申し立てた裁判所および年月日 裁判所: 東京地方裁判所 年月日: 2023年11月2日 2. 命令を申し立てた相手方 株式会社はてな 3. 事件名および申立ての趣旨 事件名: 発信者情報開示命令申立事件 申立ての趣旨の概要: 「株式会社はてなは対象となる投稿記事を送信したアカウントに係る発信者情報を開示せよ」との決定を求める 4. 申立ての原因 (手続に至った当方の主張) Webサイト「はてな匿名ダイアリー」において、悪質な発信者により権利を侵害される記事が投
先日、RFC9116が発表されました🚀 あなたのWebサービスに潜在する未知の脆弱性を誰かが見つけた時、それをあなたに連絡する方法を提示するsecurity.txtを標準化するものです。 この記事では何故これが必要だったのか、そして私たちがこれを実装する方法を簡潔に説明します。 なぜこれが必要だったのか https://securitytxt.org/のSummary(概要)にはこのように書かれています。 Webサービスのセキュリティリスクが、リスクの重大性を理解している独立したセキュリティ研究者によって発見された場合、それらを適切に開示するためのチャンネルが不足していることがよくあります。 その結果、セキュリティの問題が報告されないままになる可能性があります。 security.txtは、組織がセキュリティ研究者がセキュリティの脆弱性を安全に開示するためのプロセスを定義するのに役立つ標
動くWebデザインアイデア帳
サイト閲覧方法 1ウェブサイトへアクセス https://ugokuweb.coco-factory.jp/ugokuweb/ 新サイトはこちらから 2【ユーザー名】と【パスワード】が求められますので、以下の情報を入力してください。 【ユーザー名】：ugokuweb 【パスワード】：指定のページ数を【半角数字3桁】で入力 （例）30ページの場合は 030 と入力 ※黄色本をご購入の方：7-2「検索」の表紙ページ数 ※ピンク本（実践編）をご購入の方：9-4「SVGアニメーション」の表紙ページ数を【半角数字3桁】で入力してください。 3閲覧制限が解除され、サイトを閲覧できるようになります。 ブックマークをしてご利用ください。 ※掲載されているコードは、2021年に出版された時のものをそのまま掲載しています。 （jQueryのバージョン、プラグインのソースコードの書き方を含む） ソースコードの書
Webサイトの構造を可視化！簡単にビジュアルサイトマップが作れる「Octopus.do」を使ってみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、Webサイトの構造を可視化して直感的に理解しやすい「ビジュアルサイトマップ」を作成できるWebサービスをご紹介します。 ブラウザからGUIベースのエディタにアクセスするだけで誰でも利用可能で、すべてマウス操作でできるので初心者でも簡単に使いこなせます。ブロックを追加していくだけでサイトマップに簡易的なワイヤーフレームが挿入できる点がとても便利です。 また、既存のWebサイトから素早くサイトマップに変換する方法も合わせて解説しているので、ご興味のある方はぜひ参考にしてみてください！ 【 Octopus.do 】 ■「Octopus.do」の使い方 それでは、「Octopus.do」をどのように使うのか詳しく見ていきましょう！ トップページにアクセスしたら【Create sitemap】ボタンをクリックします。 すると「サイトマップエディタ
このプラットフォームの開設は4日だが、トランプ氏の投稿はそれ以前の日付からあり、遡ると最初の投稿は3月24日になっている。すべてトランプ氏の投稿で、投稿の横にはそれをTwitterとFacebookでシェアするためのボタンとハートボタンが付いているが、ハートをクリックしても赤くなるだけでカウントが表示されるわけではない。 Webサイトにサインアップすると新しい投稿を通知してくれるようだが、投稿したり、コメントをつけたりすることは、今のところできない。 4日の投稿はサイトを紹介する動画で、「沈黙と嘘の時代に自由の指標が生まれる。ドナルド・トランプのデスクから直接提供する自由かつ安全に話し合える場だ」と表示される。途中で映る邸宅は、トランプ氏が1985年に購入したフロリダ州パームビーチのマー・ア・ラゴだ。ここからトランプ氏が発信しているということなのだろう。 トランプ氏は在任中、個人の公式Tw
量子コンピューターをおうちで自作したい。足りない部品は3Dプリンターで作って、作れないものはeBayやAmazonで調達。設計はOSS（オープンソースソフトウェア）を活用すれば問題ない。助手にはときどき手伝ってくれる10歳の娘がいる。これはいけそうだ――。 「その気になれば、量子コンピューターだって自宅のガレージで作れる！」。2019年12月、ドイツ・ライプチヒで開催された「36th Chaos Communication Congress（36C3）」の講演においてヤン・アラン氏はこう断言し、自宅で現在進行中の“量子コンピューターづくり”を楽しく紹介していった。 量子コンピューター自作、まずはイオントラップ装置の研究から 量子コンピューターを設計するにあたり、アラン氏がまず検討したのは「量子ビット」をどのようにして作るかだった。量子ビット（qubit：キュービット）は量子情報の最小単位で
高精度な言語翻訳サービス「DeepL」。 これまではWebサイトや、デスクトップ用のネイティブアプリ経由で使用する方法が主流でしたが、今後はChrome用の公式拡張機能「DeepL翻訳」にも注目した方が良いかもしれません。 現在ベータ版ですが昨年末から便利すぎると話題になっています。 DeepL翻訳拡張機能の使用方法 ChromeでChromeウェブストアの「DeepL翻訳」ページにアクセスし、拡張機能をインストールします。 ▲Webサイトの情報を日本語に翻訳したい場合、Chromeでそのサイトを表示し、翻訳したい部分のテキストを選択します。表示されたDeepLのアイコンをクリックすると、その近くに翻訳結果がポップアップ表示されます(トップ画像)。 また、自分の入力した情報を他の言語に翻訳することもできます。 ▲拡張機能が有効な場合、TwitterやGmailの入力欄にDeepLのアイコン
データセンターの思ひで | 外道父の匠
今月、とうとうオンプレミス環境がその役割を終えたので、当たり障りのない範囲で思ひでを記録しておこうと思います。 だいたい 2002年 から運用が始まったので18年ほどの歴史でしたが、血と汗と…… 血と汗くらいですかね滲んでるのは。さぁ振り返りです。 大阪 私が参画した時にはインフラエンジニアというかサーバー担当者が既に１名おり、「サーバーやってみない？楽しいよ！」と言われて乾いた笑顔を返したのを覚えています。 当時は京都の極小ベンチャー企業で、なぜ最初が大阪のデータセンターだったのかは聞きませんでしたが、とある現地作業についていって、ハーフラック１台に１Ｕ２台が積載されていました。このへんは私自身かなりのペーペーだったので知識不足もあり記憶がかなり曖昧です。 平々凡々に運用していたある日、WEBサイトへのアクセスが途絶えました。 社長の「ねぇ、サイトに繋がらないんだけど」の一言が口火です。
こんにちは。イラストレーターで防災士のアベナオミです。宮城県多賀城市出身で、現在は杜の都・仙台で3人の子育てに奮闘しています。現在はイラストレーターとしての執筆活動の傍ら、子育て中のパパ・ママに向けて防災対策の大切さを伝えるのがライフワークとなっています。 最近の我が家の食器棚。一番下は空ペットボトルに入れた水道水です。飲料水ではなく「生活用水」の備蓄です。食器棚の一番下ってあんまり使わないですよね😊水を置いておけば重心も下がるので、食器棚の転倒防止にもなります。先月の地震でも、この食器棚はダメージゼロでした✨✨#1日1防災 pic.twitter.com/YGCliFNJ9b— Illustratorアベナオミ★防災士 (@abe_naomi_) 2021年3月9日 防災士の資格を取ったのは、2011年の東日本大震災での被災経験がきっかけです。当時も宮城県にいて、長男は1歳7ヵ月。幸い
週末に自分がよく使っている技術をまとめたら反応が良かったので、テンプレートを作りました。 なにかWebサービスを作るときに、自分はこれらのライブラリを基本的には入れます。 ベースはcreate-next-appとなりますが、そこで生成された状態だと認証もDBも何もありません。 しかし、サービスを作るにあたって必要なケースがほとんどです。 このテンプレートには特定のライブラリを入れると毎回書かないといけない項目等を事前に作っておき、 開発に集中できる仕組みを作るのがゴールとなります。また、例を示しつつ削除するコード量を最小限に抑えます。 主にNext.js固有のハマるポイントや環境構築などめんどくさいけど毎回書いている点をカバーします。 linterと関連があるVSCode, pre-commit等の設定NextAuthに指定されたDB Schemaの作成やAPI routeの設置開発、テス
静的サイトジェネレータ「Astro 2.0」正式リリース。新機能「Content Collections」で大量Markdown対応、「Hybrid Rendering」で静的と動的ページの混在可能に
静的サイトジェネレータ「Astro 2.0」正式リリース。新機能「Content Collections」で大量Markdown対応、「Hybrid Rendering」で静的と動的ページの混在可能に オープンソースで開発されている静的サイトジェネレータ「Astro」の最新バージョンとなる「Astro 2.0」が正式にリリースされました。 Astro 2.0 – our most exciting release yet!https://t.co/FPb5rBTRPT — Astro (@astrodotbuild) January 24, 2023 Astroは、ReactやVue、Svelte、Alpine.js、TypeScriptなどのさまざまなフレームワークやライブラリに対応した静的サイトジェネレータです。 ビルド時にWebサイト全体のHTMLが生成され、しかもそのHTMLには全
弁護士となってから三〇年以上を経過し、そのほとんどの期間を大学、大学院での教員生活も兼ねてきていて、講義の際に余裕があるときには、学生、院生相手に事件の話も交えることがある。その際には枕詞に、「弁護士も一年に一件程度は、こういう話のネタになるような事件に巡り遇うものなのだけど・・・。」と言いながら、時期、場所、内容で特定されないように注意しながら実際にあった話をする。 もちろん、些細なことから事件に隠された真実にたどり着いた自慢話もあるが、一般には自慢話よりは失敗談に人は興味を持つといわれていることから、ここではあえて私の経験の中の失敗談を述べさせていただきたい。 ある家で火災が起きて、そこに居住していた夫婦が建物中で折り重なるように倒れていて死亡が確認されたという事件があった。警察、消防による実況見分もなされ、家屋は全て内側から施錠されていて第三者が立ち入った形跡はなく、台所のゴミ箱付近
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウクライナへの新たなワイパー攻撃、仕込まれたのは昨年末──ESETが解説
必要なのはJavaScriptの基本的な知識だけ 3Dアニメーション制作をお手軽にする「Three.js」の魅力
一番広い世代に知られている国語の教科書の話はなにか調べてみる
ワクチン予約接種関連のシステムトラブルについてまとめてみた - piyolog
画像の遅延読み込みにloading属性とJavaScriptを併用した最大限のパフォーマンスを発揮させる実装方法
効果的なリモート会議にするためのプラクティス - Effective Remote Meeting
最近のロゴがどんどん黒くなっていく「ブラック化現象」について デザイン会社 ビートラックス: ブログ
私（ちょまど）が気をつけている、SNS運用5つの秘訣 ネガティブなことは発信しない | さくマガ
「新型コロナのSNSデマはマスメディアが拡散」、東大の鳥海准教授が分析
Flutter開発をマスターするための手引き 2022年版
Web制作を変える！2021年の便利オンラインツール・ベスト100選
GitHubのスターは金にならない - Qiita
モバイル幅で作成されたWebサイトの特徴と作例
AWS WAFを完全に理解する ~WAFの基礎からv2の変更点まで~ | DevelopersIO
あなたのWebサービスの脆弱性を発見者から教えてもらう方法 - RFC9116が発表されました
トランプ前大統領、ひとりでツイートのような投稿をするWebサイトを開設
量子コンピューターをおうちで自作しよう！ ハッカーの楽しい挑戦 (1/2)
知らないとヤバイ!高精度翻訳DeepLのChrome拡張機能 | ソフトアンテナ
パパ・ママに知っておいてほしい「車の防災対策」。東日本大震災を経験した私の備え #くるまも - くるまも｜三井住友海上
Webサービスを作るときのテンプレートを作った - hiroppy's site
ある失敗（法苑196号） | 記事 | 新日本法規WEBサイト