HSPTV!掲示板

スレッド一覧 | 新規書き込み | 新着一覧 | 使い方 | 過去ログ

未解決

解決

停止

削除要請


	2015 1219	kanamaru	hsptv!掲示板スマホ版について	35

kanamaru

2015/12/19(Sat) 16:44:49|NO.73690

次のスレッドを見てください。
http://hsp.tv/play/pforum.php?mode=all&num=73651
このスレッドで、スマホ版hsptv!掲示板の話をしていたのですが、
ここでするべきでないという意見があったので、
このようにスレッドを立てることにしました。
僕の作った非公式スマホサイトのurlは、
http://asmape-star.exout.net/proxy/hsptvbbs_smartphone.php
となります。
改良するところはありますか？

この記事に返信する

とおりすがり

2015/12/20(Sun) 04:52:05|NO.73700

タブレットからアクセスしてみました。
メニューが一瞬表示されてすぐ消えてしまうのは試作段階だからでしょうかね？
でも使いやすそうです。
画面上下のページリンクが文字が小さいので、指だとタップしにくいと感じました。

こういう試みは応援したいです。

skyblue

2015/12/20(Sun) 09:44:42|NO.73703

ラッパーサイトとは

表示しているのはスマフォやタブレットに最適化されたサイトだけど
内部ではパソコン用サイトにアクセスしている的なやつの事です。

kanamaru

2015/12/20(Sun) 12:16:11|NO.73704

なるほど｡
一応、僕の作っているサイトはphpqueryで分析して、動的生成していますので、
ラッパーサイトに入るのかな？
ページリンクは、あまり大きくすると、ページバランスが崩れるんですよね。
なので、多分リンクからinputに変えることになると思います。
メニューについては、メニューの文字列をリンクに変えようと思っていじった時に、
なんか余計なところまでいじってしまったようで動かなくなってしまったんです。
近いうちに直したいと思います。

skyblue

2015/12/21(Mon) 07:41:00|NO.73707

どうせなら、必要最低限の機能だけつけて、
レイアウトは自由にしたらどうですか？

kanamaru

2015/12/21(Mon) 18:12:18|NO.73710

スマホ版サイトからスレッドが作成できるようになりました！
と言っても細かい所はまだなので、
今のところ、エラー処理が不十分ですが。
のちのちどうにかします。
また、HOMEにスマホ版サイトを指定して投稿しました。
URLボタンからアクセスできるようになりました。

zakki

2015/12/21(Mon) 21:08:18|NO.73715

本家サイト側としては著作権やサーバー負荷やセキュリティやSEOなどの観点でデメリットもあると思うんですが黙認って状態なんでしょうか

kanamaru

2015/12/21(Mon) 21:36:45|NO.73716

そこら辺は、僕もサイトを作るにあたって気にしているところです。
しかし、有志によって専ブラが作られていたりしていて、それに対しておにたまさんやありさんが
特に何も言及してない事を考えると、大丈夫なのかなと思います。
一応、ページの削除要請が来たら、削除するつもりでいます。
そうでない限りは、制作を続けようと思います。

kanamaru

2015/12/21(Mon) 21:42:12|NO.73717

そういう意味では、何かしらおにたまさんから何かサイトに関してコメントが貰えたらなと思います。
もし見てたら、スマホ版サイトに関するおにたまさんの見解を聞かせてください。

おにたま(管理人)

2015/12/21(Mon) 23:14:03|NO.73718

>kanamaru さん

hsptv!掲示板のラッパーサイト作成について、試作やご意見ありがとうございます。
スマホ版の表示は、ユーザーの利便性のために、本来ならばこちらでサポートした方が良いところですね。
掲示板の活用に関して、試作や提案は基本的に歓迎しています。こちらの手がなかなか回らない部分を進んで対応してもらえることを嬉しく思っています。
hsptv!掲示板に大きく(悪い)影響がない限りは、こちらからそういった試作に対して停止や削除を求めることはありません。

その一方で、より多くのユーザーに安心して使ってもらうためには、セキュリティ的な面も含めて同一のホスト上に存在していることが望ましいのは確かです。

