Perplexity

hugo再再起動

先日再公開したWebサイト。

Perplexity作の扉絵

この仕組みをイラスト1枚の扉絵にして

rNote版のサイトとイメージが乖離してしまうと面倒なので記事内のHTMLをそのまま引き継ぐ形で構築したのが、リンク切れなど細かく確認チェックしたところ、実体パスが変わっていたり、エラーで変換漏れしている事がわかった。

詳しく言うと、rNoteでいうところのAnker:20171115_b_routeは、アンダーバーを使わないHugoではslug:20171115-b-routeになるらしいので、改めて「清く正しくMarkdownのお作法に従うべし」という考えに立って、今度はPerplexityでやり直し。

変換漏れは、slugの元ネタとなるAnkerが元々間違っていた(コピー元から派生した際の変更忘れ)事に起因する、slug重複による上書きと判明し、XML側のAnkerをファイル名に合わせて手動で訂正。

アンダーバー問題は内部参照リンクをスクリプトで変換する形で対応。

公開サーバにアップロードすると記事内の画像や参照リンクURLが/images/~と絶対パスになってしまう問題も復活したが、Hugoのテンプレートに清く正しくRelPermalinkやrelURLなどを盛り込む対処でOK。

Gemini版とは違うものの、Archiveを年月でドリルダウンする仕掛けもそれなりにできた。いずれにせよrNote版とは乖離しており、どっちが良いとも言い切れないのが悩みだが、レスポンシブデザインだったりユニバーサルデザインとか考えるとそのあたりに拘るのは時代的によろしくないのかもしれないなぁ、と理解。

