再起動するだけで反映されます。導入したときは中間証明書だなんだと難しい処理をした覚えがありますが、今回はたったこれだけで終了。利用できることになります。証明書ちなみに証明書を更新する方法は以下のような感じです。毎日、朝の6時45分に証明書の更新を実行する。毎日、実行していても、期限の30日前にならないと証明書の更新処理は実行されないので、向こうのサーバーに負荷をかけることもないとのことです。触ることはあまりないので、こっちの設定の方が時間かかりました。部分についてはあまり参考にしないでください。Encrypt」をさくらのVPSに導入しました。後々のことを考えると、ディレクトリー構成を変えたほうがいいのではないかという思いに至り、画像のように変更してみました。<main></main>タグの内部のコンテンツ部分と、ヘッダーやフッターなどの共通部分を分離。Usersは他の人も気軽にコンテンツを追加できるようにしたいという目標があるので、新たにページを追加する場合は共通部分のコードは触らずに、そのページはそのページだけで独立してファイルを作成できるようにしたいのです。この作業をやってると、自分の能力を超えてる部分に手を出しているという不安感が漂います。到達点はわかっているのですが、知識が足りていないので、今やっていることが正しいのかどうかがさっぱりわかりません。ディレクトリー構成だけはそれっぽくなっているのですが。2017/10/08シェアボタン公式トップページシェアボタンの公式ページがだいたい完成しました。シェアボタンを作成する機能は問題なく動作しており、次は有料プランを申し込むページを作成する段階です。PayPalのようなネット上で支払いを行えるサービスを提供している企業は海外にもたくさんあるので、それらを吟味しながら良さ気なサービスを採用しようと思います。シェアボタンは海外の人にも使ってもらえるようにいずれ複数言語で提供したいという思いがあるため、支払いサービスも多くの言語に対応している海外のサービスの方がいいのかなと考えています。最近、GitHubにファイルを上げていませんでした。GPLで作らないと公式の場所に置いてもらえません。Buttons部分のライセンスもGPLで作らないといけないのです。UsersのWebリポジトリに含めてプッシュすることができなくなっているのです。一緒にアップロードするとライセンス汚染が発生するようなので。現在、GitHubのリポジトリをクローンして上記URLにアクセスしても、ファイルが足りないためエラーが起こってしまう状況になっています。完成したら別リポジトリで公開する予定なのですが、正常に動作させるためには、そのファイルを特定の場所に設置してからアクセスしなければならないという非常にややこしいことになっています。汚染が発生するライセンスは本当にめんどくさいですね。クローンしてもエラーを表示しないようにしました。画像のように内部のコンテンツは表示されません。ヘッダーと左のメニューとフッターしか表示されません。2017年12月12日GitHubを使う習慣がないGitHubを全然更新していませんでした。日々の作業が終わった後にファイルをアップロードするだけなのに、習慣がないので忘れてしまいます。Atomを使ってるので作業自体はすごく簡単なんですが。いうかアップロードじゃなくてプッシュというのが正しいのかな?Gitの概念と用語が難しくていまだによくわかっていません。久しぶりに更新したついでに、GitHubの容量の上限について気になったので調べてみたところ、リポジトリは1GBが上限サイズのようです。それ以上のサイズになると警告メールが送られてくるらしい。書かれており、なんとまだ39MBしか使っていないようです。ローカルファイルだと400MBくらいあったのですが、node_modulesや余計な画像などのファイルを除くと、すごく小さくなりますね。今後は毎日忘れずにプッシュしていこうと思います。旧デザイン新デザインモーダルで表示する通知を綺麗にしています。他のデザインに合わせてこちらもカード型にしました。2017年12月16日ReactでMasonryを使用するMasonryというJavascript製のライブラリーを利用すると、カード型デザインのページ内で自動的に各カードを並べかえてくれます。カードのサイズがバラバラな場合、均等に横並びにするだけでは無駄なスペースが出来てしまうので、これを使うことで石段を積んだような綺麗な並びに作り変えられるのです。カード数の増減、こういった形でDOMに反映してからライフサイクルメソッドのcomponentDidUpdate内でレイアウトしてみたところ、ちらつきが発生してしまいました。DOMに反映されてから並び替えるという順序になるため、どうしても一瞬並び替える前のカードが表示されてしまうのです。そこで他の人がどのようにReactにMasonryのライブラリーを導入しているのか調べてみたところ、有志の方がreact-masonry-componentというコンポーネントを公開してくれていました。これを使ってみたところ非常に簡単にカードの並び替え機能を利用することができるようになり、ちらつきもなし!並び替え動画https://gameusers.org/dev/blog/wp-content/uploads/2017/08/2017-08-27-13-09-23.mp4いやーありがたい!優秀な人が様々なコンポーネントを提供してくれているおかげで本当に助かります。なんかこういう無償で何かを提供してくれている人たちに、お礼の寄付をするシステムがあればいいのになと思いますね。