cloud code が始まらなくて辛かった

Dockerのこと全然よくわかってないけど、Google Cloud Run を使いたい。Visual Studio Codeの Code Cloudという拡張を使えば、DockerのことよくわかってなくてもVisual Studioから直接Deployできるらしい。 Visual Studio Code でかんたん Cloud Runこれに従ってやる。Cloud codeで sample project を run locally しても、Dependency check started から全く動かない。数日間ずっとここで苦しむ。Dockerを最新版にアップデートし...

githubへのアップロード

久々にgithubにアップロードしようとすると、もう何やっていいか全く覚えてない。この記事を参照して、一歩一歩。【GitHub】ローカルファイルをGitHubにアップロードするちょっと記事が古くて、そのままだとできないことが2つある。master -> main へ 変更パスワード->token に 変更...

laravel 小テーブルのデータ取得

Laravelでのウェブアプリ開発。親テーブルを使っているところで、one to Manyで連携している子テーブルの情報も取得して使いたい。その方法がどーすればいいのかなぁと検索していて、色々サイトを回っていたけど、この記事がModel、Controller、Viewの書き方全てを網羅していて、コンパクトにまとまっていて一番わかりやすい。【Laravel】子、孫を含めた3つのテーブルからリレーションデータを取得する方法（Eloquentリレーション...

ローカルのmysqlにアクセスできなくなった件

ローカルのmysqlにアクセスしようとすると、以下のようなエラーが発生。ERROR 2002 (HY000): Can't connect to local MySQL server through socket '/tmp/mysql.sock' (2)サイト上のいろんな解決方法を見たけど、結局これで解決。ERROR! MySQL server PID file could not be found! の解決方法sudoはpasswordがわからなくて、使えなかったけど、普通にsudoじゃなくてもkillできた。...

Expo SDKをアップグレードしたらエラーにハマった。

Reanimated 2 failed to create a worklet, maybe you forgot to add Reanimated's babel plugin?こういうよくわかんないエラーで時間失うの辛い。。。SDK42からSDK45にアップグレードしたら、作成中のアプリがエラーを起こした。色々調べて、この記事の内容で解決できた。Reanimated 2 failed to create a worklet, maybe you forgot to add Reanimated's babel plugin? #1875ーーー引用Hi, based on comments from this issu...

Creative Timはすごいなー

React Nativeの開発を加速するために、ユーザーインターフェースにテンプレートを使いたい。でもReact Nativeのテンプレートを探しても、あんまり色々出てこない。その点、Creative TimにはReact Nativeのテンプレートも用意されている。新しいフレームワークで開発するときの取っ掛かりとして、Creative Timのテンプレはとても役に立つ。Creative Time 公式ホームページ...

React Nativeの導入

まず始め。開発環境を構築するまでは、こちらの記事を参考にしてすぐできる。Zenn React Native,Expo,TypeScriptの開発環境構築をするアプリでサーバー側とデータのやりとりをする場合、FirebaseというGoogleのサービスがいいらしい。ReactNative + fireBaseなら爆速で開発できそうな件...

Typescriptの勉強にいいサイト

Typescriptという単語は何度か聞いていたけど、なんとなくJavascriptっぽいものだという認識で、今まで無視していた。それが無視もできなくなってきて、軽く勉強したいと思って見つけたのがこのサイトサバイバルTypeScriptただ、TypeScriptの文法について説明されているだけじゃなく、その言語がどういう思想に基づいて作られているか、その仕様がどういった目的のもとに実装されているか、背景を説明してくれるので、とてもわかり...

React setStateが非同期処理でどうすれば良いかわからなかった件

React初心者で、とてもつまづいた。setStateをした後に、setしたstateをさらに処理したかったんだけど、setStateは非同期処理のために、後半の処理が実行される時にまだstateが更新されておらず、思った処理ができない。ここでハマる人結構多いんじゃないだろうか？数日間ハマって心折れそうになった後、解決策がわかった。そもそも、setStateした後にstateを続けて処理しようとすることが間違い。これはcomponentDidUpdateでやら...

サイト移管

サイト移管は少し緊張する。間違えてやると、今まで集めたSEO的努力を全て失う気がする。参考にしたサイトTCDが10年間使い続けたドメインを移行した結果と対策今回ドメインを移管する理由は、ドメインが酷いから。レンタルサーバーのアドレス下のフォルダをあてがわれているだけ。自分たちのドメインですらない。だから、このドメインにはそもそも価値がないので、すぐにでも移管したかった。レンタルサーバーは地方の会社のもので...

