2024年版最近の実装に合わせた、HTMLでWebページを実装するための必要最小限をまとめたテンプレート一式

2024/04/23 14 users テンプレート一式 実装 HTML 必要最小限 基本テンプレート

Webページを作成する時に役立つ、HTMLをはじめとする必要最小限のファイルをまとめたシンプルな基本テンプレート一式を紹介します。 最新版は、最近の実装に合わせた設計にアップデートされました。 HTML5 Boilerplate -GitHub HTML5 Boilerplateの特徴 HTMLの基本テンプレート HTML5 Boilerplateの使い方 HTML5 Boilerp... 続きを読む

Microsoft365の値上がりを受け財務から「家庭用のM365じゃダメなんですか？」 とPDF化したファイルがSharePointのリンクと共にTeamsで送られてきた

2024/04/05 15 users SharePoint teams word Excel 財務

Shadowhat @shadowhat M365の値上がりを受け、財務から 「なんでこんな高い業務用のM365がいるんですか？Word/Excelしか使わないんだから安い家庭用のM365じゃダメなんですか？」 とM365 FamilyのWebページをPDF化したファイルがSharePointのリンクと共にTeamsで送られてきた…。 2024-04-05 08:51:14 続きを読む

Cloudflare PagesでURL短縮サービスをつくる！

2024/03/11 86 users Cloudflare Pages hono 以下 特徴 あなた

Cloudflare PagesでURL短縮サービスを作ってみましょう！これを作ることであなたは以下を体験することができるしょう。 HonoでWebページをつくること Cloudflare KVをアプリケーションの中で使うこと アプリケーションをCloudflare Pagesへデプロイすること アプリケーションの特徴 今回作ってもらうアプリケーションは... 続きを読む

Google検索からキャッシュ消える　公式Xが理由を説明

2024/02/07 24 users キャッシュ 公式X Google検索 説明 理由

Googleの検索結果に表示されたWebページについて、直接アクセスしなくても、その内容を確認できるキャッシュ機能が2月までに削除された。Google検索の公式Xが、ユーザーの疑問に答える形でその理由について説明している。 キャッシュ検索は、Googleのクローラーが最後に保存したそのページの内容を確認できる機能。Googl... 続きを読む

令和6年(2024年)能登半島地震に関する情報 | 国土地理院

2024/01/01 44 users 能登半島地震 国土地理院 地殻変動 出典 令和6年

以下の提供情報は出典を明示いただくだけで転載も含めご自由にお使いいただけます。詳細は以下2．をご覧ください。 1．電子基準点による地殻変動 2．このwebページで公開している地理空間情報の公開について 3．問い合わせ先 ※政府の防災基本計画において、国土地理院は航空機、無人航空機等による目視、撮影等による情... 続きを読む

Webページのデータを「Excel」に取り込むコネクターが刷新、AIで賢くテーブルを認識／人間がちょっと手助けするだけで従来は対応できなかったテーブルも抽出できる

2023/10/29 21 users コネクター 刷新 Excel 従来 テーブル

続きを読む

X (Twitter) で従来のようにOGP画像にタイトル等のテキストを表示する方法まとめ

2023/10/06 25 users Twitter OGP画像 従来 テキスト 概要

Web技術 X (Twitter) で従来のようにOGP画像にタイトル等のテキストを表示する方法まとめ Friday, October 6th, 2023 2023年10月5日頃、X (Twitter) でOGP画像が設定されたWebページの URLをツイート（ポスト）しても従来のようにページのタイトルや概要が表示されなくなり、OGP画像とドメイン名だけが表示されるように... 続きを読む

CSSで実装できるのか！ iPhone 15 Proのページで見かけたスクロール駆動のダイナミックアイランドを実装するテクニック

2023/09/19 16 users CSS テクニック アニメー iPhone 15 Pro 多数

先週発表されたiPhone 15のWebページに、面白い仕掛けが実装されていました。Appleは新製品のページにはスクロール駆動のアニメーションを多数取り入れており、今回のはスクロール駆動のダイナミックアイランドです。 このスクロール駆動のダイナミックアイランドをCSSで実装するテクニックを紹介します。下記のアニメー... 続きを読む

Webサイトに「カート機能」を実装するための3つの方法

