IT
サービス、ツール、テクノロジーの紹介。
記事を読むカテゴリ
最新の記事
全記事一覧（全49本）
IT（18本）
- Uブログの工夫しているところ — AIが読み取りやすいHTML構造、コードで生成できる素材選び、文体ルールの学習など、AI前提で設計したブログの工夫を紹介（https://ublogs.net/it/ai-friendly-blog.html）
- 3つのファイルはどう繋がっているのか ― HTMLが読み込む仕組み — HTML・CSS・JSのファイルがHTMLを起点にどう連携するかを解説（https://ublogs.net/it/html-link-structure.html）
- AIがやっていることは予測である — 水道代の計算から文章生成まで、AIの原理を「予測」という一本の軸で説明（https://ublogs.net/it/how-ai-works.html）
- ブログサイトを作って公開するまでの流れ — このブログ自体を作った工程を順に記録した実例レポート（https://ublogs.net/it/how-to-build-ublogs.html）
- コンピュータの正体 ― スイッチだけで動く機械 — 電気1個のON/OFFから始めて、100億個のスイッチがパソコンになる仕組みを積み上げる（https://ublogs.net/it/how-computer-works.html）
- プログラミングってなに？ — 0と1を人間が読める言葉にまとめたのがコード、という話をキーボードの仕組みから接続して解説（https://ublogs.net/it/what-is-programming.html）
- AIに許可を出す前に ― コマンドの安全度を見分ける — AI駆動IDEが実行しようとするコマンドを安全/注意/危険の3段階に分類（https://ublogs.net/it/command-safety.html）
- パソコンの2つの操作方法 ― GUIとCLI — クリック操作とコマンド操作の違い、AIがCLIを使う理由を整理（https://ublogs.net/it/gui-and-cli.html）
- AI駆動の開発ツールとは？ チャットAIとの違い — ChatGPTとAI駆動IDEの違いを「コードを教える」vs「コードを書く」で比較（https://ublogs.net/it/ai-driven-dev.html）
- インターネットってなに？ — ケーブル・プロバイダー・サーバーの役割から「公開するとは何か」まで（https://ublogs.net/it/what-is-internet.html）
- HTMLを無料で公開できるサービス2選 — Cloudflare PagesとNetlifyの特徴を比較し、公開前の注意点も紹介（https://ublogs.net/it/free-hosting.html）
- Webページで絵を描く2つの方法 ― SVGとCanvas API — 形の指示書で描くSVGと、1点ずつ塗って高速に描き直すCanvas APIの違い（https://ublogs.net/it/svg-canvas.html）
- Webページを作っている3つの仕組み ― HTML・CSS・JavaScript — 構造・見た目・操作への反応という3つの役割分担を解説（https://ublogs.net/it/html-css-js.html）
- Webサイトには2種類ある ― 「静的」と「動的」の違い — あらかじめ作ったページを渡す方式と、その場で組み立てる方式の比較（https://ublogs.net/it/static-dynamic.html）
- ドメインってなに？ネットの「住所」の仕組み — 早い者勝ちのルールや、偽サイトを見抜くカギとしてのドメインの役割（https://ublogs.net/it/what-is-domain.html）
- URLってなに？ — URLを3つの部分に分解し、httpsの「s」が何を守っているか解説（https://ublogs.net/it/what-is-url.html）
- 偽サイトをパソコンで作ってみよう — 右クリック保存で偽サイトが作れてしまう実験を通じ、URLで判断する重要性を体験（https://ublogs.net/it/fake-site-local.html）
- AWSってなに？クラウドとは？ — 「ネットからコンピューターを借りるサービス」を専門用語なしで説明（https://ublogs.net/it/what-is-aws.html）
生活（2本）
- 第47回ABCお笑いグランプリ2026 決勝情報まとめ — 決勝進出12組・審査員・視聴方法と優勝予想をまとめた大会ガイド（https://ublogs.net/life/abc-owarai-gp-2026.html）
- ダブルインパクト2026 優勝予想 — ファイナリスト8組の実績と審査員の傾向から優勝を予想する賞レース分析（https://ublogs.net/life/double-impact-2026.html）
その他（29本）
- サクッと #2 ― AWSとクラウド — AWSとクラウドの仕組みを4枚の横スワイプカードでサクッと紹介（https://ublogs.net/free/sakutto-2.html）
- サクッと #1 ― Uブログの工夫 — AIで作りAIにも読まれるブログの工夫3つを横スワイプカードでサクッと紹介（https://ublogs.net/free/sakutto-1.html）
- 7：3ルーレット — 2つの選択肢を入力して回すと、70%と30%の確率で結果が出るルーレット（https://ublogs.net/free/roulette-7-3.html）
- 静的サイトで動くAIチャット — サーバーなしで動くチャットボットのデモ。静的サイトでもここまでできる（https://ublogs.net/free/ai-chat-demo.html）
- AI謎解き #1 — AIと協力して解く体験型謎解きコンテンツ（https://ublogs.net/free/ai-nazo-1.html）
- ブログサイトを作って公開するまでの流れ（リンク付き） — サイト構築の全工程をIT記事へのリンク付きでたどれるナビゲーション記事（https://ublogs.net/free/how-to-build-ublogs-links.html）
- 好みのブログを編集しよう — 生成したテンプレートに記事を書き込み、完成HTMLをダウンロードできるブラウザ上エディター（https://ublogs.net/free/blog-editor.html）
- 好みのブログを作ろう — カラーモード・フォント・アクセントカラーなど4つの好みを選ぶだけでブログテンプレートが手に入るジェネレーター（https://ublogs.net/free/blog-generator.html）
- 全力のタイトルを作ってみた — 13文字のタイトルにCSS10種のアニメーション（ネオン・グリッチ・3D回転など）を全力で詰め込んだ文字演出ショーケース（https://ublogs.net/free/full-power-title.html）
- はじめての板芸 #10 ― コマンドで自己紹介ページに仕上げる — 名前・SVGアイコン・趣味リストをコマンド1行にまとめて自己紹介ページを完成させるCLI編最終回（https://ublogs.net/free/hangei-10.html）
- はじめての板芸 #9 ― コマンドで絵を描く — SVGの丸や四角をechoコマンドで書き込んでブラウザにアイコンを表示するCLI体験（https://ublogs.net/free/hangei-9.html）
- はじめての板芸 #8 ― コマンドで色をつける — echoコマンドでstyle属性を書き込み、文字の色・大きさ・背景色を変えるCLI体験（https://ublogs.net/free/hangei-8.html）
- はじめての板芸 #7 ― コマンドでファイルを作る — コマンドだけでHTMLファイルの作成・書き込み・ブラウザ表示まで完了するCLI体験（https://ublogs.net/free/hangei-7.html）
- はじめての板芸 #6 ― コマンドで道具を用意する — ターミナルをキーボードだけで開き、作業フォルダを作るCLI操作の入り口（https://ublogs.net/free/hangei-6.html）
- 情報技術館 #5 ― 「インターネットに公開する」とは — ファイルを置くと公開される仕組みを5つのシミュレーションで体験（https://ublogs.net/free/lab-5.html）
- 情報技術館 #4 ― クラウドの部品を組み合わせる — 仮想サーバー・DB・ファイル置き場を操作シミュレーション付きで紹介（https://ublogs.net/free/lab-4.html）
- 情報技術館 #3 ― クラウドを体験してみる — スケーリング・冗長化・従量課金をスライダーやボタンで動くシミュレーションで体験（https://ublogs.net/free/lab-3.html）
- はじめての板芸 #5 ― 自己紹介ページに仕上げる — 名前・SVGアイコン・趣味リストを組み合わせてページを完成させるGUI編最終回（https://ublogs.net/free/hangei-5.html）
- はじめての板芸 #4 ― 絵を描いてみる — SVGの丸と四角をキーボードで打ち込んで顔アイコンを描く体験回（https://ublogs.net/free/hangei-4.html）
- はじめての板芸 #3 ― 文字に色をつける — CSSのstyle属性で文字の色・大きさ・背景色を変える入門回（https://ublogs.net/free/hangei-3.html）
- はじめての板芸 #2 ― 最初のファイルを作る — テキストエディタに1行書いてHTMLファイルとして保存し、ブラウザに文字を表示させる最初の一歩（https://ublogs.net/free/hangei-2.html）
- はじめての板芸 #1 ― 道具を用意する — キーボードを打つ趣味「板芸」の道具そろえ、テキストエディタと作業フォルダの準備（https://ublogs.net/free/hangei-1.html）
- 情報技術館 #2 ― HTML・CSS・JavaScriptを触ってみる — コードをその場で書き換えて結果を見られるWeb三技術の体験型展示（https://ublogs.net/free/lab-2.html）
- 情報技術館 #1 ― SVGとCanvas APIで絵を描いてみる — コードを書き換えて図形やアニメーションを描く、科学館のような体験型展示（https://ublogs.net/free/lab-1.html）
- 1996年7月、世界の最先端はここだった — DVD・Deep Blue・NINTENDO 64・USB・インターネット、30年前の最先端5技術を当時の視点で再構成（https://ublogs.net/free/cutting-edge-1996.html）
- 2026年7月、世界の最先端はここまで来た — 核融合・量子コンピュータ・がんワクチン・放射冷却・光脳型チップ、今の最先端5技術を並べた対になる記事（https://ublogs.net/free/cutting-edge-2026.html）
- 手抜きの静的サイトを作ってみた — CSSゼロ・JSゼロ・約70行で作った手抜き版を、全力版2000行と並べて比較するページ（https://ublogs.net/free/simplest-static-site.html）
- 全力の静的サイトを作ってみた — HTMLファイル1つにCSSアニメーション・SVGイラスト・JSインタラクションを全部詰め込んだデモ（https://ublogs.net/free/full-power-static-site.html）
- AWSってなに？クラウドとは？〜例え多めver.〜 — AWSとクラウドを業務用キッチンや巨大プールに例えて雰囲気をつかめるようにした解説（https://ublogs.net/free/aws-tatoe.html）