Chromeの拡張機能としてリリースしましたよ！ はてなNG - Chrome ウェブストア https://chrome.google.com/webstore/detail/%E3%81%AF%E3%81%A6%E3%81%AAng/mbgdnfmdelffjdhkdggilmphfdihnmcj 機能NGアドレスのエントリーをブロックします。NGワードを含むエントリーをブロックします。NGアカウントのコメント、はてなスター、ブログをブロックします。同一アカウントの連打による複数のスターをひとつのスターにして表示します。[対象サイト] はてな（http://www.hatena.ne.jp/） はてなブックマーク内ページ（http://b.hatena.ne.jp/） 結果はてなの閲覧がめちゃくちゃ快適になりました！ 目障りなサイトやアカウントは見なくて済むし、ブコメページのノイジーな

方法3: Web版 2025年10月、Claude Code Web版がリリースされた。 https://claude.ai/code claude.aiにログインし、GitHubリポジトリを接続するだけでいい。ターミナルの知識は不要。GitHubとの連携は必要だが、外出先でスマホからもアクセスでき非常に便利だ。 初期設定適当なフォルダを作って起動。起動したら、まずはフォルダに移動して /init コマンドを実行してみよう。プロジェクト構造に基づいたCLAUDE.mdファイルが自動生成される。これがClaude Codeとの最初の対話になる。 Part 5: 基本操作とショートカットキーボードショートカット覚えておくべきショートカットは限られている。 Enter: メッセージ送信 Shift+Enter: 複数行入力 Tab: 思考表示のトグル Esc: 現在の操作を中断 Esc Esc:

せっかくなのでAIなしで現時点の印象を書いてみようと思う。 2025年はAIコーディングが一気に広まった年だった。2026年になってから、モデルのバージョンが少し上がっただけで、実際にコーディングをやっていない人からすると少し良くなっただけのように見えると思う。 これが大きな差で、以前は95%位の完成度までは出力ができたが、残りは人間側でレビューと調整を前提としていた。これはこれで有用ではあったが、人間側がAIをおだてながらほしい実装を出力させる印象があった。 2026年に入ってからは違う。人間側が仕様をしっかり書き、AI側でちゃんと動作確認して試行錯誤できる環境を与えていれば、一発で実用可能な出力を出すことは可能だ。なので人間側は仕様をしっかり作り込み、Unit TestなどAI側で試行錯誤できる環境を与えることが重要になる。人間側でAIをおだてる必要性は薄く、しっかり指示出しさえできれ

ウェブの黎明期である2000年頃と比べてはるかにHTMLはコーディングしやすくなりました。10〜20年前のHTMLコーディングはどのようなものだったのでしょうか。 この記事では、NetscapeとIEのブラウザ戦争に決着がついた後の、IE6が全盛期となった2000年代のウェブサイト制作を振り返ります。懐かさに浸たり、現代のウェブの成り立ちに通じる温故知新な情報として参照ください。 テーブルレイアウト / spacer.gif XHTML・CSSが普及するまではテーブルレイアウトが一般的でした。テーブルレイアウトとはtableタグを使い、格子状にレイアウトしていく手法です。テーブルレイアウトは、デザインファイル（Image ReadyやFireworks）から画像を切り出す「スライス機能」と相性のいい方法でした。 <table border="0" cellspacing="0" cellp

【AI駆動開発】100ページ超のPDFをMarkdownに変換してAIに読ませる方法 はじめに 最近、大規模システムの引き継ぎ案件を受けました。 その案件はAI駆動の進め方が許可されていたので早速AIを利用して、引き継ぎどんどん進めていくぞ！ と思ったのですが、いくつか困ったことがありました。 そう、資料のほとんどがエクセルで構成されているのと、外部API仕様書のほとんどが100P以上あるPDFデータになっていました。 AIを利用する上で、エクセルなどはもちろんのこと、重厚長大なPDF資料を読み取ることも苦手でございます。 なので、各種ファイルをAIが読みやすい資料にするべく、マークダウンの形式に書き換えていく必要があります。 今回はその中でもPDFをマークダウンに変換する処理についてを紹介できればと思います。 この記事の最後に「ワークフロー」と「Pythonスクリプト」を載せています。

Pythonを学びたいと思って情報を探していると、動画講座や有料スクール、個人ブログなどが数多く見つかります。しかしその一方で、「どれが信頼できるのか分からない」「基礎を体系的に学べる教材が意外と少ない」と感じたことがある方も多いのではないでしょうか。 今回紹介するのは、筑波大学大学院 システム情報系 情報工学域教授・三谷純氏が公開しているPython学習用の教材スライドです。無料公開されているにもかかわらず、内容の密度が高く、独学者にとっても非常に価値の高い教材となっています。 昨年5月に公開した Python の教材スライドを大幅に更新しました。全309ページ。 ダウンロード自由にできますので、どうぞ。https://t.co/GgPMdugie2 pic.twitter.com/NP8LJtgG78 — 三谷 純 Jun MITANI (@jmitani) February 8, 2

