JavaScript Nust.jsで制作中のサイトにGoogle reCAPTCHAを設置して不正なアクセスから防御する
今、「ウェブサイト制作をぐっと楽にするウェブサービス」を制作している。 ナウいウェブサービスを目指しているので、ログインフォームやアカウント作成フォームにはreCAPTCHAを設置して、ロボットによる不正なアクセスから防御したい。 今回、初...
橋本 たかし
JavaScript 
Docker Docker公式MongoDBにパスワードを設定する方法
現在、あるウェブサービスを開発中です。このウェブサービスは、Docker上で運用する予定でして、ＤＢとして採用したMongoDBもやはりDocker上で走らせています。 Docker HubからMongoDBの公式イメージをPULLして、コ...
Windows Excelファイルのロックを解除する方法（Windows7）
あるCSVファイルを開こうとすると、エラーになってしまう、助けてー という電話が以前の職場からかかってきたので、対応しました。 早速、該当のパソコンにリモートで接続して、そのCSVデータを開いてみると、確かにエラーが発生する。今このファイル...
JavaScript JavaScriptで、電話番号を半角数字のみに加工する関数を作ってみた
最近、Node.jsでウェブサービスを作ることが多いです。 ユーザーが入力した電話番号は、半角数字や全角数字、ハイフンや括弧の有無など、表記がバラつきがちですよね。 後で検索したくなったときに、これでは扱い辛いので、半角数字のみにしたいなと...
JavaScript npmパッケージを修正する方法
現在、Headless CMS を使ったサービスを制作しているのですが、その中で使用するnpmパッケージにバグが見つかりました。そのモジュールのGithubを確認してみたところ、まさにこのバグの issueが上がっていましたが、 ややマイナ...
Docker Headless CMS Cockpit 公式のDockerイメージを使うと、日本語ファイル名が使えない問題
Headless CMS Cockpit と NuxtJSを使用したウェブサイトを作っているのですが、Cockpitに日本語のファイルをアップロードすると、ファイル名のダブルバイトの部分が削除されて半角英数のファイル名に化けてしまいました。...
css IE11で背景にSVG画像を使用すると、background-positionが効かない問題の対処法
cssで背景画像にSVG画像を指定したところ、IE11ではbackground-positionで指定した位置に画像が表示されず、常に中央に配置されて困りました。 ググりまくって調べた結果、svgを書き換えることで対処できることが分かりまし...
アプリケーション MonacaでNuxt.jsを使って開発する方法
Monacaというウェブサービスを利用して、これまでいくつかアプリを作ってきました。cordovaによって拡張されたJavaScriptとhtml、cssを使って、まさにウェブサイトを作るようにしてアプリを作ることが出来ます。 Monaca...
Linux CentOS6でLet’s Encrypt(certbot-auto)がエラーになる場合の対処法
CentOS6で運用しているサービスをいくつか管理しているのですが、最近、Let's Encrypt（certbot-auto）によるSSL証明書の更新が失敗するようになりましたので対処しました。 エラーの原因は、以下のとおりです。 cer...
Docker Linode(VPS)のCoreOSでDocker Swarm環境を構築する手順
最近すっかりDockerにはまっています。すでに稼働中のサービスに新たな機能を追加したいときにも、コンテナを追加したり、入れ替えたりすることで対応でき、もし不具合が見つかっても、サクッと元に戻せるフットワークの軽さがとても気に入ってます。 ...