以前改善案をいただきました

1124/12/12(木) 23:39:34

あにまん掲示板の画像URLから/storageを削除して貼り付けやすい機能を作りたかった者です

たくさんの改善案をいただきありがとうございました

いくつか反映できたのでご報告させていただきます

あにまん掲示板お気に入り画像とスレッド

>>41

2二次元好きの匿名さん24/12/12(木) 23:40:28

お疲れ様です

3124/12/12(木) 23:47:33

前回

一番多かったのは手作業で/storageを削除した方が早いのではないかというご意見でした

実際その通りでしたのでURLから削除するのは機能の一部とすることにしました

機能1 あにまん掲示板のスレッドURLを入力して画像を取得ボタンを押すとスレッド内の画像が一覧で表示される

4124/12/12(木) 23:54:49

画像を取得ボタンを押すと、
1. そのスレッドのタイトルとリンク、スレッド一覧へ追加ボタン
2. スレッド内画像のサムネイル、/storageを削除した画像URLのコピーボタン、画像一覧へ追加ボタン

大きく分けて2種類表示されます

5二次元好きの匿名さん24/12/12(木) 23:55:28

使ってみた
便利ねこれ

6124/12/12(木) 23:57:11

1. そのスレッドのタイトルとリンク、スレッド一覧へ追加ボタン

タイトルをクリックすると該当スレッドにジャンプします
スレッド一覧へ追加ボタンを押すとスレッド一覧に追加されます

7二次元好きの匿名さん24/12/12(木) 23:59:46

取り敢えず期待して保守

8124/12/13(金) 00:02:45

2. スレッド内画像のサムネイル、/storageを削除した画像URLのコピーボタン、画像一覧へ追加ボタン

・画像のサムネイルをクリックすると元画像が確認できます
・レス番をクリックすると画像が貼り付けたれていたレスポンスへジャンプします
・コピーボタンを押すと/storageを削除した画像URLをコピーします
画像一覧へ追加ボタンを押すと画像情報が画像一覧へ追加されます

9二次元好きの匿名さん24/12/13(金) 00:06:00

エエヤン！エエヤン！

10二次元好きの匿名さん24/12/13(金) 00:06:28

おおーこれはいい

ちょっと実験させてください

https://bbs.animanch.com/ogp_s/6824968/

>>11 >>17

111024/12/13(金) 00:07:07

>>10

あら、やり方間違えたか

>>12

12124/12/13(金) 00:09:12

>>11

途中ですけど外部リンクのサムネイル画像も取得する仕様なので申し訳ないです

コピーしたときに画像URLに/imgが入っているものを使ってください

13二次元好きの匿名さん24/12/13(金) 00:09:49

お試し

14124/12/13(金) 00:16:47

機能2 画像一覧
画像一覧ページにはブックマークした画像が表示されます

メインページに表示されるものと大体同じで、
・画像のサムネイルをクリックすると元画像が確認できます
・レス番をクリックすると画像が貼り付けたれていたレスポンスへジャンプします
・コピーボタンを押すと/storageを削除した画像URLをコピーします
・削除ボタンを押すと画像一覧から削除されます

15124/12/13(金) 00:22:51

機能3 スレッド一覧
スレッド一覧ページにはブックマークしたスレッドの一覧が表示されます

・タイトルクリックで元のスレッドへジャンプします
・画像ボタンクリックでスレッド内の画像一覧ページへジャンプします
・削除ボタンクリックでスレッド一覧から削除されます

16124/12/13(金) 00:27:15

機能4 スレッド内画像一覧
スレッド一覧にあるお気に入りスレッドの画像ボタンをクリックすると生成される

・ヘッダーのスレッドタイトルをクリックすると元のスレッドへジャンプする
・その他はメインページに表示される画像一覧と同じ

17124/12/13(金) 00:33:47

以上が前回いただいた意見の反映版です　ご協力ありがとうございました

よければ今回も触っていただいて改善案をいただけると嬉しいです

>>10

外部リンクのサムネイル画像も取得しておきたいので、この場合はコピーボタンが無効になるように書き換えます

ご確認ありがとうございます

>>18

18二次元好きの匿名さん24/12/13(金) 00:46:20