2023/08/22 11 users カート機能 Webサイト 方法 3つ カートシステム

既存のWebサイトで商品やサービスを販売する場合、ECの「カート機能」の追加実装が必要になります。カート機能を追加する方法には以下の3つがあります。 ◆既存のWebサイトに「カート機能」を追加するための3つの方法 ① WebページにASPサービスのカート機能へのリンク設定 ② APIで外部のカートシステムとWebサイト間のデ... 続きを読む

【全録】Microsoft Edgeに閲覧したすべてのページのスクリーンショットを保存する機能が追加へ | ソフトアンテナ

2023/08/11 125 users スクリーンショット Microsoft Edge 全録 機能

【全録】Microsoft Edgeに閲覧したすべてのページのスクリーンショットを保存する機能が追加へ 2023 8/07 Microsoft Edgeのプレビュー版で、閲覧したWebページのスクリーンショットを自動的に保存する新機能のテストが行われていることがわかりました(gHacks)。 この機能はMicrosoft Edge Dev/Canaryの一部のユーザーを... 続きを読む

手順書の記載ミスで発生したJR東日本のシステム障害についてまとめてみた - piyolog

2023/07/07 144 users モバイルSuica 電源工事 最大半日 操作手順 閲覧不可

2023年6月26日、JR東日本は6月24日に発生したシステム障害の原因が電源工事の操作手順に誤りだったと公表しました。システム障害の影響により、Webページの閲覧不可やモバイルSuicaのアプリが利用できないなどが生じました。ここでは関連する情報をまとめます。 4つのシステムに最大半日の影響 システム障害は2023年6月2... 続きを読む

これは便利すぎる！ Webページを1クリックで編集可能なFigma用に変換できるプラグイン「html.to.design」が神アップデートされました

2023/06/19 314 users Figma用 プラグイン 編集 神アップ テキスト

WebページのURLを入力し、1クリックするだけで、そのページの編集可能なFigmaファイルに変換できる無料プラグインを紹介します。 去年紹介しましたが、先日ver.2にアップデートされました！ 一括インポート、マルチビューポート、マルチテーマ、テキストとカラーのスタイル生成ができるようになり、さらに便利になりまし... 続きを読む

もっとも注目されたUIデザインのテクニックの総まとめ

2023/06/15 157 users UIデザイン テクニック 総まとめ UIデザイナー 知識

デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 これまでの中で最も注目されたUIデザインのテクニックをまとめました。 UI & UX Micro-Tips: Best of the Best by Marc Andrew 下記は... 続きを読む

「視覴」の謎

2023/06/11 397 users chatgpt JST 新語 ツイート ページ

ChatGPTが「視覴」という新語を発明したらしいことをフガクラさんのツイート（2023-06-08 08:51:02 JST）で知る。 すでに「視覴」は、いくつかの最近書かれたWebページで使われていた。ChatGPTで生成されたページらしい。ざっと検索して見つけたページを列挙しておく。いずれも最近作られたか修正されたページである（1... 続きを読む

絶対に画像をダウンロード&スクレイピングさせないWebページを本気で作ってみた

2023/05/26 260 users 画像 nginx Docker React GatsbyJS

potpro (ぽとぷろ)Full-stuck engineer(Not Full-stack) JS/PHP/Go/Docker/Nginxなど。技術または趣味よりの発信ブログです。このブログ自体も自分がnetlify/gatsbyJS/Reactで書いてます。一部の記事はgithubアカウントでコメントできます。 絶対に画像をダウンロード&スクレイピングさせないWebページを本気で作ってみ... 続きを読む

Bardの衝撃。Bardはユーザから指示されたURLのページにアクセスできる。Webページの要約やスクレイピングも？ - Qiita

2023/05/12 300 users Bard Qiita chatgpt スクレイピング 要約

Bardの衝撃。Bardはユーザから指示されたURLのページにアクセスできる。Webページの要約やスクレイピングも？ Google Bardが、日本からも利用できる様になりましたが、ChatGPTとの大きな違いがありました。 それは、ユーザが渡したURLにBardがアクセスができることです。 ChatGPTでは基本的にそういったことはできず、や... 続きを読む

「ドコモ回線がつながりにくい」──モバイル通信も“インフラ”の時代にドコモで何が起きている？

