プログラミング

プログラミング

ローカルのmysql のパスワードを変更する

$ mysql -u root パスワード変更 > UPDATE mysql.user SET Password=PASSWORD('new password') WHERE User='root'; > FLUSH PRIV...
React

Chormeの「Refused to load the script 」エラーの解決方法

create-react-ssr-app で以下のエラーを確認 Refused to load the script ' because it violates the following Content Security Poli...
プログラミング

ローカルサーバー起動時にA server is already running の対処方法

ローカルサーバーを起動しっぱなしで、PCを落としてしまった時などにたまに起こる、特定のポート使えない問題の解決法 ・特定のポート(例:3000番)で起動中のプロセス番号(PID)を確認 $ lsof -i:3000 ※ ...
プログラミング

初心者エンジニアが1ヶ月スタートアップでDB設計からAPI実装まで学んだ話

プログラミングを始めて11ヶ月で、スタートアップの自社サービス開発を初めて経験しました。入って1ヶ月目で「DB設計」→「マイグレーション」→「API実装」までを経験したので、それを通して学んだことをアウトプットします。 DB設計 ...
プログラミング

Elasticsearchのローカル導入からMySQLのデータをインポートするまで

Elasticsearch(エラスティックサーチ)とは、Elastic社が提供する「Lucene」ベースのオープンソース全文検索エンジン。MySQL(RDBMS) 、Redshift(データウェアハウス)、DynamoDB(NoSQL)など...
Ruby

Railsマイグレーションでdocker内のmysqlコンテナにテーブルを作成する

docker内のmysqlコンテナにマイグレーションでテーブルを構築する方法を記事にしました。 この記事は、前回投稿した記事の続きになります。 前回のdocker-compose.yml version: '3' services:...
Ruby

Ruby on Rails(Rails+MySQL)をdockerで動かしてみる

最近、触り始めているRubyonRailsをdocker,awsと合わせて勉強していきたいと思っている今日この頃でございます。まず今回は、railsをdocker環境で動かすための、docker+rails環境構築を記事にしていきます。 ...
Ruby

Railsマイグレーションのindexの定義方法と対象について

最近、railsを使い始めて、データベース設計をする機会がありました。その際にindexについての学びが多かったのでメモ。 indexとは? テーブルの中の特定のカラムのデータを複製し、データを取得する際に検索が行いやすいように...
JavaScript

Nuxt.jsをdockerで動かしてみる

【動作環境】 macOS 【使用するツール】 Docker Docker Compose 作業ディレクトリを作成 $ mkdir nuxt_app $ cd nuxt_app Dockerfileの作...
プログラミング

Bashコマンドの履歴を積極的に活用したら作業効率が上がった

Bashを使っている時に過去に実行したコマンドをもう一度実行したいことが開発をしているとよくあると思います。数回前のコマンドでしたら、↑↓で十分ですがそれ以上前だと大変です。今回は、履歴を積極的に活用した方法を記事にしました。 コ...
JavaScript

Angular.jsを公式チュートリアルで理解しようとしてみた

AngularはTypeScriptを採用したフレームワークです。変数の型を静的に定義できるので、JavaScript特有の原因がわかりにくいエラーが減らすことが可能で、大規模開発に向いているらしいです。 今回は、Angular.js...
プログラミング

HTML5のfileタグをcssでいけてるデザインに変更してみる

from周りをコーディングする際、毎回HTML5のfileのデフォルトのデザインがダサすぎて、デザインをしたくなります。その度に、fileタグのコーディングの仕方を忘れるので備忘録代わりにメモ。 以下のソースコードにcssをあてて...
Firebase

Firestoreでドキュメントの追加・編集(更新)・検索・削除の方法

Firestoreは、Googleの柔軟でスケーラブルなNoSQLクラウドデータベースです。「オフラインデータアクセスに対応」や「リアルタイムデータ同期」などに加えてデータが非常に簡単に扱いやすくなっています。今回は、Firestoreのド...
JavaScript

Nuxt.js(Vue.js)を使って動的モーダルコンポーネントを実装

今回、動的にモーダル表示するコンポーネントを作りました。「モーダルの状態管理」「親とコンポーネント間のデータの受け渡し」「動的にモーダルの中身を変更する」といった処理が必要で勉強になったので、備忘録代わりに記事にしました。 ※ vue...
プログラミング

GoogleAdsenseのレスポンシブ広告がモバイル表示ではみ出る問題をCSSで解決

GoogleAdsenseのレスポンシブ広告を使用していて、モバイル表示の時に画面幅いっぱいに設定されてしまって困っていました。(PCだと問題なく表示したいdivの中に表示されていた) 他の記事に解決法としてよく公開されている、Ads...