最近めっちゃLaravel使ってます。で、Laravelのコネクションプーリングの話です。コネクションプーリングとは、DBとの接続を永続化させること。フレームワークによっては、これがデフォルトで永続化されているものもあるようですが、Laravelの場合はデフォル…

$query = $this ->from('tbl_reservation as tr') ->join('tbl_course as tc','tr.f_course_id', '=', 'tc.f_course_id') ->join('tbl_slot_course as tsc', function ($join) { $join ->on('tsc.f_reservation_slot_id', '=', 'trs.f_reservation_slot_id')…

久しぶりに最近、ブラウザデバッグをする機会がありました。で、問題となったのは「viewport」の部分。window幅がタブレットの領域(768-1024px)の場合は、viewportのwidthを固定して、PC版を表示させる処理を書いておりました。しかし、Safariの開発者ツール…

Dockerを初めて触ったとき、よくChromeの「アクセスできません」的なエラーページ表示されますよね。もちろん「Docker apache アクセスできません」とかで検索しても出てこず、どこから調査したらいいのかわからない、という方に向けて書いていきます。webサ…

最近AWSよく使っているのですが、データベースとしてDynamoDBを使うことが多いです。全てJavaScriptで完結できるのでありがたい面もあるのですが、若干めんどくさいことも多いです。その中の一つがDynamoDBの中にMapとして保存している場合です。例としては…

Sourcetreeめっちゃ便利で使っているのですが、二段階認証の時のユーザー名の記憶制御によってちょっとハマりました。Basic認証とか二段階認証を求められるレポジトリを相手にするときにユーザー名とパスワードを求められると思います。この時大抵の方は「ユ…

普通接続先は一つだけのことが多いですよね。ただIP制限かけられてたりするとサーバーを経由してssh接続しないといけません。丁寧にやると「sshで踏み台サーバーログイン→踏み台サーバーからssh接続」となるわけですが、ローカルマシンからコマンド一発で踏…

InteliJ IDEAを普段使いしているのですが、たまにタイトルの挙動のようになってしまうことがあります。対処法は下記です。1. 「cmd + ;」で「Project Preferences」を開く2. 「Add Content Root」で開きたいプロジェクトを選択 これで再びプロジェクトツリー…

今回React案件なのですが、その中でreactstrapのModalを使う機会が多くありました。例えばエラーモーダルとかローディングモーダルとかですね。その中でローディングモーダルがなぜか表示される時とされない時があってなんでだろ...って思っていたのですが意…

最近Twitterを開設したのですが、色々勉強になることが多くもっと早めに初めておけばよかったな…と後悔しております...と、そんな訳でTwitterで見かけたある事象に対して考えてみました。 const state = [ { id: 1, deleted: false}, { id: 2, deleted: fals…

現在Reactの案件を進行中です。具体的にはCoreUIというUIフレームワークを使って管理画面を作成しています。このCoreUIはcreate-react-appで作成されているので、ビルドにはreact-scriptsを使っているのですがreact-scripts(create-react-app)でenvファイル…

最近Cognitoでユーザー認証して、各ユーザーグループに応じて叩けるAppSyncのクエリやらミューテーションやら変えたいな、という局面が出てきました。ちょっとCognitoでユーザー認証する流れが初めてだったので色々調べてたんですが、結構最近の記事でもCogi…

GraphQL使い始めてみたのですが、結構つまづいたのでメモ。GraphQLクライアントとして「Apollo」を使ってみたのですが、素直に使うとどうやらappsyncとはあまり相性がよくなさそう。 解決方法 「aws-appsync」を使わず、一からApollo Clientを作成する 詳細 …

今回も小ネタです。 あんま必要とする人いないかもしれないですが、タイトルに際した状況に出くわしたのでメモ。 概要 画像プレビュー機能を実装する際には、「input(type=file)」のイベントをハンドリングして画像情報を引き出してプレビュー用の要素に画像…

今回はちょっとした小ネタです。browserSyncってありますよね。あのローカルサーバーを簡単に立てられるやつです。その中でオプションで「proxy」というものがあるのですがその「proxyってなんだ？」というお話です。proxyと聞いてすぐに思い浮かぶのはプロ…

以前初めてGoogleMapの実装案件があったので、備忘録的にメモ。今回の流れは下記の様な流れで進んでいきます。1. GoogleMapの簡単な表示例 2. ストリートビューの簡単な表示例 3. GoogleMapにマーカーを立てる・マーカーにイベントを設置 4. カスタムパノラ…

変数宣言で見かける、という人はもしかしたら少ないかもしれませんがもっともよく目にするのはパッケージのImport文だと思います。 import {DynamoDB, S3 } from 'aws-sdk'; 的なやつですね。これ、es6の分割代入というものでして普通に変数宣言にも使えます…

なんかパッと解決できなかったので備忘録。Nuxt.jsではcreate-nuxt-appをするときに「dotenv使うかー？」的なこと聞かれてインストールする方も多いと思います。初めは一つの.envファイルに下記のように一つのファイルに設定してコメントアウトして切り替え…

slackのアプリを作って、Botユーザーに権限与えた時にちょっとハマったやつです。 やりたいこととしては、webAPIを使って チャンネル一覧取得 チャンネルに投稿 という二点だったので、権限としては「channels:read」と「chat:write」の二つを「Bot Token Sc…

最近まで会員サイトの構築に追われておりましたが、無事リリースすることができひと段落できました。さて、今回はタイトルの通りJavaScriptのオブジェクト（連想配列）の値を検索してソートする方法についてご紹介していきたいと思います。基本的なところだ…

最近仕事でオーディションサイトを「Serverless+Nuxt.js」で作っているのですが、今回は初めてイケてると話題のNuxt.jsを業務で取り入れてみました。 右も左も分からなかったのですが、学習&実務で学習したことをお話ししていこうと思います。 今回お話しす…

めっちゃ久々になりました... お仕事落ち着いてきたので再開しようと思います笑 今回は「単純に見えてやってみると意外と難しい!」と友人から質問を受けたオブジェクトのソートです。 今回のソート条件としては単純で、下記のようなオブジェクトのvalueでソ…