テストサイトをインデックスされないようにする。

SEO的には全く同じページが2つあるのは良くないらしい。だからnoindex を使用して検索インデックス登録をブロックする必要がある。良かれと思ってテストサイトを作っていて、それが本番サイトの集客の足を引っ張ったら元も子もない。テストサイトのページには片っ端からnoindexを設置した。noindexでインデックス登録を拒否する方法...

React - Material -UI. stateの参照はthis.state.をつけて

フォームを送信した後に、ポップアップが出てくる仕様にしたかったので、Material-UIを導入した。使い方がとても簡単で使い勝手が良い。Material-UI 公式ページフォームをサブミットすると、ページがリロードされてしまう問題。これは、デフォルトで発生する動作仕様だから、解除しないといけないらしい。e.preventDefault();の必要性がよくわかった。React.js の submit でページを更新しない方法最後に一定時間でアラートが消え...

Reactにフォームを実装

Laravel5.7でReactを利用した開発をしてみるこのページを参考にして1日かかってやっとデータを登録できるようになった。...

Reactのお勉強 thisについて

フォームをReactで実装しようとして、React公式ページをお勉強。フォームこの中には、このページを見ただけではよくわからないコードが色々とある。それを丁寧に説明してくれてるページがあるので、備忘のため。Reactによく出てくるthisなどいくつか理解できない...

ReactをLaravelで使うためにセットアップしなきゃいけないこと

LaravelにはReactを簡単にインストールできる。でもそれだけじゃ始まらない。正しくLaravelに合うようにReactをセットアップしないと使えない。ここがいつも引っかかってて、時間を失うからメモ。このブログは良い。[簡単]React x LaravelのSPAで作るチュートリアル1。まず、LaravelではViewのところにたくさんファイルを入れて、viewを構築していく。だけど、Reactは一応コンセプトがSingle Page Applicationなので、ページは一...

Laravel では PUBLIC_URLは使えないらしい

React プロジェクトをLaravelと合わせて使おうとすると、process.env.PUBLIC_URLの部分がundefinedになってしまい、エラー。色々調べてみたけど、この解決策を探そうとしても見つからない。同じ問題で悩んでいる人もいっぱいいて、結構最近の問題。PUBLIC_URL is not the same as homepage, but only the pathnameReact+Laravelでpublicフォルダ内の画像を表示するLravelのPublic ディレクトリはこの方法では参照できないらしい。p...

Facebookをiframeで埋め込んだ時のUncaught SyntaxError : Unexpected token ':' が出る原因

Facebookページを運用しているので、ホームページでもそのタイムラインを表示したい。それ自体は簡単にできるのだけど、Development Tool画面でエラーが表示される。Facebookをiframeで埋め込んだ時のUncaught SyntaxError : Unexpected token ':' これが何個もでて、非常にカッコ悪い。多分、これのせいで多少読み込みも遅くなっているんじゃないかと思う。消したいのだけど、どうすれば良いのかわからない。同じ悩みを抱えている...

DevTools failed to load source map: Could not load content for

chromeを使っていると、Developer Toolにこの黄色三角アラートが出てきてうざい。DevTools failed to load source map: Could not load content for.....Source mapというファイルがないと、このアラートが出てくるらしい。こちらのブログに解決策が書いてある。ソロ学 拡張子が「.map」のソースマップファイルとは？ChromeでSourceMapに404エラーが出た場合の対処法3つ。mapファイルを置くのはどこからファイルを取ってくればい...

LINEでリンクを貼り付けた時に意図しない画像と文章が表示される問題

せっかくウェブ上で新しいサービスを始めても、そのサービスを拡散しようとリンクをSNS上で貼り付けたら、変な画像と文章が表示されたら、誰もクリックしてくれない。誰もシェアしてくれない。大きな損になってします。OGPという単語を知らなければ、多分、ウェブマーケティングをやったことがない人ということになる。良い踏み絵かもしれない。OGPを設定しよう！SNSでシェアされやすい設定方法とは？OGPを正しく設定することで、...

xserver上のlaravelシステムを更新する

久々にシステムを更新したのでローカルからエックスサーバーへアップロードする。やり方を完全に失念していたので、次回に備えた備忘録。Laravel システムのファイルを更新するためには当然、3つのステップが必要。1。データベースの更新2。githubからファイルの更新。3。gitignoreされているファイルの更新。1。についてはローカルからSSH接続で更新するのが一番だけど、 時短でエックスサーバーのphpadminを使って更新。...