omegasisters / homepage Goto Github PK

正常動作時の表示
#91

12/23 17:45現在

不具合概要

#225 を見ていて気が付いたのですが、

現状の documents/environment/python.md の local web server の起動方法では、

• top page は表示できるし、ほとんど問題は発生しないが、
• おめが診断の結果ページから、top ページへ戻れない (404 : File not found になってしまう) 。

対策を行わないと、今後も同様の問題が発生するか、そうでなくとも local web server での動作確認ができないケースが発生しうる。

原因

top ページのURL が、
実環境では、

https://omegasisters.github.io/homepage/

であるのに対して、

http://localhost:8000/

となってしまうため。

対策案

#185 に関連した #223 を revert する+α。

補足

• local web server の root directory を、 homepage ディレクトリ下ではなく、homepage ディレクトリ自体と同階層に統一して説明すべきでしょう。
• なお #225 に記載がありますが、例えば Node.js で root directory の設定はちょっと手間のようですし、他の環境でも簡単ではなかったり、無理だったり、何らかの制約やデメリットあるかもしれません。

どこかのコミットでページ内リンクを踏んだらぬるぬる動くようにできるcssのスムーススクロールが抜け落ちてしまったっぽいです🙏

要望・提案を思いついた経緯

年の瀬なので...

要望・提案の内容

仕様書兼メモ代わりにどんどん追記・修正していくのでコメントお願いいたします！
GitHubアカウント持ってない方でも@sometrouble_にリプライしてくれればできる限り実装したいです！

Demo

https://twitter.com/sometrouble_/status/1211815034269007872

一応プレイ可能になりました！
今の所お正月要素は殆ど無いです！

一応, お正月の朝に急いで福袋を買いに行くレイちゃんとそれに付き合うリオちゃんの2人がうんちゃんを避けながら街を駆けるイメージで作りました。

機能

• おみくじ機能(おめくじ, おめがくじ？)
  • おみくじ結果のツイート投稿機能
• みんなで競って遊べるファミコン風ミニゲーム的な
  • enchant.jsで開発中

コメントで提供してほしいもの

• バグ報告, こういう描写がほしいなどの要望(1月1日に間に合う範囲で実装します...！)
• キャッチコピー
  • 「今年もよろしく、あけおめが！」的な
• おめくじの文章やアイディア

おめ吉: 文章未定, (登場キャラ: リオ, レイ)
大吉: 文章未定, (登場キャラ: レイ)
吉: 文章未定, (登場キャラ: リオ)
中吉: 文章未定, (登場キャラ: レリオ)
小吉: 文章未定, (登場キャラ: おとひめ)
うん吉: 文章未定, (登場キャラ: うんちゃん)

リダイレクトの方式

location.hrefとかでその日付のときだけ飛ばしてもいいんですけど, それだと本来のindex.htmlを見たいときに見れない
かといってリンク方式にすると気づかない...

jsのconfirmなどで正月限定ページに遷移するかユーザに確認する？

補足

他のイベント用ページもあっても楽しいかも！

要望・提案を思いついた経緯

• どのファイルがどこで使われているのかわかりにくいと感じた

要望・提案の内容

• このディレクトリは何が入ってるのか、何に必要かなどを記載したドキュメントを新たに作成する
• ディレクトリの整理を行う fixed in #244
  • css/ images/ は assets/ の下に配置すると良い気がします
  • images/ 内も、どのページがどの画像に依存しているのかわからないので、ページ名のディレクトリを新たに作るとわかりやすくなると思います
  • pages/ は現状診断のページしか入っていませんが、もしも診断のページしかおかないなら sindan みたいな名前に変更する / 他のサブ(?)ページを全て pages/ に集約する？
    • 書いた後に気がついたのですが今更htmlの場所変更しちゃうと既にSNS上に投稿されたものがリンク切れおこしちゃうのでこればっかりはどうしようもなさそうです

yarn formatかけるとaタグの閉じがおかしいぞって出てる。
多分html的にinvalidになってるはず。

[error] index.html: SyntaxError: Unexpected closing tag "a". It may happen when the tag has already been closed by another tag. For more info see https://www.w3.org/TR/html5/syntax.html#closing-elements-that-have-implied-end-tags (405:7)
[error]   403 |       ></script>
[error]   404 |     </div>
[error] > 405 |       </a>
[error]       |       ^
[error]   406 |     </div>
[error]   407 |
[error]   408 |     <script

#section_discographyのidが無いので動かない。
簡単に直せると思うのでコントリビュートしたい方いれば直しちゃってください。（もしくは取っ払ってしまう）

