素人によるWebサイト開発スレ(仮)

[1 素人◆tsGpSwX8mo 23/05/01(月) 11:34:23]

本職エンジニアでもなんでもないガチの素人がgoogle検索に頼りながら意味もわからず開発してるスレです

よくわかんないけどググったらこう書けよって出てきたからその通り書いてみたら動いたわ、レベルの素人が雰囲気で開発してます

繁忙期すぎてスレ落ちちゃったけど今やってるやつ↓

あにまん技術･開発部(仮)｜あにまん掲示板

※このGW使って大幅改修を目論んでるので一旦サーバー止めてます

※ので、サイトにはアクセスできませんすみません

[2 二次元好きの匿名さん 23/05/01(月) 11:34:56]

自分も興味あるから楽しみ

[3 素人◆tsGpSwX8mo 23/05/01(月) 11:36:41]

ところでGitHubへの公開なんですけど、ちょっと問題があって
RSS取得や通知機能をPHPで書いてたけどどうもGitHub PagesはPHP動かないらしい・・・

[4 素人◆tsGpSwX8mo 23/05/01(月) 11:41:40]

今更だけどマジもんの素人すぎて設計資料もなんもないです
とりあえずやりたいこと↓
・あにまん掲示板の通知機能を実装する
・具体的には指定したスレの更新通知が届くようなウェブアプリにする

できたこと
・RSSを読み込み、一覧表示にしたり、ジャンル指定にしたり、メール通知できるようにした
・スレのURLを設定するとポップアップ通知が届くようにした

問題点
・あにまん提供のRSSはリアルタイムではなく、また全てのスレが載るわけではないので漏れるスレも当然ある
・リアルタイムでポップアップ通知が届くようにするために、バックグラウンドで6秒くらいの間隔でスレにアクセスするためあにまんサーバー側への負荷があるかもしれない
・シンプルにUIがダサい

本当はやりたいこと
・専用ブラウザ開発

できない理由
・シンプルに技術が足りない
・あとあにまんはAPIを提供してない

[5 素人◆tsGpSwX8mo 23/05/01(月) 11:49:36]

以前公開していたサイトの開発環境
・HTML/CSS/JavaScript/PHP
・フロント→HTML/CSS/JavaScript
・バック→PHP(主に外部URLを読み込んでHTMLを取得、タイトルやジャンルなどの情報取得)

GitHubではPHPが使えないらしく、JavaScriptだけでURLをとってきて…ってやろうとするとなんかエラー起きる
ので、今後もさくらレンタルサーバーとかの激安プランで乗り切ろうと思ってる
もしくは他の無料サーバーを検討中(だけど詳しくないので有識者いたら提案してほしい)

現在並行して「ReactとLaravel」、「ReactNative」でも同じものを作ろうとしてる
Laravelはバージョン：10だけどさくらレンタルサーバーがPHPは8.0までしか対応してなくて、Laravel10はPHP８.1以上必要だから、9に落として作り直してるところ
ReactNativeはウェブアプリじゃなくてアプリ作ってみたくてお試しだからちょっと放置してるけど

[6 素人◆tsGpSwX8mo 23/05/01(月) 11:51:12]

あと、あにまん掲示板のお問い合わせからAPI提供は可能かどうか聞いてみた
返事待ちしてるけど、本当に返事が来るかはわからない…

お問い合わせして返事もらったことある人いるんか？

[7 素人◆tsGpSwX8mo 23/05/01(月) 11:55:56]

前バージョンのサイトではRSSも取得してたけど、RSSもしかたらもういらんのかもって言う気持ちもある
そこらへんは使ってくれる人の意見も聞きながらで作っていきたい

10連勤してGW手に入れたので、この期間中に行けるとこまで行く予定

[8 素人◆tsGpSwX8mo 23/05/01(月) 11:56:15]

スレ落ちしないように10まで保守させてもらうね

[9 素人◆tsGpSwX8mo 23/05/01(月) 11:56:38]

開発で追加要望とかあったらここに書き込んでほしい

[10 素人◆tsGpSwX8mo 23/05/01(月) 11:56:50]

よろしくお願いします

[11 二次元好きの匿名さん 23/05/01(月) 12:19:57]