yano@cometlake:~$ cd ~/hugo_site/
yano@cometlake:~/hugo_site$ source .venv/bin/activate
(.venv) yano@cometlake:~/hugo_site$ rsync -avu gt110b.local:~/public_html/entries/diary/* rnote_xml/; \
                                    rsync -avu gt110b.local:~/public_html/images static/;
(.venv) yano@cometlake:~/hugo_site$ python rnote2hugo.py -b "/~yano" -i rnote_xml/ -o content/post/
完了: 8667 件変換, 0 件エラー  →  content/post/
(.venv) yano@cometlake:~/hugo_site$ hugo
Start building sites …
hugo v0.161.0-98d396c16a07b51df06e7673d817a3880da6218d+extended linux/amd64 BuildDate=2026-04-28T11:46:32Z VendorInfo=gohugoio
~~
Total in 40521 ms
(.venv) yano@cometlake:~/hugo_site$ rsync -avu ./public/* vps:~/public.hugo.20260516/

前回ので10分以上かかっていた8,000件のbuild時間も40秒ほどに短縮されて、何より。

参照

The world’s fastest framework for building websites https://gohugo.io/

ダッシュボード完成

9日10日の続報。

ダッシュボード完成形

Perplexity+Claude Sonnet 4.6

PerplexityでLLMモデルを「Claude Sonnet 4.6」に指定して「バイブコーディング」を続行。

PC、スマホ、タブレットで確認しつつ情報やレイアウトを整理し、時系列グラフの表示幅(時間軸)を選択できるようにしたら、情報が多すぎて縦画面では選択ボタンが表示されなくなった。

縦画面ではプルダウンにしたり、いろいろと試行錯誤していたら「データ取得エラー」となって何も表示されなくなってしまったのだが、

原因が分かりました。applyRangeUiMode() 関数が .range-desktop / .range-mobile クラスを探していますが、前のリファクタリングでそれらの要素を削除済みです。さらに re.sub で isDual を全置換した際にJSコードが壊れている可能性があります。

と自己分析。

申し訳ありません、次のターンで改めてファイル全体を整合性のとれた状態で再生成します。現状は複数回の差分編集が積み重なってJS内部に矛盾が生じています。一度クリーンなベースから書き直した方が確実です。続行してよいですか?

という提案に乗って続けてもらい、無事に回復。

…すごいな。

参照

Perplexity https://www.perplexity.ai/

Claude https://claude.ai/

Anthropic https://www.anthropic.com/

Wikipedia https://ja.wikipedia.org/wiki/

バイブコーディング

昨日の生成AIで作ったスマートメーターモニターがいきなりいい感じだった件。

ほぼ完成形のダッシュボード

Perplexity+Claude Sonnet 4.6

速攻でClaude Codeの無料分(5時間枠)を使い切ってしまったので、さてどうしたもんかと思ったのだが、Perplexityで使用できるLLMモデルに「Claude Sonnet 4.6」があったので、こいつを使ったところ手作業で修正する必要がないものがサクッと出来上がってしまった。

そんなわけで、Perplexityのチャットインタフェースで、2要素グラフの軸を入れ替えたり、スマートフォン向けに位置や大きさを微調整したり、例外表示を追加したり、要件をプロンプトして、ほぼ完成。

なるほど、これが「バイブコーディング」か…

参照

Claude Code https://code.claude.com/

Perplexity https://www.perplexity.ai/

Google Cloud https://cloud.google.com/

IBM https://www.ibm.com/jp-ja/

Perplexity https://www.perplexity.ai/

Gemini https://gemini.google.com/

Microsoft Copilot https://copilot.microsoft.com/

ChatGPT https://chatgpt.com/

Wikipedia https://ja.wikipedia.org/wiki/

Claude Code

仕事先での打合せの最中、「ところでClaude Codeって、どうですかねぇ?」と言われて、そういえば「基本的に有料プラン(ProまたはMax)が必要」という敷居にビビってClaude Code使ってなかったなぁ、と思い出した。

オシャレなダッシュボード

Claude Code、会心の一撃

そんなわけで、遅ればせながらclaude.aiにアクセスし、アカウント作成。

四の五の言わず

スマートメーターの消費電力を出力したcsvファイルをWebUIに出力するpythonスクリプトを作成して。CSV並びは日時、電力量(W)、アンペア(A)、累計電力(Wh)で、電力量の時系列折れ線グラフと、直近のアンペアを表示する(40アンペア以上はレッドゾーンになるスピードメーターのような)円形メーターも付けて。ファイル名はコマンドライン指定で、15秒周期で自動読み直し再表示。TCPはany:8989で待ち受け(IPv6にも対応)して下さい。

というプロンプトを喰わせてみたところ、Claudeが一発で結構イケてるGUIを実装してくれて驚いた。

なんと、メーターにはイエローゾーンがあったり、時系列グラフも電力量とアンペアの2軸表示。プロンプトに無い最大値や累計値、一覧リスト表示など至れり尽せりだ。おかしいところはメーターの円弧角度がおかしいのと、文字が被って見づらいくらいか。

そんなわけで、PerplexityGeminiCopilotでもやって比較してみた。

PerplexityのSonarは最大値や累計値、一覧リスト表示などもあり、見た目にもClaudeに近い凝った実装だが、グラフのスケールがおかしかったり円弧の接合点が上下逆だったり針が動いてなかったり問題はあり、ちょっと残念な感じ。

Geminiは必要十分なシンプル実装(最初は100行程度だったが、streamlit pandas plotlyを使わなくして143行になった)で、直近値の情報や生データリスト表示もあって悪くない。

Copilotも200行程度のシンプルな実装で、Geminiに近いが、一覧リスト表示が無い。

ChatGPTは軸ラベルすら無い最もシンプルな見た目で、メーターも針があるが文字がなく「忠実に言われたことだけやりましたが何か?」という潔さを感じる結果だが、ここから実装を積み上げて行くのだ~と言われると途方に暮れそうだ。

なるほどClaude Code、高いだけのことはある、のかも。

参照

Claude Code https://code.claude.com/

SIOS Tech Lab https://tech-lab.sios.jp/

みのるん https://qiita.com/minorun365

とまだ@AI 駆動開発教育者 https://zenn.dev/tmasuyama1114

窓の杜 https://forest.watch.impress.co.jp/

とほほのWWW入門 https://www.tohoho-web.com/

Perplexity https://www.perplexity.ai/

Gemini https://gemini.google.com/

Microsoft Copilot https://copilot.microsoft.com/

ChatGPT https://chatgpt.com/

Wikipedia https://ja.wikipedia.org/wiki/

Google AI Plus

1月に提供開始されたGoogle AI Plus

プランと料金

Google Oneより

Perplexity Proの無料期間が6月で終了したあとの月額2,950円(年額2万9,500円)の契約をどうするか考えていたところだったので、月額1,200円(年額12,000円)というお値段にビビビッと来た。

2023年4月に契約したGoogle Oneのベーシックプラン100GBのスーパーセットとなる200GBのクラウドストレージ付きというのも渡りに船なので、アップグレードする事に。

なお、ベーシックプラン100GBも年間契約(2025年から年額2,900円)してたので、更新タイミングを見計らっていたのだが、実は日割り勘定で損しないようになっているそうな。

参照

ケータイ Watch https://k-tai.watch.impress.co.jp/

ITmedia AI+ https://www.itmedia.co.jp/aiplus/

エンプラはありません https://zenn.dev/mohy_nyapan/

Google Blog https://blog.google/

Google One https://one.google.com/

Wikipedia https://ja.wikipedia.org/wiki/

Perplexity

5月に契約したLINEMO(3483)の回線に付与されるソフトバンクユーザーなら1年間無料で使えるAI検索「Perplexity」の登録期限(2025年6月18日)が迫ってきた。

新時代のAI検索エンジン Perplexity pro が1年間0円

Perplexity Pro 1年間無料キャンペーンより

いろいろと調べた結果、既存のPerplexityアカウントやメールアドレスを引き継ぐのは無理っぽい。まぁ、引き継げなかったとしてもプロンプト履歴が消えてしまう程度のロスしかないので、改めて新規ユーザーで登録を実施。

せっかくなのでAPIぐらい使ってみるかな…

参照

ITmedia NEWS https://www.itmedia.co.jp/news/

Impress Watch https://www.watch.impress.co.jp/

ソフトバンク https://www.softbank.jp/

Perplexity https://www.perplexity.ai/

Wikipedia https://ja.wikipedia.org/wiki/

Perplexity無料

先月開通したLINEMOに加入した目的の一つ。

新時代のAI検索エンジン Perplexity pro が1年間0円

Perplexity Pro 1年間無料キャンペーンより

ソフトバンクユーザーなら1年間無料で使えるAI検索「Perplexity」に早速ユーザー登録。

月額2,950円の「Perplexity Pro」が月額990円で使えるなら、LINEMOに入るしか無いでしょう。

とりあえず、無料版とプロ版の違いを「Perplexity Pro」自身に説明させてみた。

プロンプトは"Perplexityの無料版とプロ版の違いをHTMLのTABLE形式で比較して"。

		項目
		無料版
		Pro版
	


	
		月額料金
		無料
		約3,000円(月額20ドル前後)
	
	
		クイック検索
		無制限
		無制限
	
	
		Pro Search(高機能検索/深掘り調査)
		1日5回まで
		1日最大600回~無制限
	
	
		利用可能AIモデル
		標準モデルのみ(GPT-3.5相当中心)
		GPT-4o、Claude 3.5 Sonnet、Llama 3.1 405B、他最新モデルを選択可能
	
	
		ファイルアップロード
		1日3回まで
		無制限、ファイルサイズ上限も拡大
	
	
		画像生成(DALL-E/SDXL等)
		利用不可
		利用可能
	
	
		チーム/スペース機能
		スペース(個人利用のみ)
		スペースの共同編集・最大10人/チーム利用・Pages公開機能
	
	
		特殊モード(Writing/Academic/Math等)
		一部対応
		強化対応
	
	
		検索履歴・AIプロフィール管理
		基本対応
		パーソナライズ強化・詳細管理

参照

ITmedia NEWS https://www.itmedia.co.jp/news/

Impress Watch https://www.watch.impress.co.jp/

ソフトバンク https://www.softbank.jp/