Geminiに会社のチラシを作ってもらったら、嫁から「全部クソダサい」と言われ、ChatGPTになおしてもらった話 タイトルでだいたい書いてしまいましたが、話は急に会社のチラシが物理で必要になり、でも作る時間がなくジタバタしてた火曜日の深夜。 「Geminiに作ってもらうか」と思い立って試しに作ってもらうところからスタートしました こんな感じで要件をまとめて伝え、それでできたのがこれです さらに別パターンを5つぐらい出力してもらう これらをデザイン チョット デキル 我が嫁に見せて、「どれか良いのがある？」って聞いてみたところ 全部ダサいと無慈悲な一言で返されてしまいました しょうがないので今度はChatGPTの出番です。ダサい中でも一番マシなのを選んでもらい、 すると「できますよ」と力強いお言葉 こんな感じで、文字のポイント数やカラー、フォントの指定などもしてくれる。ただ具体的なチラシの

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 概要 地方の公立高校に在籍する筆者が、文化祭の整理券システムを開発したときの話をまとめました。大勢の人に使ってもらうサービスを作ったのは初めてだったのですが、失敗含め自分にとって良い体験になりました。 突っ込みどころも多いと思うので、ご指摘等ありましたらコメントしていただけると嬉しいです。 作ったもの 高校の文化祭で、クラスごとにやる企画の整理券を端末で取得・管理するWebシステム（以下、整理券システム）を作りました。イメージとしては、病院とかの予約システムに近い感じです。 機能 整理券の取得・管理 参加したい企画を選んで、整理券をスマ

はじめに 昔からサービスの運営者を困らせてきたものはいくつかあると思いますが、 特に代表的なのが “自動化による悪用” です。 スクレイピングによる無断データ収集や、予約システムを狙ったボット、さらには不正ログインを試みる自動化ツールなど、その形は時代とともに多様化してきました。 X (旧Twitter) には、今でも詐欺DMを送るボットが多いです。(自分は毎日来ます。) また、大阪万博の予約を勝ち取るために、サーバーに過度の負荷をかける形で自動化が悪用された事例もあります。 そして、最近はAIを利用した巧妙なものも増えています。 この記事を読んで、そのような事態に対処できるように知識が少しでも増えれば良いな、と思っています。 ぜひ少しでも役に立てば、いいね・他SNSへの共有など、よろしくお願いします！！ 実例 2025年現在、大阪万博なる物が開催されており、DX化の一環として予約をウェブ

はじめに エディタを開いたまま、手が止まっていた。 コードは書ける。バグも直せる。それなのに、何かが足りない気がする。毎日キーボードを叩いて、レビューを通して、デプロイして。それでいいのか、と聞かれると困る。いいのだと思う。たぶん。ただ、いいのだと言い切れる自信がない。 そんな時期に、勉強会で誰かが一冊の本を勧めてくれた。顔も名前も、もう思い出せない。『禅とオートバイ修理技術』。禅とオートバイ。エンジニアの自分に何の関係があるのか分からなかった。分からなかったが、勧められた本を買うのは好きだったので、その場で購入した。積読になった。 禅とオートバイ修理技術 上 (ハヤカワ文庫NF) 作者:ロバート Ｍ パーシグ早川書房Amazon 禅とオートバイ修理技術 下 (ハヤカワ文庫NF) 作者:ロバート Ｍ パーシグ早川書房Amazon 読み始めたのは、それから何ヶ月も経ってからだ。不思議と心に残

まずは、このプロンプトで「何ができるのか」をサクッとお見せします。 1️⃣Googleスライド完成までの流れ①Geminiに原稿を渡すプロンプトをセットしたGemに、スライド化したい元ネタを渡します。 文字起こし・PDF・動画など､AIが解析できるデータなら何でもOK！ ②GoogleスライドでGASを開くコードをまるごとコピーし、空のGoogleスライドから「拡張機能」→「Apps Script」を開きます。 ③コードを実行するコピーしたコードを貼り付けて保存 → 「実行」をクリック。 ④スライド完成！Googleスライド に戻ると…この通り｡ スライドショーGIF： すべて純粋なオブジェクト（テキストや図形）なので、自由に編集可能｡ もちろん、好きな画像を挿入することもできます。 なんと…「スピーカーノート」まで自動で生成してくれます。 2️⃣はじめにきっかけは「スライド生成AI､会社

この記事は、以下のモダンCSSに関する記事のHTML版です。 せっかくならHTMLもちゃんと学んでみようと思い、最近のHTMLの新機能を改めて学び直したので、アウトプットついでにこの記事を書いています。 HTML Living Standardの時代へ 2019年5月28日、W3CとWHATWGは、HTMLとDOM標準の開発をWHATWGが主導することで合意しました。これにより、HTMLは「HTML5」のようなバージョン番号を持つ仕様から、継続的に更新される「HTML Living Standard」へと移行しました。 この変化は単なる管理体制の変更ではなく、HTMLの進化の方向性を示しています。この記事で紹介する2019年以降の新機能を見ると、以下のような傾向が明確に現れています： 宣言的UI構築への移行 - JavaScript実装から、HTML属性による宣言的な記述へ ブラウザネイテ