あの時の人か！前使ってました～
個人的には使いやすくてよかったけどRSSはいらないかなと思いました

[12 二次元好きの匿名さん 23/05/01(月) 13:51:04]

そっかGitHubってHTML、CSS、JavaScriptしか動かないんだ

[13 二次元好きの匿名さん 23/05/01(月) 15:30:10]

素人でちゃんと公開まで行って他人が触れる段階まで持ってけただけですごいと思うが・・・
技術がHTMLからReactに飛んでるの進化スピード早くて草

[14 素人◆tsGpSwX8mo 23/05/01(月) 22:10:37]

明日、作りたいもののまとめとかやります
あとはあにまん掲示板の管理人からの返事待ちだけど、API提供された場合は専用ブラウザ開発に進みたいので、有識者よろしくお願いします

[15 二次元好きの匿名さん 23/05/02(火) 06:08:45]

保守

[16 素人◆tsGpSwX8mo 23/05/02(火) 12:26:29]

・現在の環境
　HTML/CSS/JavaScript/PHP
　さくらのレンタルサーバー使用(今後もここか、もしくは別のところを使用予定)

・現在実装中
　RSS機能との切り分け
　通知設定できるスレの上限アップ
　通知方法をポップアップ、メールの2パターンにする

あにまん掲示板の管理人からの返信待ちだけど、来ない可能性の方が高いので悩み中
通知のアプリ化はサーバー管理とか含め懐事情が芳しくないので見送る
とりあえずはWebアプリとしての制度を高めつつで行きたい

ところで特定スレをローカルに落とす機能も実装しようかと思うんだけど、どう思います？
気に入った小説をダウンローダー使ってDLするみたいに、スレをDLっていうイメージなんですけど

[17 素人◆tsGpSwX8mo 23/05/02(火) 12:34:02]

とりあえずGitHubは置けたっぽいので共有します

GitHub - satops9/my-app

PHPとか使わないタイプのやつはこれで実験・公開していこうと思います

[18 二次元好きの匿名さん 23/05/02(火) 22:02:19]

保守

[19 二次元好きの匿名さん 23/05/03(水) 07:29:45]

保守

[20 素人◆tsGpSwX8mo 23/05/03(水) 14:46:01]

この画面作るのに2日以上掛かったんだけど、本職のプログラマーってすげえんだなっていうのを実感した

見やすいサイト作ってくれる全プログラマーに感謝しつつ、俺の精一杯のコーディングを見てくれ

React App

[21 素人◆tsGpSwX8mo 23/05/03(水) 15:01:15]

この画面で俺が何をしようとしているのかと言うと、小説投稿サイト「ハーメルン」の特殊タグをサポートするエディターを作ろうとしていた
特殊タグ難しすぎてとりあえず画面だけ作った

[22 素人◆tsGpSwX8mo 23/05/03(水) 16:29:28]

管理人さんから返事きた
APIそもそもないから提供できないし作る予定もない、という事なので、専用ブラウザは無理そう
スクレイピングはやるつもりまったくないので、今後は別の方向で通知機能を実装しようと思います

[23 二次元好きの匿名さん 23/05/03(水) 16:32:40]

あのスレ見ててすごい期待してたんだけど落としてしまって申し訳ない

戻ってきてくれて嬉しい

前スレの最後の質問だけれど

GitHubはファイルアップロードしても後からリネームできるよ

Github のファイル名をブラウザ上で変更（リネーム）する

[24 素人◆tsGpSwX8mo 23/05/03(水) 18:43:54]

>>23

いやいや！保守忘れた自分のせいなんで…

リネームも教えてくれてありがとう！

また近いうちにサイト公開まで持っていくので、素人の開発にお付き合い下さい！

[25 素人◆tsGpSwX8mo 23/05/03(水) 23:45:57]

保守

[26 二次元好きの匿名さん 23/05/04(木) 03:38:55]

保守

[27 二次元好きの匿名さん 23/05/04(木) 08:19:33]

保守

[28 素人◆tsGpSwX8mo 23/05/04(木) 20:16:23]

保守

[29 素人◆tsGpSwX8mo 23/05/04(木) 20:29:55]

