■前回 投稿画面のモーダル表示の対応を行った。 ■URL入力とサムネイル表示 テーマ投稿時に、参照するURLなどがある場合は、 テキストと同時にURLも記載して投稿するようにしたい。 投稿後は、サムネイルで表示させたい。 はてなブログであれば↓ tenomeuonome…

■前回 実装できなくて横に置いていたモーダル画面の表示。 意外と簡単に実装できることが分かったのが前回。 ■モーダル画面から投稿 現状、テーマ投稿は画面上部に枠があって、そこから投稿する。 返信も対象の発言に枠があって、そこから返信内容を投稿する…

■前回 Herokuへの反映にちょっと手こずったが、手順は確立できてきたかな。というところ。 ■画面遷移にrouteを使う 細かい修正だが、画面遷移やPOSTする場合の記述がまちまちだった。 書きがち href="/detail?thread_id={{$thread->thread_id}}&reply_id=0" …

■前回 Herokuに反映はできたが、 ログイン時にエラーが発生。 Unable to locate a class or view for component [guest-layout]. ■原因 前回のエラーはjetstreamに関連するファイルが残っているからエラーが出ている、という認識だったので、関連するファイ…

■前回 tenomeuonome.hateblo.jp jQueryの導入。 ページ表示時に対象の返信の位置にフォーカスする対応。 ■ubuntu環境に修正内容を反映 windowsで開発しており、githubにpush済とする。 herokuにアップする前にubuntu環境に最新版をダウンロードする。 ------…

■前回 詳細画面で対象データにスクロールを合わせる対応で、 jQueryを導入する必要があったので設定してみたがエラーで中断。 そもそもjQuery入ってなかった、Laravelなら初期から有効になってるのだと思い込んでいたのが落とし穴。 ■webpack.mix.jsの再修正…

■前回 前回までの対応でサイトは以下のような構成になった。 トップ画面はテーマの一覧とそれぞれへの返信一覧を表示 テーマまたは返信をクリックすると詳細画面を表示 詳細画面では選択したデータの親情報と子情報の一覧を表示し、選択した情報に対して返信…

前回 モーダル画面表示を一旦諦めて。 改めて調べると他にもやり方はあるようなので、情報集めつつ保留。 ■仕様変更～記事詳細表示 やりたいのはTwitterの表示に近い。 投稿の詳細を表示して、紐づくテーマとしたにぶら下がる返信を表示する。 返信は詳細を…

前回 モーダルダイアログで入力させようとしたが、 Laravel/uiやbreezeが入った環境にjetstreamもインストールするとよろしくない、という情報を見かけて途方に暮れたところ。 ■編集前に戻す このまま調査を続けても泥沼にはまりそうだったので、 jetstream…

前回 ダイアログで投稿情報を入力させるため、livewireを導入。 ControllerからComponentクラスに変更してbladeファイルを元に画面を表示するように修正。 画面表示で「undefined 変数」のエラーで足止め。 ■bladeからComponentの変数を参照する記述 参考に…

【 注意 】 私のブログでこのページへのアクセスが一番多い。 アクセスがあるのは嬉しいが、このページで試していることは、 Laravelでlivewireを使ってダイアログ表示。 なんだけど、実現していません。 実現したのはBootstrapを使ったやり方です。↓ tenome…

前回まで、以下の組み合わせでドメイン設定を試みているが、ドメインのURLでアクセスできていない。 Herokuデプロイ PointDNSアドオン XServerドメイン osamudaira.com やり方を変えてみる。PointDNSアドオンでなく、Cloudflareを使ってみる。 まず、PointDN…

前回 tenomeuonome.hateblo.jp 何も進んどらへん。 ■時間経過で変化 前回やったことは Heroku側にドメイン設定(Setting->Domains) Herokuのアドオン(Point DNS)追加。ALIASとCNAME設定 ドメイン側(XServer)でネームサーバ設定 URLを入力しても表示されなかっ…

※注意 この記事ではドメイン設定もSSL証明書設定も完了していません。 ----- 前回、Herokuでの動作確認まで。 tenomeuonome.hateblo.jp 何とも低機能なページではあるがとりあえずはいいのだ。 ■SSL証明書を取得 さて、今のところページURLはHerokuのアプリ…

前回 tenomeuonome.hateblo.jp 以下の作業を行った。 Herokuにプログラムをアップロード。 HerokuアプリにJAWSDBインストール。 ConfigVarsにDB関係の設定を追加 ■起動？？ 当初、$heroku open などとしてもエラーが発生していた。 ▸ Error opening web brow…

前回 tenomeuonome.hateblo.jp 検証メールをgmailで送信するところまで確認できた。 ■おさらい だいぶ前にHerokuにアップロードして動作確認した。 tenomeuonome.hateblo.jp 結構時間かけてたなぁ。 次回以降つまずかないようにまとめておく。 ■Clone(ubuntu…

前回 tenomeuonome.hateblo.jp 検証用のメールテンプレートを変更した。 その後、mailtrapで疑似的に行っていたメール送信を実際に送信するための設定を行う。 gmailで設定を進める。 qiita.com ■gmailメール送信設定 Googleアカウントの設定から二段階認証…