はじめに 日々育児、家事と仕事を両立し最新の技術動向もキャッチアップしているパパママエンジニアの皆さまお疲れ様です。 そんな心身ともにぼろぼろな子育てエンジニアのみなさんはPCに向かって作業をしている時間が至福の時となっていることでしょう。 しかし、そんなひと時を邪魔する小さな訪問者が存在するのです。 本記事ではそんなかわいい訪問者を喜ばせてあげるためのTipsをいくつかご紹介します。 対象読者 1 ~ 3歳くらいのお子さんを持つエンジニアの方 在宅で仕事をすることが多い方 最近、仕事部屋に子どもが入ってきて困っている方 とはいえ、かわいい子どもを喜ばせてあげたい方 slコマンド slコマンドはlsコマンドのタイポを矯正するための素晴らしいコマンドです。 MacであればHomebrewでインストールできるので、まだインストールしていない方はインストールしましょう。 実行すると以下のようにS

みなさまお元気ですか 暑さも少し落ち着いてきて、ようやく外に出てもいいかなという気になってきました。季節の変わり目体調には気をつけていきたいですね。 実は、一ヶ月くらい前に Linux PC を自作して Mac から移行しました。そのときの考え、その後の感想を残しておきます。 また、学んだことや作業のログを細かく残しておきたいと思います。（どこかの誰かが不安に思ったときに同じ失敗や疑問を経験した人がいて安心してもらえたら嬉しい） Ubuntu のインストール画面 (ベストオープンソースと開発しよう！) 目次 Mac をやめるきっかけ、経緯 Ubuntu に移行して一ヶ月の感想 おまけ1: どのような PC になったか おまけ2: 事前に学んだこと おまけ3: PC の組み立て おまけ4: Ubuntu のセットアップ 加筆/修正 指摘のあった誤字を修正 NVEnc について誤った内容があっ

404 NOT FOUND 指定されたページが見つかりません。 掲載から一定の日数が経過した記事は、 配信社との契約に基づき削除される場合がございます。 （その場合、一定期間経過後は記事を見ることが出来ません。） それ以外のケースについては、お手数ですが 以下のいずれかの方法でページをお探しください。 ブラウザの再読み込みを行う 入力したURL（ページアドレス）にタイプミスがないか確認する ブラウザの「戻る」ボタンを押して前画面からやり直す

前回は、「UIデザインってそもそも何なの？」という概論的な説明と、UIデザイン未導入の組織の中でみんなでデザインを始めてみるための施策（プロトタイピングとユーザビリティ評価）を話しました。 今回はサービス、プロダクト開発において、デザイナーではない人でも知っていて損はないUIデザインの重要ポイントについて説明します。主に以下の３つのテーマについて順番に議論をしていきます。 デバイスやソフトによるUIの違い ユーザーにかかる身体的・認知的負荷を理解する UIの重要概念（ナビゲーション、インタラクションなど）を知る 「ちょっと」と銘打っておきながらめちゃくちゃ長いnoteになってしまったので、気になる項目だけ読むか、何回かに分けて読んでいただくことをおすすめします、。 ※どこか内容に間違ってる部分やご意見ありましたらコメントいただけたら嬉しいです。 なお、こちらの記事の内容は順次YouTube

30年ぶりにファミコン版ドラクエ4をプレイしたので、AI戦闘の仕様についてまとめます。ソースは主に下の記事と自分でプレイした検証結果です。 本件に関しては下の記事以上に詳しい情報はないと思われますが、仕様解析というコンセプトで非常に詳細に記載してくださっているため、この記事では自分なりに実プレイ上有用かなと思えるレベルでまとめました。 ご一読いただければ「なぜブライやミネアがいまいち使えなかったのか」といった疑問も解消すると思います。 なお、以下に記載の内容は100%正確とは限りません。 ソースの解析記事を私が誤読している可能性があるのと、一部自分で補完した内容はあくまでプレイ検証して「おそらくこうだろう」と結論づけているに過ぎないためです。ご了承ください。 基礎知識まず基礎知識。 ある程度詳しい方、少し調べたことがある方ならこの辺りはご存じの内容になるかもしれません。 AIは「モンスター

はじめにこちらはmhidakaが建立したAdvent Calendar Day.3となります。 こんにちは、はじめまして、のなと申します。mhidakaさんのTweetを見つけて、初めてAdvent Calendarなるものを書いています。なにかお作法間違っていたら大目に見てください、よろしくお願いします。 軽く自己紹介をさせていただくと、普段はGoogleでAndroidのTextまわりの開発を行っており、DroidKaigiやShibuya APKで発表させていただいたりしています。最近はほぼ絵文字の話しかしてないので、絵文字おじさんと思われてそうですが、普段の仕事は絵文字に限らず、Androidの文字表示の部分は大抵面倒をみています。 今回この機会をいただいたので、どんな内容を書こうか迷ったのですが、やはり皆が読んで面白い内容というと、絵文字になるのかなぁ、ということで性懲りもなく絵