とりあえず、通知のWebアプリを再公開する日程を決めました。
5/15目標で、以下の機能を持ったWebアプリを再公開します(さくらレンタルサーバー使用)
・特定スレ通知機能
　⇒設定可能スレ最大15予定
　⇒PC上のポップアップ通知、メール通知に対応
・スレフォルダー機能
　⇒気に入っているスレを登録し、タグ付けできる機能

DBを持つつもりはないので(というか技術がないので)すべてcookie保存/取得で対応します。

このWebアプリをさらに拡大化して、chromeの拡張機能版も作成予定です。
chrome拡張機能版では、Webアプリの機能に加えて、すでに有志が作成しているスレ/レスミュートなどの機能を参考に、ブロックワードの追加、フィルタリング機能などを実装し、疑似専用ブラウザみたいなものを出したいと思います。

素人の作成なのでどこまで上手くいくかわかりませんが、常にGitHubに公開するようにするので、中身とかみてもらいつつ、有識者がいたらバンバン指摘とかして欲しいです。

[30 素人◆tsGpSwX8mo 23/05/04(木) 20:51:10]

練習用に作ったのは小説投稿サイト「ハーメルン」の特殊タグ「掲示板形式」を1レスずつ作成できるヤツ

React App

ゆくゆくは「マシュマロ風」「ニコニコ大百科風」「Twitter風」の特殊タグをワンクリックで出力できる機能を実装予定です。

今はあにまん掲示板の通知機能優先なのでいつになるかわからないけど。

自己満足だけどここまで作れて楽しかった。

[31 二次元好きの匿名さん 23/05/05(金) 05:10:25]

>>30

応援してる

通知機能あったら超助かる

[32 二次元好きの匿名さん 23/05/05(金) 12:27:25]

保守

[33 二次元好きの匿名さん 23/05/05(金) 20:19:20]

保守

[34 二次元好きの匿名さん 23/05/06(土) 06:02:27]

保守

[35 二次元好きの匿名さん 23/05/06(土) 07:55:19]

保守が大変そうなら、落ちるまでの期間が長い通常スレの『その他話題』で立てることを一応提案しておく

[36 二次元好きの匿名さん 23/05/06(土) 14:33:31]

保守

[37 二次元好きの匿名さん 23/05/06(土) 14:35:59]

応援してるよ！（同業者）

俺のスレも見て❤️

無料でWebアプリを作ろう_001.html｜あにまん掲示板

[39 二次元好きの匿名さん 23/05/06(土) 15:09:25]

>>37

ついでに参考になるかわからないけど情報提供もしておく

PHPが使える無料サーバーサービスなら現状XFREE一択じゃないかな(PHP5/7で切り替え可能らしい)

ただPHPはサーバーサイドスクリプトなのでアクセス集中などで負荷がかかったりすると無料サーバーのスペックでは厳しいところがあるかもしれない

その点jsならクライアントサイドなので処理の負荷はほぼユーザのマシンに投げられる

jsだけで完結できるならそれが一番だと思うけど言語の慣れもあるからそこは要検討かな

それか俺みたいにオリジナルのコンテナイメージ作ってOktetoで動かそうぜ！

サポートするぜー

PHPが無料で使える！XFREEを使ってみた！ - Qiita

[40 二次元好きの匿名さん 23/05/06(土) 15:14:50]

>>39

もうひとつついでに情報提供

OracleCloudなら現状ほぼ唯一半永久的にLinux仮想サーバーを無料で使える

メモリ6GBのマシンが無料で作れるらしいんだけどそこは椅子取りの倍率激高

メモリ1GBのストレージ50GB(+50GB追加可能)のマシンなら今は安定してとれる

(ただポートのセキュリティ周りがややややこしいので言ってくれればサポートはします)

そこなら自分の自由にできるからPHPの最新を入れるなりできるよ

ただ当然インストールに伴うトラブルシュートも自分でやらないといけないね

[41 素人◆tsGpSwX8mo 23/05/06(土) 18:12:46]

>>37>>39>>40

つよつよ有識者！？！？

そのスレ眺めながら「はえ～、本職強い(確信)」してました。

まあ素人には情報量が強すぎて半分も理解できなかったぞ(情弱)