2023/04/26 27 users インフラ ドコモ回線 ドコモ 回線 筆者

筆者は、長らくドコモ回線をメインの音声通話・データ通信用の回線として使っていますが、街中でドコモのデータ通信が著しく低速になったり、本来は短時間で完了するはずのWebページの表示やSNSの更新で長らく待たされたりして困る機会が増えています。皆さんの環境ではいかがですか？ 続きを読む

無料で音声をテキストに書き起こしてWebページへ入力できる拡張機能「Voice In」／「Gmail」や「Google ドキュメント」へのテキスト入力を音声で【レビュー】

2023/04/13 13 users Gmail 音声 テキスト 拡張機能 テキスト入力

続きを読む

原理から考えるCSSアニメーションのパフォーマンス改善

2023/04/03 17 users CSSアニメーション 原理 GPUアクセラレーション 主流

ブラウザに描画されるWebページをデジタルイラストに例えて、レンダリングの仕組みからCSSアニメーションのパフォーマンスを考える視点を解説します。 また、近い将来、GPUアクセラレーションをはじめとするパフォーマンス事情がどう変わっていくのかについても触れ、新たに主流になるかもしれないアニメーション実装手... 続きを読む

一番星はてのが記事の中身を読むようになりました - 一番星はての開発ブログ

2023/03/21 259 users 一番星 中身 開発ブログ ブコメ 理想

ファーストリリースでは記事のタイトルとブコメしか読んでないとしたはてのちゃんですが、やはりそれだけだとワードサラダ感が強く自分の理想とするAIブックマーカーではなかったため、ちゃんと記事の中身を読ませるようにしました。 もちろんすべてのwebページで的確に読めているわけではありませんが、ある程度テスト... 続きを読む

あの日・あの時のWebページがそこにある理由 (ボイジャー 鎌田 純子) | 版元ドットコム

2023/03/19 50 users ボイジャー 版元ドットコム 鎌田 純子 理由

電子書籍といえば、みなさん、EPUBファイルを制作して、アマゾンや紀伊國屋書店などのオンライン書店で販売するもの、とわかっていらっしゃるでしょう。でもそのEPUBが日本語対応したのは2011年のことで、とても日が浅いのです。またオンライン書店で売るためには書誌情報が重要だ、ということも理解されていると思いま... 続きを読む

2022年、もっとも注目されたUIデザインのテクニックのまとめ

2022/12/13 170 users UIデザイン テクニック UX Micro-Tips まとめ

デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 2022年に公開した中で最も注目されたUIデザインのテクニックをまとめました。 UI & UX Micro-Tips: Best of 2022 by Marc Andrew 興味... 続きを読む

「DeepL」公式の「Microsoft Edge」向け拡張機能が登場 ～品質の高さで知られるAI翻訳サービス／部分テキストの翻訳ならば無料、Webページの翻訳も近日中に無料化予定

2022/12/06 80 users DeepL 翻訳 Microsoft Edge 近日中 品質

続きを読む

CSS Gridで実装すると簡単！ コンテンツは中央配置、最大幅・全幅・ちょい広めのレイアウトを実装できるテンプレート

2022/12/06 24 users 全幅 マージン テンプレート CSS flexbox 左右

レイアウトにCSS Flexboxは使用しているけど、CSS Gridはこれから。そんな人にお勧めのWebページでよく使用されるレイアウトを簡単に実装できるCSS Gridのテンプレートを紹介します。 レイアウトはコンテンツを中央寄せに配置し、左右のマージンを自由に設定できます。たとえば、テキストには最大幅、画像には全幅、目立... 続きを読む

HTMLが強みになる解説書、アクセシビリティやユーザビリティに配慮したコーディングを学べる -武器になるHTML

2022/12/02 62 users ユーザビリティ アクセシビリティ コーディング CSS 本書

Webページを実装する際に重要なのは、HTMLです。しっかりと確かなHTMLが書けないと、CSSやJavaScriptにも影響を与えてしまいます。 HTML Living Standardに基づいた知識、アクセシビリティやユーザビリティに配慮したコーディングを学べる、HTMLのみに特化された解説書を紹介します。 本書は仕事としてWeb制作に携わって... 続きを読む