kanamaruさんの試作は、とても有用だと思っています。可能であれば、ある程度スマホサイトの動作をテストして頂いた上で、完成したラッパーサイトのphpをhsptv上に置いて、公式に運用させて頂くというのはどうでしょうか。
幅広く使ってもらうためには、通常の掲示板からスマホ版のサイトへ公式に誘導する必要がありますが、緊急時に対応する責任も発生しますので、こちらが管理するサーバー上にあることが必要になります。
サイトの負荷に関しては、今のところ大きく懸念はしていませんが、将来的には掲示板のスクリプトにスマホ版のレイアウトも統合するのが望ましいと思っています。

皆さんの意見も参考にしながら、スマホからでも快適に閲覧できる掲示板になれば嬉しいです。今後ともどうぞ宜しくお願い致します。

kanamaru

2015/12/22(Tue) 08:37:33|NO.73719

返事が遅くなってしまいすいません。
公式になるかもしれないということで、驚きを隠せません。
とりあえず、削除はせず、制作を続けたいと思います。
できたら、副管理人のありさんの見解も聞かせてください。

あり（副管理人）

2015/12/22(Tue) 15:25:23|NO.73721

＞kanamaruさん

私は掲示板のシステムには何の権限も無い投稿管理のみの立場なので
利用者間で大きな衝突が起こりえるような状況にでもならない限り
おにたまさん以上の意見や現時点で特別口出しする様な事はありません。

インターフェイス等のシステム的な仕様についても門外漢なので
おにたまさんや詳しい知識を持つ他の利用者と協議して貰えればと思います。

kanamaru

2015/12/22(Tue) 15:27:04|NO.73722

ありさん、ありがとうございます。
了解しました。

kanamaru

2015/12/22(Tue) 16:32:21|NO.73723

とりあえず、記事検索用ページを見た目だけと、
新規一覧を作成しました。
やっぱりページ移動のリンクに難があるようです。
でも、いろいろ考えた結果、
このままにすることにしました。
見やすさや、押しやすさを考えるのはなしにしました。
やはり、公式と合わせるほうがいいのではないかという考えです。
どっちにしろ、そこらへんは、おにたまさんの意見を聞きたいです。

774

2015/12/22(Tue) 19:42:42|NO.73725

改良になるのかは判りませんが、拝見してUI周りで感じた事を…

・2行にするならタイトルを1行目に持ってった方が解りやすい気がします。
　また色が薄く他より認識し辛いので、文字を少し大きくすると見やすいかな～と。

・ニックネームの横位置が落ち着き無く感じます。左右どちらかに寄せた方が…
　marginかpaddingで間隔空ければ、文字が詰まり過ぎるという事も無いと思います。

・2行で多少余裕できるので、日付表示に「/」区切りを加えてはどうでしょう。
　「2015/12/25」なら日付だと分かりやすくなりますし。

・もしカテゴリ表示も改変するなら、「状態」と纏めていいんじゃないかと思います。
　現状、教えて・未解決以外は全て同じですので、「教えて」の背景が赤か緑か程度で充分そうです。

・ページリンクですが「<<前　現ページ数　次>>」とかでも良いような気がします。
　7ページ目の記事一覧を今すぐ見たい！みたいな状況そうそう無さそうですし。
　…ブラウザアドオンのようなページ継ぎ足しも便利だと思うのですがコレは難易度高そうですね。

・スクロールが多そうな場合、上部メニューは常に表示される方が便利かも？
　position:fixed; z-index:65535; left:0; top:0; width:100%;　みたいなので。

・ソース内のstyle指定ですが、タグ直打ちより外部CSSにした方が色々便利だと思いますよ。

>見やすさや、押しやすさを考えるのはなしにしました。
>やはり、公式と合わせるほうがいいのではないかという考えです。
これではスマホ版サイトとしての意義が無いような…

小姑みたいな細かい事言ってますが、こういう取り組みは応援してます。
がんばって下さい。

GENKI

2015/12/23(Wed) 02:39:56|NO.73730

Bootstrapで適当に作ってみました。参考にどうぞ。
レスポンシブなのでウィンドウサイズ変えるとそれに合わせて表示が変わります。
http://mclab.uunyan.com/lab/html/hspbbs/play/index.htm
何も考えず適当に作ったので調整はしてない。