レンタルサーバーのSSH接続にすら手間取ってるレベルなので、自分はおとなしくさくらのレンタルサーバー様にお世話になります・・・でもいっぱい情報くれてありがとう・・・！！

マジでできることならJSだけで済ませたかったんですけど、URLからHTML情報を取得しようとしたらめっちゃエラー返ってくるから・・・PHPだったらなんでかエラー返ってこなかったから・・・PHPで・・・やります・・・！！

[42 素人◆tsGpSwX8mo 23/05/06(土) 18:14:37]

ということでこちら、前バージョンのサイトです。

さくらのレンタルサーバーの方でPHPどこまで動くかテスト中なので、PHP8.1以上が動いてるロリポップの上に今回は仮で置かせて貰いました。

https://satops9.main.jp/rss/

ちなみにロリポップでReact動かそうとしたら動きませんでした・・・どうして・・・

[43 素人◆tsGpSwX8mo 23/05/06(土) 18:19:38]

やけっぱちでPC再起動したらロリポップ上でもReact動きました

React App

[44 素人◆tsGpSwX8mo 23/05/06(土) 19:22:38]

通知のWebアプリも以下の通りGitHubに公開しました。

15日の開通目指してがんばります。

GitHub - satops9/animan_app

[45 二次元好きの匿名さん 23/05/07(日) 07:02:18]

保守

[46 二次元好きの匿名さん 23/05/07(日) 13:05:16]

保守

[47 二次元好きの匿名さん 23/05/07(日) 18:28:42]

保守

[48 二次元好きの匿名さん 23/05/07(日) 23:40:50]

保守

[49 素人◆tsGpSwX8mo 23/05/08(月) 08:48:27]

URLから要素取得してリアルタイムに通知を送る仕組み、全然上手くいかなくてどうしたものか、と悩んでたらGW終わっちゃった・・・
ネットの海を彷徨ってたらgoogleくんがスクレイピングをゴリ押ししてくるし鯖落ちしまくるあにまんにスクレイピングなんてしたら鯖が死にそうだから無理だよ・・・

[50 二次元好きの匿名さん 23/05/08(月) 17:16:17]

>>49

あにまんはWebスクレイピング完全禁止にしてるわけじゃないし、処理を1分刻みにするとかでサーバー負担減らすようにすりゃいいと思うけどな

[51 二次元好きの匿名さん 23/05/08(月) 21:17:08]

保守

[52 二次元好きの匿名さん 23/05/09(火) 08:18:32]

保守

[53 二次元好きの匿名さん 23/05/09(火) 19:19:38]

素人

[54 二次元好きの匿名さん 23/05/10(水) 06:07:48]

保守

[55 二次元好きの匿名さん 23/05/10(水) 14:48:33]

保守

[56 二次元好きの匿名さん 23/05/10(水) 15:40:13]

>>49

数分おきに一回のペースで新着一覧見てガッと新着拾うくらいならそう負荷もないとは思うが……

まあサーバちゃんの負荷を考えるとそもそも掲示板にアクセスしないのがベストなんだけど

[57 二次元好きの匿名さん 23/05/10(水) 19:37:09]

>>56

RSSじゃなくてスレのリアルタイム通知のことだと思うから、数分おきじゃ意味ないのでは？

[58 二次元好きの匿名さん 23/05/10(水) 19:54:03]

あにまんサーバーは雑魚すぎるからね・・・毎週日曜日は必ず落ちてる印象

思ったんだけど、スレの通知が欲しいって人はほぼ過疎スレ使ってる人な気がするんだよね
活発なスレとか通知はいらないと思うし、通知欲しいスレを設定するときに、いま公開してるバージョンみたいに何分おきに更新を取得するか、利用者側が設定できるようにしたら？
最低5分スタートとかにして

[59 二次元好きの匿名さん 23/05/11(木) 04:19:23]

保守

[60 二次元好きの匿名さん 23/05/11(木) 10:53:02]

保守

[61 二次元好きの匿名さん 23/05/11(木) 16:57:12]

ほ

[62 二次元好きの匿名さん 23/05/11(木) 22:29:19]

し

[63 二次元好きの匿名さん 23/05/12(金) 07:54:42]

ゅ