htmlソースメモ

投稿

3月, 2025の投稿を表示しています

Mastodon URL変換ツール

3/12/2025 07:29:00 午後

Gemini コードを作ってもらった。依頼文：「https://ドメイン/@ユーザーID」のような文字列を「@ユーザーID@ドメイン」のように変換して簡単にクリップボードにコピーできるフォームがあるWebページを作りたいです。コードを教えてください。一つのファイルで実現できるようにお願いします。 Geminiが提案したコード（一部は私が追加）： <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>Mastodon URL変換ツール</title> <style> body { font-family: sans-serif; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; ...

WordPressのコメントURLを変換するコード

3/11/2025 11:06:00 午前

次のような目的のWebページを作成するコード。目的：「https://ドメイン/記事番号/#comment-コメントID」のような形式のURLを「https://ドメイン/?c=コメントID」に変換する。Webページのフォームに変換前のURLを入力したら自動で変換後のURLが表示されてコピーしやすくなるようなWebページ。 Geminiの提案（一部追加）： <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>URL変換ツール</title> <style> .container { width: 500px; margin: 50px auto; text-align: center; } textarea { width: 100%; heigh...