要望・提案を思いついた経緯

うんちゃんスクロールを（勝手に）最初に実装したのが自分なので。

要望・提案の内容

元々一気に変わるのが嫌でjsを使ってスクロールするように実装していたのですが、
#144 でページリンクになってしまったためその挙動が変わってしまいました。

現状のままでも気にならないものですかね？
（ナビゲーターリンクの挙動も正直動きに遊びが無くてふぁってなる）

多分どなたかの変更漏れ

/homepage/preact_build/index.js:1 Failed to load resource: the server responded with a status of 404 ()

RT

https://docs.python.org/ja/3/library/http.server.html から、
-d/--directory オプションはPython3.7 で追加されたということなので、
下記コマンドが実行できるのはPython3.7以降であることを明記する。

python3 -m http.server -d ..

あるブラのチャンネル動画が表示されるのが正だと思われる。

多分原因は #146

https://omegasisters.github.io/homepage/alpha.html

トップのお二人の仁王立ち絵のところで、
レイちゃんリオちゃんそれぞれに「大好き」ボタンとカウンターを設置して、
どちらが伸びるか楽しむ。

サイトに訪れた際に稀にお二人の仁王立ち絵がレリオちゃんになる。

そして、レリオちゃんに遭遇したオメガ団は、その喜びをツイッターで自慢する。

不具合概要

多言語は必要です
ありがどうございます

発生環境

原因

補足

現在、youtubeチャンネルへのリンク含め他ページヘのリンクは全て下の方にまとまっていますが、
youtubeチャンネルへのリンクは「おめシスって？」内にわかりやすく置いてあると便利かなと思います！

ちょっと前は表示されてたと思うけどこれも #81 の影響だったりします？
それともbrower-syncだと表示されてなかったっけ……？

ref #83

$ yarn dev
yarn run v1.21.1
warning package.json: No license field
$ browser-sync start --server .
[Browsersync] Access URLs:
 ---------------------------------------
       Local: http://localhost:3000
    External: http://192.168.100.40:3000
 ---------------------------------------
          UI: http://localhost:3001
 UI External: http://localhost:3001
 ---------------------------------------
[Browsersync] Serving files from: .

幅701px - 728pxの場合にデザインが崩れてしまうようです。

不具合概要

ソースコード中に YouTuber と Youtuber の2種類の表記がある。
おそらく YouTuber が正しい表記ではないか。

補足

あるふぁブラザーズの動画のプレイリストについて記載している
alphaList.json には以下の記述があるが、これは元々の動画タイトルがこうなっているのでこのままで良い。

        "title": "【バーチャル双子Youtuber】はじめまして！あるふぁブラザーズです！【自己紹介】",
        "description": "はじめましてだぜ！ バーチャル双子Youtuberのあるふぁブラザーズだぜ！ よろしくだぜ！ ▽本家「おめがシスターズ」 https://www.youtube.com/channel/UCNjT...",

不具合概要

console.logでエラー発生しています。

THREE.WebGLRenderer: OVR_multiview2 extension not supported.

発生環境

Mac
Chrome

原因

不明

補足

ここらへんを見てみると対処方法が見つかるかもしれません
mrdoob/three.js#16316 (comment)

https://streamable.com/o30if

Android 9のChromeで現象を確認しました

不具合概要

画像の白背景あるブラのリンクがおかしく https://youtu.be/undefined になっている
そのため、youtubeで存在しない動画として取り扱われているので、一覧に表示しないのが望ましい。

モバイルで閲覧したときシェアボタンのデザインが崩れる場合がある

画像はChrome DevToolsでGalaxy S5 (360 x 640) を確認したとき

bundle installでコケます

rubyに詳しくないので初歩的なミス等でどなたかわかれば教えてほしいです
エラーを見る限りではstdlib.hが足りないだけのようですが...

Gem::Ext::BuildError: ERROR: Failed to build gem native extension.

    current directory: /Users/miyamonz/.anyenv/envs/rbenv/versions/2.6.4/lib/ruby/gems/2.6.0/gems/commonmarker-0.17.13/ext/commonmarker
/Users/miyamonz/.anyenv/envs/rbenv/versions/2.6.4/bin/ruby -I /Users/miyamonz/.anyenv/envs/rbenv/versions/2.6.4/lib/ruby/2.6.0 -r
./siteconf20191218-73203-6od75a.rb extconf.rb
creating Makefile

current directory: /Users/miyamonz/.anyenv/envs/rbenv/versions/2.6.4/lib/ruby/gems/2.6.0/gems/commonmarker-0.17.13/ext/commonmarker
make "DESTDIR=" clean

