pagesでcreate-react-appを使ったレポジトリのページを公開する。個人的にわかりづらかったところなどのメモを残しておきたいと思います。基本的に既存のユーザーページ(username.github.io/)にレポジトリのページ(username.github.io/reponame/)を追加するという観点でやっています。pagesにデプロイおわりgithubにレポジトリを作成proアカウントでないと、privateのままで公開することはできないようです。Docsレポジトリの名前と、package.jsonで指定するhomepageの値は一致させておきます。username.github.io/reponameといったURLになるためです。...}githubのレポジトリ作成のところでも書きましたが、package.jsonの中で指定する"homepage"の値は、githubのレポジトリ名と一致させます。gh-pagesでgh-pagesのインストールも忘れずに行います。これはgh-pagesブランチを自動で作ってファイルを設定してくれるCLIツールです。buildなどのようにブランチ名を指定しておきましょう。pagesにデプロイあとは、デプロイだけです。githubのリモートレポジトリのmainブランチにプッシュしましたが、これは必要なさそうです。deployでgh-pagesブランチがなければ作成されて、ビルドされたファイルがプッシュされます。URLの設定がうまくいっていればpackage.jsonの"homepage"で設定したURL(https://username.github.io/reponameなど)にアクセスして確認できます。レポジトリ側の設定は、githubのレポジトリトップページのSettingsからPagesから確認できます。おわり当然だと思いますが、reponameの一致には気をつけましょう。gh-pagesブランチだけをgithubのレポジトリにプッシュすれば、proアカウントでなくてもソースを公開しないでできそうだなーと思いました。pagesに上げやすそうだと思います。成果物TerminalでポーカーをするGitHubの使い方を知るためにポーカーを作ってアップしてみた。意外とREADMEを作るのが面倒ですね。そのうちまともにしたい。gulpの環境にした。今までのものからwebpackを追加した。その理由は、jsxファイルを分割して、他ファイルからrequireするときに、正しくできないため。package.jsonは次の通...ReactReactでsetInterval使用で定期描画するreactでsetIntervalを使って定期的な描画を行う。調べたところ、コンポーネントをクラスで定義するか関数で定義するかで方法が異なるようだ。メソッドとして、componentDidMount()とcompone...Reactimgタグの画像を切り替えるとき、アスペクト比を維持しつつリサイズする1つのimgタグを使って代わる代わる画像を表示するとき、アスペクト比を維持しつつ枠いっぱいに表示する。リサイズのことを忘れていた。/...ReactReactで親から子のコンポーネントにアクセスするReactで親コンポーネントから、子コンポーネントにアクセスする。独立性が下がるが、そうしないと実現できないこともあるので仕方がない。そもそも独立してないような気もするので問題ないか。親コンポーネントPでページ全体...オーディオファイルをpowershellスクリプトにドラッグ&ドロップでmp3に変換するコード中のコメントなどを削除するツールを作ったコメントコメントを書き込むコメントをどうぞメールアドレスが公開されることはありません。名前メールサイトホームWebサービスikapper主にITなどのアウトプットをしています。ご連絡等はTwitterの@ikapperへ。ikapblog.メニューホーム文字in画像QRIPアドレス確認ホーム検索トップサイドバータイトルとURLをコピーしました。