うーん、いまいち。(´・ω・｀)
3ならもっと作りやすいのかな。

Flat

2015/12/23(Wed) 15:25:21|NO.73741

話が上がったのでBootstrap 3で作ってみました
デスクトップ・モバイル両対応のはずです

http://h3f.flat.f5.si/

キャッシュをとっているので、最新の情報は反映されません

GENKI

2015/12/23(Wed) 21:52:08|NO.73756

>> NO.73741
おお。かっこいい。
悔しいのでBootstrap2を駆使してHSPTV!掲示板の面影を再現しつつデスクトップ・モバイル両対応を実装。適当実装なのでstyle直書き…。
デスクトップで表示するとだいたいいつもどおりの見た目になります。
http://mclab.uunyan.com/lab/html/hspbbs/play/index_02.htm

使いやすさを外部に任せれば、公式と見た目を合わせることに労力をかけられます。

kanamaru

2015/12/24(Thu) 15:21:25|NO.73764

とりあえず、ページリンクは774さんのを採用してみました。
ついでに、774さんが言っていたアドオンのページ継ぎ足しについて調べてみました。
その結果、Autopagerizeというアドオンの存在を知り、対応させる方法を調べたところ、
http://softlog.blog17.fc2.com/blog-entry-34.html
というサイトを見つけました。
このサイトのしたがって、rel="next"を該当部分(スレッド一覧のみ)
に追加してみました。
こちらではダウンロードリンクが開けず、動作を確認できなかったので、
誰か対応できているかどうか見てくれませんか？
正常に対応しているようであれば、本格導入します。

とおりすがり

2015/12/25(Fri) 14:53:31|NO.73771

Androidタブレットからアクセスしてみました。
メニューの「スレッド一覧」を選択しても表示には変化ないようです。
ページ継ぎ足しが上手くいっていないのかもしれません。

UIについて、個人的な意見ですが
公式掲示板の雰囲気を残すという意味でアイコンや色使いを変えないというのは良いと思います。
ただ、スマホやタブレットは画面は小さいですし、指先でタップする時リンクが小さいと操作しにくいので
その辺り工夫していただけたらとてもうれしいです。

といっても、検索にアクセスしやすくなるだけでも大感謝ですが。

kanamaru

2015/12/25(Fri) 16:56:01|NO.73772

念のためにいいますと、
ページ継ぎ足しは、greacemonkeyのスクリプトのAutopagerizeが必要ですが、
導入していますか？
もしかしたらこちらのミスかもしれないので、
導入済みでしたらお知らせください。
(それとも導入せずとも継ぎ足すようにしたほうがいいですか？)
chromeにもほぼ同じものが存在するとも聞いています。
ページリンクについては、もうしばらくお待ちください。

774

2015/12/25(Fri) 19:40:00|NO.73773

デスクトップでmonkeyじゃないヤツですが、継ぎ足し自体は機能しているようです。
但し、継ぎ足されたページが空ページなのはテスト段階だからでしょうか。

JavaScript+CGIでアドオン無しでも出来そうな気はするのですが、
実際やるとなると各ブラウザに対応させるのが相当面倒です…

前回の発言のは、もしページ側でこの機能あるならページリンク自体不要かも？
みたいなつぶやきですね。

kanamaru

2015/12/25(Fri) 19:45:51|NO.73774

継ぎ足されたページが空白ページというのはどういうことでしょうか？
真っ白なのか、表の枠及び背景だけ表示されているのか。
一応、継ぎ足しのアドオンの名前を教えてくれませんか？

774

2015/12/25(Fri) 20:24:31|NO.73775

monkey介さない版でアドオン名自体は同じです。
>http://autopagerize.net/
ついでにブラウザは
FireFox・SR-Iron(Chrome海賊版?)・Sleipnir4(実質Chrome?)での確認です。

空白ページというのは、テキスト全て無し、画像全てリンク切れ、で真っ白な状態ですね。

…で、失礼ながらちょっとページソース覗いた感じでは
「<<」の方をアドオンが拾って、-1,-2,-3...ページ目を読み込んでるっぽいです。
「rel="next"」を「>>」の方に付ければ行けるんじゃないかと。

