ゴミ箱ボタンは押さないようにしてください。チャット欄で提供しています。マスターアカウントを利用したい方はいつでも言ってください。同じ環境で、同時に違うファイルを編集した場合、トランスパイル時にエラーが出ると、他の人もそのエラーに巻き込まれてしまうので、同じ開発環境を複数用意しました。試してみたい方は、こちらの環境(URL)にアクセスして、好きなようにファイルを作成・編集してみてください。cloneで複製しているだけなので、ぐちゃぐちゃになっても大丈夫です。3こちらの環境はメインの環境を定期的にクローンしていくつもりなので、継続して編集したいファイルがある場合は、手動でメイン環境の方にファイルをコピーしてもらうか、手元に作ったファイルをダウンロードしておいてください。クローン後にアップロードしてもらって制作の続きを行ってもらえればと思います。別の環境とのファイル共有方法ですが、すごくアナログな方法しか思いつかなかったので、もっとスマートな方法があったら、ぜひ教えてください。共同開発用リポジトリhttps://github.com/gameusers/collaborationメモ2019/6/17ユーザーが作成できるコミュニティページの制作を進めています。前に掲示板のガワだけは作っていたのですが、開発を進めていくうちに仕様の変更で動かなくなっていたので、それを直しつつ、データベースの構成を考えています。データベースの知識に自信がない上、MongoDBの扱いにも不慣れなため、どのように構成するといいのか、なかなか見えてきません。1件1件データを取得するコードをループさせれば望みのものは取得できますが、それだと当然重くなるわけじゃないですか。できるだけ少ない回数でデータを取得するコードを書かなければならないのですが、それが難しい。多言語に対応することも考えたりするとわけがわからなくなって、頭がごちゃごちゃになります。使う場合、それ用に別途コードを書かなければならない必要が生まれます。アップデートすると動かなくなったりするので、とても面倒な組み合わせです。アップデートしてみたところ正常に動かなくなったため、なにか他に方法はないのかと調べてみました。新しめのライブラリを発見することができました。特別なことをせずにそのまま使えるようなのです。組み合わせよりも、全然相性がいい気がします。感触が良かったので、こちらに移行することにしました。後発のライブラリなので機能的にもいいとこ取りをしていて、とても優秀です。利用している方はチェックしてみて欲しいですね。https://emotion.sh/docs/introduction2019/5/22記事の更新が疎かになってしまいました。アカウント作成、ログイン、ログイン後のページでIDやパスワードの変更など、基本的な機能はほぼ実装し終わりました。途中、カスタムエラーの投げ方を学んだり、ログの保存方法を勉強したり、いろいろあって無駄に時間もかかりましたが、各ページのベースになる部分は徐々に固まってきています。次は横幅の広いデバイスでアクセスした場合に、2カラムでコンテンツを表示できるようにしようと思っています。サイドに掲示板のスレッド一覧を表示したり、サイドに表示するコンテンツがない場合は、サイト内の更新情報をカードで表示したりしたい。モバイルの場合は、ドロワーメニューで必要な情報を表示しようと考えています。2019/3/20やっとですが、バリデーションを含めたフォームのガワはできあがりました。データを送って、サーバーに保存する部分に取り組もうと思います。単純なテキストデータの保存はすでにできているのですが、画像の処理はまだできていません。対応するために、複数のサイズにリサイズして、圧縮するという作業が必要になります。Jimp(リサイズ用パッケージ)imagemin(圧縮用パッケージ)良さげなパッケージを発見したので、これらを使わせてもらって実現しようと思います。2019/2/27夜に開発サーバーが重たくなる問題ですが、プロバイダーが悪いという結論に至りました。ここのところ速度の低下が激しく、人が多くなる時間帯はまともにページを表示することができなくなっていたのです。接続のできるプロバイダーに変更したところ、夜も快適に開発ができる状態に戻りました。せいにしていたのは良くなかったですね。開発サーバーを移すことにしました。理由は料金的な問題です。選択肢がなくなりました。アクセスができるようにしておこうと思いました。導入してリバースプロキシ?で設定をしないといけないようです。今後はそちらの勉強も頑張っていこうと思います。2019/2/4夜9時になると、サーバーが重いとこの前書いたのですが、調べてみたところサーバーのせいではなく利用しているプロバイダーが原因である可能性が高くなってきました。以下になってしまうのです。速度の異常な低下で、バンドルファイルをダウンロードしきれないという状況になっているようです。無料でお試しができる他のプロバイダーに申し込んで切り替えてみたところ、夜でも開発中のページが表示できるようになりました。500円ながらも、これまでは普通に使うことはできていたのですが、最近はそれすら無理な速度になってきています。速度を求める用途がなかったので、500円プロバイダーでも十分だったのですが、さすがにバンドルファイルすら正常にダウンロードできない状態になってしまったのは非常に辛いです。利用を検討しています。いいプロバイダーが見つかればいいのですが。登録フォームをほぼ完成させたところです。今後、自分でフォームのバリデーションをひとつひとつ書いていくのは時間がかかるため、バリデーションパッケージを選定&利用していこうと思っています。運用しているのですが、夜9時頃になるととても重くなります。バンドルファイルが大きくなっていることも関係しているのか、読み込みが正常に終わりません。クラウドはそういう問題とは縁がないのかなと考えていたのですが、そういうわけではないんでしょうか。環境を移したほうがいいのかなと考えています。夜になると開発ができなくなるのはまずい。登録するフォームを作成しています。入力しなくていいようなシステムにしているのですが、そこのフォーム部分でバリデーションの基本的な型を生み出そうとしています。テキストフィールドに文字を入力すると、文字数が表示されて、エラーの警告も表示されるようにしたい。できることを知って、データベースの構成を見直していました。配列もオブジェクトもそのまま入れることができ、検索も可能であるが故に、どういう構成にすればいいのか余計に悩んでしまいます。やってひとつのオブジェクト内にすべて含ませるか、それとも行ごとにデータを分けて必要なデータだけを読み込むか、どっちにすればいいのか迷ってしまいます。すべてのデータをひとかたまりにすると、データがバラバラに保存されないメリットもあるのですが、一度すべてを読み込んでから、不必要なデータをそこから排除するという手間がかかってしまうため、結局のところ、行ごとに管理して必要なデータだけを読み込む方がいいように思えてきました。データベースの構成を考えるのは本当に難しいですね。上に掲載しなくなったのですが、すでにデータがないと正常に動かなくなってきているので、簡単に初期データを挿入できる機能をつけました。解説をチェックしてください。今は各ユーザーの名前やサムネイルが表示されている部分にボタンを表示して、それを押すことでプレイヤーカード(プロフィール的なもの)をダイアログ(モーダル)で表示する機能を作っています。2018/11/28プレイヤーカード(各ユーザーのプロフィールカードのようなもの)を作っているところで進みが悪くなっています。ラッパー関数を作ったり、エラー処理の方法を考え直したり、アカウント作成・ログイン部分を修正したり、いろいろやっていたのですが、そういった基本的な構成を考えるところで詰まってしまうので、時間がどんどん過ぎていきます。ひとつ型ができると、それをベースにしていろいろなページを作っていけるのですが、その型を作るのがとても大変ですね。昨日はページのローディングが終わってからボタンを利用可能にする機能を作っていました。ページへのアクセス後、現在読み込んでいることを明確に示すために、ローディングアニメーションのアイコンをページのどこかに表示しようと思っています。トランザクションが使えるように設定しました。レプリカセット構成じゃないと駄目だとのことだったので、以下の記事を参考にして設定を行いました。Developmentレプリカセットというのは、複数台のデータベースを立ち上げて、それを組み合わせることで安定性をもたらす機能のようです。同じサーバー内に3つのプロセスを立ち上げて構成しているので、安定性の向上にはあまり期待できない状況ですが、とりあえずトランザクションは使えるようになったので良かったです。現在はプレイヤーカードのデータベーススキーマを作成して、データを挿入できるようにしようとしています。2018/10/16プレイヤーカードのデザインが完成しました。これからこれをコーディングしていきます。各ソーシャルサイトへのリンクを掲載でき、フレンド募集にも活用できるので、なかなか機能的でいいデザインになったのではないかと思います。2018/10/9プレイヤーページ(ログイン後に表示されるホーム)の作成に移ります。プレイヤーカードのデザインを考えようと思います。プレイヤーカードというのは各ユーザーのプロフィールのようなもので、カード型のデザインで、プレイヤーの各種情報を表示する機能を持たせる予定です。できればいろいろなページで使い回せるようなデザインのものにしたい。2018/10/4ログインとログアウト機能はほぼ完成しました。あとはログインしていないときに、ログアウトページにアクセスした場合、ログインページに飛ばすといった、リダイレクト機能を追加するだけです。それが終わったらプレイヤーページ(ログイン後にアクセスする各ユーザーのホーム)を作成しようと思います。対策のコードをモジュール化して分離しました。使えないため、クライアント側と同じ書き方ができないのが不便です。文を使うのは難しいとの結論に達しました。お試し機能的に使うことはできるようなのですが、安定版として提供されているわけではないので、なにか問題が起こったときに対処ができなくなりそうなので、現時点での利用はやめておこうと思います。早く正式に使えるようになるといいのですが。暗号化して保存する部分です。すると以下のエラーが出ました。option.MobXで利用しているデコレーター(@)で問題が起きているようです。新しいプラグインが用意されたようです。つきのパッケージ名になり(スコープ化というらしいです)、同じような機能のものが新しく作られたみたいなので、そちらを利用することにしました。こちらのサイトを参考にさせていただきました。同じエラーが出ている方は、チェックしてみてください。ミドルウェアを利用しようとしています。2018/9/10ログイン、アカウント作成部分を作っています。情報が受け取れなくなりました。作成した情報は受け取れないようなのです。処理ができないとのことでした。情報を処理できるようにしました。本当にめんどくさいですね。なにも考えずにできていたことが簡単にできなくなっています。裏側の理屈を理解できている人なら原因がすぐにわかるのかもしれませんが、自分レベルだといちいち引っかかってしまうのが苦しいところです。インストールしてみたものの、全然試さずに外観ばかり触っていたので徐々に不安になってきました。実際、データベースを使ったときに思っていた処理ができなかったら困るので、データベースを利用しながらログインシステムを作ってみます。アップデートしました。トランザクションが使えるようになったらしいです。2018/8/24コメントの投稿フォームと、投稿済みのコメントの画像表示部分が、意図せず連動してしまう問題が起こっていたのですが、コピーが参照になっていたせいでした。昨日1日使ってしまったのですが、冷静に考えたらすぐにわかりました。落ち着いて考えないとだめですね。フォームも完成していないので、そちらも作成します。2018/8/23掲示板の画像表示部分を調整しています。1つだけ画像がアップロードされた場合は大きく表示し、複数の画像や動画が同時にアップロードされた場合は、小さく表示しようとしています。フォームも完成していないので、そちらも作成します。バージョンを8.11.4にアップグレードしました。なるんですが、これはなにか意味があるんでしょうか。ついでにアップグレードしていますが、アップグレードしたらいけないんだろうか。今日もユーザーコミュニティページの掲示板を作ります。コメントへの返信フォーム、投稿されたコメントを編集するフォームを作成しています。2018/8/6ストアの構成を見直していました。APIからどういう形式でデータを受け取って、表示に反映させるかということを考えなければならなかったので、その間、プログラム配信は行っていませんでした。だいたいの形は見えてきたので、また再開しようと思います。現在はユーザーが登録してくれたサムネイルや名前を表示する部分を作成しています。パッケージじゃないようなので、納得の行くものになりませんでした。パッケージを探し出してきて、それで画像を表示させようと思います。できれば動画もギャラリー的に表示したかったのですが、以下のものは画像しか対応していないようです。https://jossmac.github.io/react-images/2018/7/17掲示板にアップロードされた画像や動画を表示する部分を作成します。画像&動画がひとつだけ投稿された場合の表示はすでに完成しています。利用しながら実装しようと思います。https://github.com/kidjp85/react-id-swiper2018/7/11掲示板の画像アップロード・動画投稿機能を作成中です。アップロードする画像を選択、または投稿する動画のURLを入力した際に、画像がプレビューされるようにします。複数画像のアップロード、複数動画の投稿に対応しようと考えています。2018/6/19トップページ、ゲームコミュニティ一覧、ユーザーコミュニティ一覧、ログインページのデザインが終わり、いよいよメイン機能であるコミュニティページのデザインを行うところまで来ました。掲示板の使い勝手が悪いので、改善案を出してもらいながら、新しいデザインを考えようと思います。2018/6/4デザインを考えているのですが、機能性といいデザインを両立するのが大変で、かなりしんどいです。基本的に既存のものの切り貼りや、ちょっとしたアレンジで乗り切っていますが、ゼロから想像するセンスがないため、いろいろな面で妥協しないといけなくなるのが辛いです。現在はカード型デザインでゲームの一覧を表示、検索もできるようになるページのデザインを考えるところです。これまでと書き方が変わっていたので、戸惑う方もいるかもしれません。つけなければならなくなりました。みたいなもの)が正常に動かなくなっていたので、こちらのページを参考に裏側の処理を書き直しました。ブラウザの表示サイズをサーバー側で取得することができないようです。できていたような気がするのですが。サーバー側でも取得したいのです。使った方がいいような気がしてきました。統一した方がいいのかなと思ってきました。スタイルシートでこんなに悩むとは思いませんでした。いうプラグインを入れろという警告が出たので、それを入れて設定もしておきました。コードの書き方や、動作には特に変更がないようです。使う方法ですが、前回やっていた方法では、サーバーサイドレンダリング時にスタイルシートが正常に適用されていない。遅れて適用される?ため、設定を見直しました。example上記サンプルを参考にしながら、設定してみました。使うと正常に適用されるという状況になりました。コンポーネントを使うときだけそうしています。使う際の書き方がわかる方おられましたら、ぜび教えてください。コンポーネントにスタイルシートを適用する方法がわからず1日を費やしてしまいました。推奨しているスタイルシートの書き方が違うため、どう書けば正常に表示されるのか理解するのに時間がかかりました。結局、以下の書き方でいけました。コンポーネントはグローバルスコープのスタイルシートが必要なようです。}`}</style>2018/4/18複数人の開発者で同時に各ファイルを編集した場合、誰かがエラーを出すと他の開発者にもエラーが出て、開発がスムーズに進まないという問題が発覚しました。同じ環境でトランスパイルが行われるわけですから、考えてみれば当然なのですが、今まで気づきませんでした。同時に違うファイルを触れないというのは結構致命的な問題です。環境を複数用意して、それぞれの開発者が別のファイルを気軽に触れるようにしてみました。マスターアカウントでログインできる方は、そちらの環境でも開発が行えます。複製しているだけなので、細かいことは気にせずいろいろ試してみてください。試してみたところ、とても優秀だったので採用することに決めました。デフォルトで行ってくれるのは非常に便利です。利用したサーバー用コードを書かないといけない部分も多くあるのですが。行うことを推奨しているようです。規模のサイトになると、そういった構成が増えてくるのかもしれないのですが、自分は小規模なサイトしか作ったことがないので、初めての経験でちょっと不安です。エラーが出てしまいます)そのため、サーバー側でファイアーウォールのポートを開けて、普通のウェブサイトとして制作中のサイトにアクセスできるようにしました。データ取得が正常に行えます。一緒に採用してみます。使い方を学んで、デザインを触りながら作っていこうと思います。ディレクトリ構成のベースにしました。なっていたので、アップデートしました。バージョン4に合わせて書き直しました。正常に表示されるかテストしてみました。表示することができたので良かったです。サーバーサイドレンダリングに興味があるので、そちらについて調べてみたのですが、手間が非常にかかるようで、やるべきかやらないべきか悩んでいます。MobXというライブラリに興味を持っています。こちらもいろいろ調べてみようと思います。ユーザー削除を間違えて行ってしまいました。削除ができなくなってしまいました。変更をよろしくお願いします。構築していますが、あまりにも重たいのでサーバーをスペックアップしました。参加者が3人集まると止まるので。GB)無料で使えるクレジットが30000円分あるので、しばらくは大丈夫そうです。記述して、ターミナルを立ち上げるたびにパスを通さなくてもいいようにしました。冊とも読み終わりました。契約している方は読み放題で読めます。いうプラグインを使ってみようと思います。実際どんな使用感なのかわからないので手探りになりますが。利用にはGitHubのアカウントが必要になります。プラグインをインストールしてください。いうボタンを押してください。トークンを取得するページに移動します。トークンを取得しますモザイク部分にトークンが表示されます。それをコピーしましょう。右下に電波塔のアイコンがあるので、そこをクリックしましょう。画像のような画面が表示され、トークンを入力するフォームが表示されます。そこにさきほどコピーしたトークンを貼り付けましょう。入力するフォームを開けます。ボタンを押してください。これでプログラム配信のポータルに参加できます。開発に参加したり、アドバイスをしたりしなくても全然構いません。試しに触ってみたいという理由でもなんでもいいので、気軽に参加してみてください。2017年12月4日サーバーをNode.jsにしたい気持ちが高まる現在、サーバー側はPHPで動いているのですが、いずれNode.jsにして、すべてをJavascriptで動く環境にしたいと思っています。結構な時間をかけてPHPの処理を書いていると、そのうちJavascriptに書き換えることになるのに、どうしてこんなに力を入れてPHPを書いてるんだろうという気持ちになってしまいます。その思いが重なり重なり、いよいよNode.jsの本でサーバー側の処理を勉強し始めました。読んだ感じでは、それほど難しい印象は持たなかったので、比較的簡単にNode.jsで動くページを作成できるかもしれません。現在動いているログインやプッシュ通知など、手間のかかるシステムをNode.jsに置き換えるのは楽じゃないと思うので、サーバー側を短時間に一新することは現実的にできそうにありません。そこで一部のページから徐々に置き換えていくことを考えたのですが、そうした場合にApacheとNode.jsを同居させなければなりません。この構成で運営されている方はすでにいるようなので、やり方については調べがついたのですが、問題はドメインやサブドメイン単位ではなく、ページ単位でサーバーを振り分けることができるのかということと、SSLが問題なく動くのかわからないという点です。Node.jsにnode-http-proxyというパッケージがあって、それを利用すればサーバーを振り分けられることまではわかったのですが、ページ単位での振り分けについてはネットに書かれていませんでした。EncryptのSSLですが、これがNode.jsのサーバー上でも普通に動いてくれるのかわからないのです。本当にもうわからないことだらけなんですが、そもそもの話、Web系って覚えること多すぎないですか?範囲が広いのに、一人であらゆることに対応しなければならないので、そろそろ頭がパンクしそうです。以下のような表示が出ていました。66で信頼されないSSL証明書を使用します。一度信頼されないと、ユーザーはこのリソースを読み込むことができなくなります。詳細については、https://g.co/chrome/symantecpkicertsを参照してください。調べてみたところ、過去に発行されたシマンテックの証明書に問題があるらしいです。シマンテックの証明書に対してGoogleからの制裁が確定した話2018年3月15日までに証明書を新しいものに書き換えないといけないみたいです。他の高価な証明書に比べると格安で良かったのですが、どうせ更新するならと、他にも新しい発行業者が出ていないか調べてみました。」という無料で利用できるとうたっているサービスを発見。無料は怪しいだろと思ったのですが、サイトを見てみるとこのように書かれています。どこかで聞いたことのある名前ばかり。使い方はここにすべて書いてあります。翻訳も英文の下に載せておきます。'c'をキャンセル):メールアドレスを入力/opt/eff.org/certbot/venv/lib/python2.6/site-packages/acme/jose/jwa.py:110:DeprecationWarning:署名者と検証者は廃止されました。代わりに標識を使用して確認してください。athttps://acme-v01.api.letsencrypt.org/directory利用規約をご覧くださいhttps://letsencrypt.org/documents/LE-SA-v1.1.1-August-1-2016.pdf。Encryptプロジェクトの創設パートナーであり、非営利団体でもあります。EFFについてのメールをお送りしたいと思いますウェブを暗号化し、ユーザーを保護し、デジタル権利を守るための私たちの仕事。access.HTTPトラフィックをHTTPSにリダイレクトするかどうかを選択し、HTTPアクセスを削除してください。ウェブサーバーの設定をこれ以上変更しないでください。HTTPSアクセスを保護するためにすべての要求をリダイレクトします。これを選択してください新しいサイト、またはあなたのサイトがHTTPSで動作することを確信している場合。これを元に戻すことができますWebサーバーの構成を編集して変更します。cancel):2(リダイレクトする設定を選択したら失敗しましたと出ました。redirectiongameusers.orgのリダイレクトに失敗しましたgameusers.orgのエンハンスメントリダイレクトを設定できません対応するHTTP仮想ホストを見つけることができません。意図したアドレスが競合しているため作成できません。サーバーの拡張リダイレクトを設定できませんでした。証明書を正常にインストールしました。あなたの証明書は2018-02-07に期限切れとなります。"certonly"オプションを使用してください。letsencryptの設定ディレクトリ。このフォルダの安全なバックアップを作成します。Certbotで取得した証明書と秘密鍵も含まれています。このフォルダを定期的にバックアップするのが理想的です。この間、わずか10分ほどです。