current directory: /Users/miyamonz/.anyenv/envs/rbenv/versions/2.6.4/lib/ruby/gems/2.6.0/gems/commonmarker-0.17.13/ext/commonmarker
make "DESTDIR="
compiling arena.c
arena.c:1:10: fatal error: 'stdlib.h' file not found
#include <stdlib.h>
         ^~~~~~~~~~
1 error generated.
make: *** [arena.o] Error 1

make failed, exit code 2

Gem files will remain installed in /Users/miyamonz/.anyenv/envs/rbenv/versions/2.6.4/lib/ruby/gems/2.6.0/gems/commonmarker-0.17.13 for
inspection.
Results logged to
/Users/miyamonz/.anyenv/envs/rbenv/versions/2.6.4/lib/ruby/gems/2.6.0/extensions/x86_64-darwin-17/2.6.0-static/commonmarker-0.17.13/gem_make.out

An error occurred while installing commonmarker (0.17.13), and Bundler cannot continue.
Make sure that `gem install commonmarker -v '0.17.13' --source 'https://rubygems.org/'` succeeds before bundling.

In Gemfile:
  github-pages was resolved to 203, which depends on
    jekyll-commonmark-ghpages was resolved to 0.1.6, which depends on
      jekyll-commonmark was resolved to 1.3.1, which depends on
        commonmarker

環境

macOS Mojabe 10.14.6（18G103）
ruby 2.6.4p104 (2019-08-28 revision 67798) [x86_64-darwin17]
Bundler version 2.1.1
rbenv使用。.ruby-version等無いのと、依存がgithub-pagesだけなら適当に新しめのやつ入れておけばいいだろうとしました。

何かと競合してる？

lazyload.js:1 Uncaught SyntaxError: Identifier 'lazyLoad' has already been declared
    at lazyload.js:1
(anonymous) @ lazyload.js:1

更新ありがとうございます！欲しい画像とかあったらご相談ください！！
こっちに置いていきます 👍
https://github.com/omegasisters/OmegaSozai

不具合概要

仕様通りなら、初回アクセス時は仁王立ちのレイちゃんとリオちゃんが表示される。

発生環境

全環境

原因

#236 で混入されたバグだと思われる。

初回アクセス時はif分の中を通らないため

element.classList.add(toAddClass);

が実行されず、背景画像が設定されない。

仁王立ちの画像設定に対応しているCSSクラス名は

normal

background.gif は2.0MBあるのでWebMがいいなと考えています。

ただ動画のためスマートフォンで自動再生されなく静止画になってしまう懸念があります。優先度は低いと思います

要望・提案を思いついた経緯

たまたま、画面狭く見てたらタイトルとナビゲーターが被っていてデザイン崩れか？と思ったため。

要望・提案の内容

縦に狭くしても問題ないような感じだとびっくりしなくて嬉しい！

補足

オートリロード・ホットリロードなしの生活は考えらないので🙏🏻

関連お知らせ Tweet を埋め込みたいのだが、センタリングできない。
それとも、そういった外部ページへのリンクを置くだけの方がスマートか？

@ghostrick （及び有識者の方）

• あまり詳しくないのですが、結構prettierのフォーマットが独特で違和感あるなぁと思うのですが割と標準的なフォーマット方法のでしょうか？
• prettierで整形される状態と .editorconfig の設定ってうまいこと合わせられたりしないでしょうか？

ツイッターアカウントを登録すると、シリアル番号がもらえる機能があったらうれしいです！

もらったシリアル番号は、自分のツイッターのプロフィールに貼って称号として自慢する。
語呂が良い番号をゲットできた人は幸せ。
語呂が良くなくても自分だけの番号として うふふ と楽しむ。

データベース無しでどうやったら実現できるのかは不明です。。。

何かと競合してる？

ytplaylist.js:1 Uncaught SyntaxError: Identifier 'loadPlayList' has already been declared
    at ytplaylist.js:1

要望・提案を思いついた経緯

せっかく $ yarn format コマンドがあるので、CIにLintを追加しようと思いました。

要望・提案の内容

CIにLintの追加しようと思っています。
ただ、開発者みなさんの意見も反映して行いたいと思っているので、意見を聞きたいです。聞かせてください。

補足

追加のメリット

• $ yarn format を実行し忘れても気づける（現状あるみたいです）

追加のデメリット

• $ yarn format を実行しないでPushした場合、CIが落ちる。
  • 落ちたところでマージできないなどはない。