>>17

外部リンクが多いスレだと外部のサムネがじゃまになりそうですから、外部画像を一覧に表示するかをチェックボックスとかで選べるといいんじゃないでしょうか

>>20

19二次元好きの匿名さん24/12/13(金) 01:26:04

お気に入りスレッドっていくつまでなら登録できるの？

>>20

20124/12/13(金) 12:07:03

>>18

なるほど、絞り込みボタンを付けた方が使いやすそうですね

反映しました

>>19

実際の上限はわかりかねます

申し訳ないです

推定ですが、1スレッド保存で0.5KBくらい使う計算です

そしてブラウザによって違いますが5MBくらい枠が用意されるようなので理論値で10000件保存できるようです

21二次元好きの匿名さん24/12/13(金) 12:09:24

22二次元好きの匿名さん24/12/13(金) 12:09:53

これメチャクチャ使いやすいじゃん！本当にありがとうな！

23124/12/13(金) 12:12:03

追加機能　コピー可能画像絞り込み
メインページ、画像一覧、スレッド内画像一覧の画像を書き込みに使えるものとそうではないものに絞り込んで表示する
デフォルトはすべて表示

24124/12/13(金) 12:16:31

機能追加して使いたい画像のコピーがしやすくなった他、外部リンク先を確認しやすくなりました

やはり自分では見えない視点がありがたいです

何か気づいた点がありましたらまたご意見お願いします

25二次元好きの匿名さん24/12/13(金) 12:19:37

ブックマークレットとかは無いの？

>>26

26124/12/13(金) 12:29:42

>>25

ブックマークレット！

何か忘れていると思っていましたがそれですね

今はなにも用意していませんが作りたいです

スレURLコピー、画面遷移、貼り付け、ボタン押下の手順が縮められそうです

ご意見ありがとうございます

>>29

27二次元好きの匿名さん24/12/13(金) 18:09:06

URL入力欄は h ttps://bbs.animan.com/ から始まる奴以外が送信されないようにはじいてるのかな
見た感じスレッドのURL以外（画像URLとか、あにまん掲示板トップとか、カテゴリトップとか）も送信できてしまって、Internal Server Errorが表示されるっぽい
あと、削除されたスレッドのURLが入ってもはじかれずにエラーが出る
その辺送信前にはじくか例外処理の追加が必要かも

>>29

28二次元好きの匿名さん24/12/13(金) 19:01:31

同じスレッドでもスレッド一覧に複数回追加できる
画像はスレッド一覧ページだけど、画像一覧ページでも同じ画像を複数回お気に入り登録できるようになっている
スレッド・画像URLの重複は自動で消えるようになるといいんじゃないか

>>29

29124/12/14(土) 06:29:02

>>26

ブックマークレットを用意しました

