Technical Column | 東京都渋谷区のシステム開発・アプリ開発とサーバー構築保守運用会社

要素を自動でグリッドレイアウト配置できる Magic Grid

要素を自動でグリッドレイアウト配置できる Magic Grid
グリッドレイアウトの自動配置 画像や記事などのカード状のものをブラウザに隙間なく詰めるグリッドレイアウトを、自動で配置することは骨の折れる作業になります。 しかしうまく表示できた時は、そのサイトの質がグッと上がるでしょう。カードの順番をラン...

Cognito のユーザプールを JavaScript から利用する方法

Cognito のユーザプールを JavaScript から利用する方法
Amazon Cognito Amazon Cognito は、ウェブやモバイルアプリのユーザ管理を行うのに適したサービスです。 ここ最近では多くの機能を統括的に提供する AWS Amplify でも、 Amazon Cognito が利用...

Amazon Polly を自分好みに喋らせる方法

Amazon Polly を自分好みに喋らせる方法
Amazon Polly Amazon Polly は、テキストを人間の音声に変換してくれるサービスです。ディープラーニングにより、自然に聞こえるように人間の音声を合成します。また様々な国の言語に対応しているので、対象国に合わせた読み上げサ...

AWS Rekognition による画像解析

AWS Rekognition による画像解析
画像解析 以前、Cloud Vision API を利用し画像解析する方法を紹介しました。 https://gb-j.com/column/clouc-vision-api/ Cloud Vision API と同様に Amazon Web...

Python で文字列から音声を生成する gTTS モジュール

Python で文字列から音声を生成する gTTS モジュール
文字列から音声を生成 そう多くはないケースですが、弊社案件において簡易的にセリフを自動でコンピュータに喋らせたい機能がありました。 有名なサービスだと、 Google Cloud Text-to-Speech Amazon Polly など...

Mocha による HTML, JavaScript のテスト

Mocha による HTML, JavaScript のテスト
テスト駆動開発 (TDD) テスト駆動開発は、実際のコードよりも先にテストコードを書き、そのテストが正しく通るように実際のコードを記述していく方式のことであり、終わりの状態が見えていることからバグが混入しにくい開発手法になります。 この T...

既存の CakePHP プロジェクトを Docker で動かす事例 2

既存の CakePHP プロジェクトを Docker で動かす事例 2
Docker 以前に Ubuntu 20.04 上で CakePHP を動作させる Docker を紹介しましたが、今回は 少し古い Ubuntu 18.04 に CakePHP を載せ SQLServer に接続する Docker を構築...

Django 4.0 の管理画面を日本語化する方法

Django 4.0 の管理画面を日本語化する方法
Django の管理画面 Django は Python で作られている Web フレームワークです。ちょっとした Web システムを組むときは Flask を利用したりしますが、大きめのシステムだと Django を利用した方がいいでしょ...

AWS EC2インスタンスバックアップの 2つの方法

AWS EC2インスタンスバックアップの 2つの方法
AWS EC2 バックアップ AWS には ECS や Lamda をはじめ数多くのサービスが用意されているので、ここ最近では直接 EC2 を立ち上げることも少なくなってきました。それでもちょっとしたサービスを用意するために EC2 を立ち...

Cloud Vision API による画像解析

Cloud Vision API による画像解析
画像解析 以前、OpenCVを利用し画像から顔を認識する方法を紹介しました。 https://gb-j.com/column/opencv/ もちろん OpenCV には多くの機能が備わっていますが、それを利用するには学習コストが高く多くの...