不具合概要

iPhoneから見た際、Safari, Chromeにてハンバーガーメニューのアイコンが切れて表示されてしまっている

参考画像

Safari

Chrome

発生環境

機種名: iPhone8
ブラウザ: Safari, Chrome

原因

不明

補足

なし

不具合概要

あまり経緯を知らなかったり技術も分野外でよく分かってないですが、
掲題のように、隠しページへのリンクが定期的にぴょこぴょこ動いているようです。
こちらは想定通りの動作なのかどうか確認させてください。
※といってもあまり実害は無いようですが･･

発生環境

• PCブラウザのGoogle Chrome、FireFox
• iPhone SEのChrome、Safari
• iPhone 7のChrome、Safari

原因

不明

#54 でいれてみたところPCだとほぼ問題ないんですけど（実質的にスクロール中のスクロールが出来ないため）
スマホだとタップでのスクロール中にスクロールすると動きが止まらないでガチャガチャしちゃうので直す。

12/29 AM 02:34
めっちゃ大きい不具合でもないと思うので、起きてから修正予定です。
修正したい方いらっしゃればこのissuesにコメント残しておいてもらえると競合しないで助かります。

いろいろな方がコミットしている現状で何が必須になっている、とか影響範囲がめちゃくちゃ解りづらくなってきてるように思えるのですがどうでしょう……？

元々の背景色に合わせて実装しましたが、背景色が淡い色に変わったので修正したほうが見栄えが良くなるかもしれません
ちょっと CSS を変更するだけなので、興味のある方はぜひ〜

変更する箇所:

vのもののホームページ。おめシスからのフォークで作られまくった世界とか結構ワクワクしませんか？
安心してフォークコンテンツができるように、ガイドラインが示されると面白そうな気がします！
ライセンスファイルが理想ですが性質上厳密に行うのは困難だと思うので、まずはガイドラインが発信されれば目的は達成できそうと思いました。

こちらジャストアイディアのため、必要に応じて削除含め自由に処理いただいて構いません。

要望・提案を思いついた経緯

#194 のような外国語でのIssueも来るようになっている。
現状、日本語での説明しかないため言語の壁をなくしたい。

要望・提案の内容

README等に英語版や**語版があると貢献しやすくなりそう。

要望・提案を思いついた経緯

"⭐【初心者向け】すごい面白い動画" に表示される動画数が "３" なので、画面の横幅の広い環境　(PC など)　で見ると、動画間の横の間隔があいてしまってスカスカになってしまい、見た目が少し残念な感じ。

試しに、表示される動画数を "5" にしてみたところ、 1920x1080 のケースではちょうどいい感じ。

ところがこれだと画面の横幅の狭い環境 (縦位置のスマホなど) では、動画が重なってしまい、訳が分からない。

要望・提案の内容

画面の横幅によらず、いい感じにできないものでしょうか？

補足

不具合概要

$ yarn
yarn install v1.21.1
warning package-lock.json found. Your project contains lock files generated by tools other than Yarn. It is advised not to mix package managers in order to avoid resolution inconsistencies caused by unsynchronized lock files. To clear this warning, remove package-lock.json.

CIでも yarn install を実行しているので同様のwarningが出ている
直近のCIログ

原因

パッケージマネージャとして npm と yarn が混在して使われているため。
どちらかに寄せたほうが良いと思われる。

補足

参考: https://stackoverflow.com/questions/55624786/how-to-solve-package-json-found-to-clear-this-warning-remove-package-lock/55740247#55740247

要望・提案を思いついた経緯

issueテンプレート、確認事項の一つである「破壊的な変更を行った場合、影響範囲をもう一度確認した。」にチェックがある場合とない場合があり、一見して確認漏れのようにも見える

要望・提案の内容

破壊的な変更を行っても、行わなくても、PR作成者がチェックを入れるような文面に変更する

補足

経緯👉 #206

あまり敷居を上げないでやっていきたいと思うのですがいかがでしょうか

デザイン変更についてやり方がわからなかったので、相談させてください。
背景と文字色のコントラスト比が低くて、文字が読みにくいと感じます。いろんな方が見ることになるので、白い背景に黒い文字のように、視認性の高い配色を提案します。

以下は、とても有用な情報であり、かつ PHP に限った話ではない (PythonではOK) ので、共通情報として、うまくまとめられないか？

同じローカルネットワークであればホストの IP アドレス:8000(例: http://192.168.1.2:8000 )でスマホからも確認できます。

とりあえず報告まで。
おそらく↓の影響だと思われます。

#81