ヘッダーのブックマークレットを追加(識者向け）を押して表示されたリンクに従ってお気に入り登録してください

あにまん掲示板のスレッドを開いた状態で実行すると、メインページのフォームにURLが入力された状態で遷移します。その後は画像を取得ボタンを押すなどの操作をします

使える人は限られていそうな機能です

>>27

ありがとうございます https://bbs.animanch.com/board/【数字】/に該当しないURLを弾く設定で対応しました

>>28

ありがとうございます重複の登録はできない対応をしました

30二次元好きの匿名さん24/12/14(土) 06:36:53

このレスは削除されています

31124/12/14(土) 06:37:32

できたとおもいきや表示ができなくなっていますね
しばらく改修作業に入ります

32124/12/14(土) 07:20:06

対応できました

確認いただける方はお願いします

33二次元好きの匿名さん24/12/14(土) 19:12:04

このレスは削除されています

34二次元好きの匿名さん24/12/15(日) 06:47:54

保守

35二次元好きの匿名さん24/12/15(日) 16:02:14

このレスは削除されています

36124/12/15(日) 19:42:31

保守していただいてありがとうございます

・２カラムレイアウト対応しました

・スレッド一覧のカードの内容を変更しました

画像クリック→スレッド画像一覧へジャンプ

スレッドタイトル→スレッドへジャンプ

コピーボタン→スレッドURLコピー

削除ボタン→スレッド一覧から削除

37124/12/15(日) 19:45:02

今回の対応でimgURLとスレッドURLを取りやすくなったのではないかとおもいます

38二次元好きの匿名さん24/12/16(月) 01:26:04

使いやすくなってる！
スレッド一覧で画像をクリックで画像一覧ページに飛ぶのはいいんだけど、ちょっと気づきにくいかも（知っていれば使いやすいとは思うけど）
クリック（タップ）できることをもっとわかりやすくするか別のボタンを用意したほうがいい気がします

>>43

39二次元好きの匿名さん24/12/16(月) 01:42:02

すげえ……便利すぎる……

スレッド一覧のページに、「スレッドのサムネイル画像をクリック（タップ）すると、スレッド内の画像を一覧で表示します。」の文言があるだけでもいいかも……？

別途ボタンがあるのと、どっちが分かりやすいかな……

>>43

40二次元好きの匿名さん24/12/16(月) 13:32:23

守

41二次元好きの匿名さん24/12/16(月) 17:32:28

>>1

お疲れっす

42二次元好きの匿名さん24/12/17(火) 01:01:23

このレスは削除されています

43124/12/17(火) 05:18:06

>>38, >>39

動作確認ありがとうございます

自分で作成するとどこに何があるかわかっているので盲点でした

44124/12/17(火) 05:23:52

改修箇所は以下の通りです

・サムネイル画像にマウスを載せるとオーバーレイで文言がでます

　　→メインページ、画像一覧、スレッド内画像一覧では「元img表示」

　　→スレッド一覧では「スレッド内画像一覧」

これでサムネイル画像にも何かある事が伝わればと思います

・３カラムレイアウトに変更

左カラムとメインコンテンツに加えて右カラムを追加しました

右カラムには外部リンクを詰めたりしようかと考えています

このwebアプリを作成しようとしたきっかけのスレッド内の便利リンクを載せておけば他人のふんどしで相撲が取れる気がします

45124/12/17(火) 05:26:13

・ハンバーガーメニュー追加
カラムが増えたのでスマートフォン画面の初期状態では左右カラムを非表示にしてヘッダー右にハンバーガーメニューを設置しておきました
表示にすると、左メニュー→メインコンテンツ→右メニューの順になります

46124/12/17(火) 05:28:42

開いた状態

47124/12/17(火) 05:30:02

ほかに追加できそうな機能があるか検討してみます

48二次元好きの匿名さん24/12/17(火) 08:33:50

このレスは削除されています

49二次元好きの匿名さん24/12/17(火) 18:04:48

保守ついでに機能希望
お気に入りスレッド・画像URLのエクスポート・インポート機能があるとうれしいかも

>>57

50二次元好きの匿名さん24/12/18(水) 03:25:07

このレスは削除されています

51124/12/18(水) 11:07:59

エクスポートテスト　画像

52124/12/18(水) 11:09:13

文字数制限に引っかかりました

53124/12/18(水) 11:16:10

Tele　graphもngか

54124/12/18(水) 11:21:07

短縮url

55124/12/18(水) 11:47:15

短縮URLは載せられるんですね

お気に入りスレッドエクスポート

56124/12/18(水) 11:57:13

サムネイルはついたでしょうか

57124/12/18(水) 13:29:17

もう一度

>>49

エクスポート・インポート機能はあると便利そうです

対応しました

平文でエクスポートしてインポートするので昔のゲームのパスワードみたいなものです

使いにくいので要改良です

あにまん掲示板のみでやり取りできると美しいので1000文字以下の平文かpng画像を使ったデータ保存手段を考えます

58124/12/18(水) 13:32:58

左カラムの下の方に
・画像一覧のエクスポート
・画像一覧のインポート
・スレッド一覧のエクスポート
・スレッド一覧のインポート
機能を追加しました

59124/12/18(水) 13:37:34

・画像一覧のエクスポートをクリックすると、クリップボードにコピーされます

サンプルの画像一覧をTGに用意しました

・画像一覧のインポート用テキストエリアに貼り付けてインポートを実行すると画像一覧に追加されます

重複分は追加されず、既存のデータはそのまま残ります

60124/12/18(水) 13:39:14

スレッド一覧のエクスポート・インポートも同様です

サンプルのスレッド一覧のエクスポートデータをTGに載せました

画像一覧と同様に重複なしで追加、既存のデータはそのまま残ります

61124/12/18(水) 13:40:13

png画像にデータを埋め込む形式に変更しようと思いますが、他の方法があればご提案ください

62二次元好きの匿名さん24/12/18(水) 14:11:30

このレスは削除されています

63二次元好きの匿名さん24/12/18(水) 14:26:04

このレスは削除されています

64二次元好きの匿名さん24/12/18(水) 14:28:52

このレスは削除されています

65二次元好きの匿名さん24/12/18(水) 14:32:16

いつぞやのお主か、ようやっておる

>>69

66124/12/18(水) 17:31:30

データpng画像変換テスト
スレッド一覧

67124/12/18(水) 17:34:06

画像一覧データpng画像化テスト

68二次元好きの匿名さん24/12/18(水) 18:58:45

pngだと掲示板で共有しやすくていいね
それと平行して単純なテキストでのエクスポート・インポートががあってもいいんじゃないかと思います
それこそPythonのリストだとかをそのまま出力して
["1234", "5678", "9012"]とか["img/1234/1", "ogp_s/5678","img/9012/3"]みたいな形で出力できれば、手元で連結とか分割とか削除とか編集できて管理しやすいんじゃないかな

>>69 >>88

69124/12/19(木) 01:43:21

いくつか更新しました

>>65

恐れ入ります。よければ使ってみてください。

>>68

なるほど、手元で管理したい場合もありますね。

テキストでエクスポート機能を作ろうかと思います。

インポートを用意しないのはURLを書き換えられた時の不整合に対応できないためです。

区画が落ち着いてきました

・ヘッダー

・左カラム

・メインコンテンツ

・右カラム

・フッター

70124/12/19(木) 01:45:00

ヘッダー
・タイトルをクリックするとホームページに戻ります
→画像一覧、スレッド一覧、スレッド内画像すべて同様です
・ハンバーガーメニューをクリックすると左右カラムが表示・非表示で切り替わります

71二次元好きの匿名さん24/12/19(木) 01:47:46

すげえ便利になっとる
これならブクマ1つでよくなるな

72124/12/19(木) 01:48:14

左カラム
・ホームページへのジャンプを消しました。ヘッダーかフッターをクリックしてください
・画像一覧、スレッド一覧へジャンプできます
・画像一覧、スレッド一覧のエクスポート・インポート機能を搭載しました。ファイルはPNG画像を入出力します。
・ブックマークレットの追加ができます。マウスをホバーしただけで内容が分かる方は利用してください。

73124/12/19(木) 01:51:28

画像一覧・スレッド一覧のエクスポート・インポート機能
まず画像一覧のエクスポート機能ですが、クリックすると画像一覧にある画像の情報をPNGファイルに変換してダウンロードします。
命名規則は「imageYYYYMMDDhhmmss.png」ですので、必要に応じて変更してください。
PNG形式ですのであにまん掲示板のファイルを選択でアップロードできます
サンプルの画像一覧のデータファイルです。

74124/12/19(木) 01:57:31

画像一覧のインポート機能
あにまん掲示板に貼られている画像一覧のPNGデータファイルをダウンロードします。
この時、かならず画像を開いてください。Windowsであれば右クリック→「名前を付けて画像を保存」を選択します。画像はPNGファイルであることを確認してください。

次にインポート(画像)をクリックして画像データのPNGファイルを選択してください。
すると重複分を除き、新しく画像一覧に追加されます。

75二次元好きの匿名さん24/12/19(木) 01:58:59

このレスは削除されています

76124/12/19(木) 01:59:51

スレッド一覧のエクスポート機能も同様です。
クリックするとスレッド一覧にあるスレッドの情報をPNGファイルに変換してダウンロードします。
命名規則は「threadYYYYMMDDhhmmss.png」ですので、必要に応じて変更してください。
PNG形式ですのであにまん掲示板のファイルを選択でアップロードできます
サンプルのスレッド一覧のデータファイルです。

77124/12/19(木) 02:00:56

スレッド一覧のインポート機能も画像一覧の時と同様です。
あにまん掲示板に貼られているスレッド一覧のPNGデータファイルをダウンロードします。
この時、かならず画像を開いてください。Windowsであれば右クリック→「名前を付けて画像を保存」を選択します。画像はPNGファイルであることを確認してください。

次にインポート(画像)をクリックしてスレッドデータのPNGファイルを選択してください。
すると重複分を除き、新しくスレッド一覧に追加されます。

78124/12/19(木) 02:06:16

インポート時の懸念事項ですが、PNGデータファイルを見てもインポートするまで内容が全く分からないことです。
しばらくはローカル環境で作成したPNGデータファイルのみ利用すると安全かと思います。

79124/12/19(木) 02:10:12

メインコンテンツは変更ありません
右カラムはあにまん掲示板のウマ娘・競馬カテゴリを楽しむためのリンクを張ることにしました
・あにまん掲示板
・あにまん検索【非公式】
・UmaImageCombine
・ウマ娘ポジショニングマップ

無許可ですのでこっそりとリンクしています

80124/12/19(木) 02:11:03

フッターはホームページへのリンクを張りましたので画像やスレッド一覧を下まで見終えた時に戻りやすくなったかと思います

81124/12/19(木) 02:15:20

親切な方がエボスレで紹介してくださったので、間違いなくウマ娘・競馬カテゴリのWebアプリになりました

よろしければご活用ください。

82二次元好きの匿名さん24/12/19(木) 08:56:23

おお、便利だ

83二次元好きの匿名さん24/12/19(木) 18:37:10

このレスは削除されています

84二次元好きの匿名さん24/12/20(金) 01:05:01

乙です

85二次元好きの匿名さん24/12/20(金) 08:24:37

このレスは削除されています

86二次元好きの匿名さん24/12/20(金) 09:13:02

便利
すごい

87124/12/20(金) 17:20:00

画像アップロード試験

88124/12/20(金) 22:27:40

>>68

ローカルストレージからcsv出力する機能を追加しました。

画像一覧のcsvダウンロードをクリックすると文字コードUTF-8で

・サムネイル画像のURL

・コピー可能な画像(/storage削除)のURL

・レスポンス番号

・スレッドのURLレスポンス番号付き

の4項目がcsvファイルとしてダウンロードされます。

命名規則はimage_YYYYMMDDhhmmss.csvです

スレッド一覧のcsvダウンロードをクリックすると文字コードUTF-8で

・スレッドのタイトル

・スレッドのURL

・スレッドの一番初めのレスポンスにあるサムネイル画像のURL

の3項目がcsvファイルとしてダウンロードされます。

命名規則はthread_YYYYMMDDhhmmss.csvです

89124/12/20(金) 22:29:24

UTF-8で出力していますのでテキストエディタで閲覧するか、Excelで開くときは文字コードを変更してご利用ください。

90二次元好きの匿名さん24/12/21(土) 07:45:00

このレスは削除されています

91124/12/21(土) 10:40:15

クリエイター向けのページを追加しました

左カラムからジャンプしてください

92124/12/21(土) 10:44:13

左側はテキスト入力エリアです
文字数カウンターと行数カウンターがあり、それぞれ1000文字と30行を超えると赤文字になります。

93124/12/21(土) 10:50:07

文章ができましたらコピーボタンも用意してあります
またクリアボタンでまっさらにすることもあるかもしれません

94124/12/21(土) 10:53:12

右半分は画像一覧ページと同様の機能です。
クリエイター向けページではコピーボタンをクリックしたときにアラートを出さないようにしていますので素早い貼り付けが可能になっています。
またデフォルトでコピー可能な画像(/storageなし)を表示するようにしています。

95二次元好きの匿名さん24/12/21(土) 10:55:55

このレスは削除されています

96二次元好きの匿名さん24/12/21(土) 10:57:20

このレスは削除されています

97124/12/21(土) 11:00:34

まだ機能が不十分なため、同一画像URLを貼り付ける際は末尾に重複なしのナンバリングが必要です

https://bbs.animanch.com/img/【スレッドナンバー】/【レスポンスナンバー】/【重複なしのナンバリング】

98124/12/21(土) 11:00:56

https://bbs.animanch.com/img/466782/47