kanamaru

2015/12/25(Fri) 21:23:35|NO.73776

なるほど、場所間違えてましたか。
わざわざソース見て、原因と思われる所を特定して頂き、ありがとうございます。
移動したので、これでどうでしょうか。
もう一度、確認して頂けるとありがたいです。

774

2015/12/25(Fri) 23:58:17|NO.73787

修正お疲れ様です。
無事にスルスルと15ページ目まで表示されました。
が、16ページ目以降も空白ページを表示してます(w
ページ数を拾って、<a>タグか只の文字かに処理分けした方が良さそうですね。

ついでに確認してて気付いたのですが
各ページ常に20件の記事が在る訳では無さそうです。
今現在だと15ページ目と何故か2ページ目が19件ですね。
妙な隙間が出来るだけで、使用上の不都合が有る訳ではないのですけど…

kanamaru

2015/12/26(Sat) 12:42:40|NO.73795

phpの力を借りて、範囲外のページ数にリンクで飛べないようにしてみました。
これでどうですか？
(依然urlたたくと、範囲外も開けたりしますが、そんな人いるかな？)
これで15ページ目で次のページへ行くリンクが表示されないはずなので、
正常に、ページ継ぎ足しされるはず。

kanamaru

2015/12/26(Sat) 18:36:02|NO.73797

過去ログを見た目だけ実装してみました。
できる限り、公式に合わせたかったですが、
流石に箇条書きはどうかと思って、現在ログと似たような表組みをしました。

774

2015/12/26(Sat) 20:04:04|NO.73798

確認しました。
アドオンによる現行ページ継ぎ足しは万全っぽいですね。

この件に関して私しか返答してない所を見ると
意外とこういうの導入してる方少ないんですかねぇ…

とおりすがり

2015/12/26(Sat) 21:40:22|NO.73799

私はアドオンなどに対応していない、ほぼ標準のブラウザを使ってます…
掲示板をちょっとみたいだけなのに、特定のブラウザやアドオンが必要になってしまうと
敷居が高くなりませんかね…?

kanamaru

2015/12/26(Sat) 21:51:07|NO.73800

ページを見るのが少し楽になるだけで、
必ず必要、てわけではないです｡
普通に見る分だったら普通のブラウザでもいいはず。
ページ継ぎ足し云々はこの辺にして、(とりあえず対応ページ増やしておきます。)
他のページとか見て気になるところがあれば、教えてください。

skyblue

2015/12/27(Sun) 10:48:16|NO.73805

原則、プラグインとかの追加インストールなしの方がいいと思います。
3色以上は追加インストール必要とかならともかく
2色以上で必要と言うのはめんどくさいです。

理論的には何色使っても追加インストールが必要ないはずですし、
HTML/CSSで返ってくるので

774

2015/12/27(Sun) 20:01:56|NO.73809

ページリンクの横幅に余裕できた事ですし、リンク部分を少し大きくしてみてはどうでしょう。
と言っても、文字自体を大きくしても何ですので…
　padding:1em 2em;border:1px solid #ccc;
とかでボタンっぽくするような感じですね。
(標準ブラウザだとborder-radiusやbox-shadowは効かないんでしょか…

スレッドリンクの方はtableを<a>タグに放り込んで、丸ごとボタン化にすると押しやすそうです。
但しそのままだと全部リンク文字化して不格好なので、styleを工夫する必要もありそうです。

kanamaru

2016/4/26(Tue) 18:16:03|NO.75327

スマホサイトの制作は続行していたのですが、
僕自身のphpの実力が足りず、うまくいってません。
そこで、一緒に開発してくれる人を募集します。
一緒に開発してくれるようでしたら、開発用ページのurlを送ります。
(開発用ページといっても、知り合いに作ってもらったもので。
サーバー上のファイルがダウンロードできたり削除できたりできるだけですが。)

kanamaru

2016/4/26(Tue) 18:17:42|NO.75328

また、サーバー上にwordpressをインストールすることも考えてます。
インストールしたほうがいいと思いますか？

とおりすがり

2016/5/2(Mon) 12:54:49|NO.75361

応援上げ