CSS

CSSでアニメーションanimation-delayを指定してアニメーション開始時間を指定する方法

CSSでアニメーションanimation-delayを指定してアニメーション開始時間を指定する方法 animation-delay: 5s;と指定すると、5秒後にアニメーションが開始されます。 2個目のliタグにだけanimation-de...
Amplify

AWS Amplifyを使ってサインインを実装する-1

Authenticationを利用してサインインを実装していきます。 遅くなりましたが、Amplifyで以下のことが可能です。AWS Black Belt Online Seminar AWS Amplifyより Analystics ユー...
GitHub

Gistの使い方

GistはGithubのサービスでコードやメモ、スニペットを共有するサービスです。 前提 Githubにサインインしていることが前提です。 アカウントが無ければ、Githubへの登録と公開鍵の登録を参考に作成してください。 Gistに公開 ...
Slack

SlackとSkypeを連携する方法

SlackとSkypeを連携する方法 SlackにSkypeをインストールします。アプリ一覧からSkypeを検索します。 「インストール」をクリックします。 「インストール」をクリックします。 「Skypeインテグレーションの追加」をクリッ...
Slack

Slackで天気予報を見る方法

Slackで天気予報を見る方法 にアクセスして「Add to Slack」をクリックします。 /forecast osakaとタイプすると大阪の天気予報が表示されます。
Mac

MacのLaunchpadでアプリケーションを起動する使い方

MacのLaunchpadでアプリケーションを起動する使い方 MacにはLaunchpadというランチャー機能があります。 Launchpadを起動するにはDockにあるLaunchpadをクリックします。 もしくは、親指と3本指でつまむよ...
Amplify

AWS Amplifyを使用する準備

AWS Amplifyを使ってアプリを作成するためにAWS Amplify Cliを設定します。 環境 項目 バージョン node v10.15.3 npm 6.4.1 @aws-amplify/cli 1.6.11 前提 Amplify ...
CSS

CSSでanimation-durationを指定してアニメーション時間を指定する方法

CSSでanimation-durationを指定してアニメーション時間を指定する方法 「CSSで@keyframesでアニメーションしてみる」で、liタグをアニメーションしてみましたが、複数のliタグに対して異なる時間を指定して、アニメー...
GitHub

Githubにリポジトリを作成

Github にリポジトリを作成して、pushするところまでを書いていきます。 前提 Gitがインストールされている。 gitでユーザ名とメールアドレスを登録する のグローバルで登録が済んでいる。 Githubへの登録と公開鍵の登録 に記載...
GitHub

Githubへの登録と公開鍵の登録

Github を使うために、アカウントの作成と公開鍵の登録を行います。 Github Sign up Sign upリンクにアクセスして、アカウントを作成します。ページに従います。 登録が完了すると、登録に使用したメールアドレスに、Gith...
GitHub

gitでユーザとメールアドレスを設定

gitのcommit時にAuthorとCommitterに利用されるユーザ名とメールアドレスの設定方法を記載します。 グローバル設定 以下のコマンドでユーザ名とメールアドレスを設定します。 git config --global user....
LESS

CSSをわかりやすく記述するLESSの使い方

CSSをわかりやすく記述するLESSの使い方 フロントエンドをしないといけなくなるとどうしてもデザインの勉強が必要になってきます。 ですが、今までシステムにデザインは関係なーいと思ってたけど、どうも今後はデザインもデザイナーができれば良いっ...
AOP

Spring BootでAOP(アスペクト指向)を使うとコードが奇麗になる(@Aspect,@Before,@Afterなど)

Spring BootでAOP(アスペクト指向)を使うとコードが奇麗になる(@Aspect,@Before,@Afterなど)
Mac

MacのDockに追加したり整理したりする方法

MacのDockに追加したり整理したりする方法 Dockはデフォルトでは下のバーにある部分で、よく起動するアプリなどのランチャー機能みたいなものです。 私のDockです。 「Dock環境設定…」を選択すればエフェクトや表示サイズやDockの...
spring boot

Spring Bootでspring-retryを使って処理をリトライする方法(@EnableRetryと@Retryableと@Recover)

Spring Bootでspring-retryを使って処理をリトライする方法(@EnableRetryと@Retryableと@Recover)
Config

Spring Bootの@ConfigurationPropertiesアノテーションの使い方

Spring Bootの@ConfigurationPropertiesアノテーションの使い方 @ConfigurationPropertiesでapplication.ymlに記述した値を読み込みます。 application.yml s...
CSS

CSSで@keyframesでアニメーションしてみる

CSSで@keyframesでアニメーションしてみる @keyframesっていうのを使うとアニメーションができてデザイナブルなページが作成できたりします。 ここを参考にしました。 body { background: #00CCFF; }...
Mac

Macの右上のメニューバー項目の並び順を変える方法

Macの右上のメニューバー項目の並び順を変える方法 Macデビューが遅かったのであれやこれや知らないことが多かったのですが、なんと右上のメニューバーの並び順を簡単に変えることができます。 commandを押しながら位置を変えたいアイコンをク...
Spring+iBATIS(MyBatis)

Spring Boot + MyBatisでSQLログを出力する方法

Spring Boot + MyBatisでSQLログを出力する方法
Spring Batch

Spring Boot Batchの作成方法

Spring Boot Batchの作成方法 こんにちは東です。 今回はSpring Boot Batchの作成について書いていきます。 プロジェクトの作成からHello Worldの出力までです。 まずはプロジェクトの作成 下図のように、...
Config

Spring BootのJPAでテーブルをエンティティから自動生成する方法

Spring BootのJPAでテーブルをエンティティから自動生成する方法
Tabulator

Tabulatorの使い方とサーバにアップしたら簡単にWebアプリが作成できる

Tabulatorの使い方とサーバにアップしたら簡単にWebアプリが作成できる
Mac

MacでVirtualBox のダウンロードとインストール方法

MacでVirtualBox のダウンロードとインストール方法 ダウンロードサイトで「OS X hosts」をクリックしてdmgファイルをダウンロードします。 ダウンロードしたdmgファイルをダブルクリックします。 「1」をクリックします。...
Mac

Macのゴミ箱を30日後に自動的に空にする方法

Macのゴミ箱を30日後に自動的に空にする方法 Macのゴミ箱はWindowsと違って自動的に空にすることができます。 「このMacについて」をクリックします。 「ストレージ」をクリックします。 「管理…」をクリックします。 「オンにする…...
Mac

MacのFinderで隠しファイルを表示したりタブバー表示する方法

MacのFinderで隠しファイルを表示したりタブバー表示する方法 ドットで始まるファイルが見えないなあ、と思ったらどうもデフォルトで隠しファイルは非表示のようです。 表示するようにするには、ターミナルを起動して以下を実行します。 taka...
e2stdio

e2stdio v7.4.0をインストールする方法

e2stdio v7.4.0をインストールする方法 こちらを参考にしました。 「ダウンロード」をクリックします。次のページで「setup_e2_studio_7_4_0.exe」をダウンロードします。 「次へ」をクリックします。 「次へ」を...
Python

PythonのtkinterでGUI入門

PythonのtkinterでGUI入門 PythonではGUIプログラムも作成することができてしまいます。 バージョン v3.6.2 tkinterをimportすれば簡単に作成できます。 C:\>python sample001.py ...
JavaScript

JavaScriptで現在地を取得したり追跡したりする方法

JavaScriptで現在地を取得したり追跡したりする方法 navigator.geolocation.getCurrentPositionメソッドを使えばブラウザから現在地を取得することができます。 これで許可すると緯度と経度の情報が取得...
JavaScript

ag-gridのLoadingオーバーレイをカスタマイズ。

ag-gridのLoadingオーバーレイをカスタマイズ。 ag-gridのデフォルトはLoadingと文字が表示されますが、今回は簡単に簡単なLoadingを実装する。で紹介したepic-spinnersを利用してみます。 Loading...
JavaScript

ag-gridでソートやフィルタを利用する。

ag-gridでは簡単にソートやフィルタを利用することが可能です。 簡単に追加可能ですので、ag-gridの列幅をgrid幅に合わせて表示する。のコードに追加してみましょう。 ソートを追加する。 enableSortingを指定をtrueに...
JavaScript

ag-gridの列表示をCellRendrerを作成して変更する。

ag-gridの列表示をCellRendrerを作成して変更する。 ag-gridでは列の表示方法を変更することが可能です。 また、vue,react,angularなどを利用して作成することが可能となっています。 今回は、vueを使用して...
JavaScript

簡単にLoadingを実装する。

簡単にLoadingを実装する。 vue.jsコンポーネントとして提供しているepic-spinnerを使用すると、簡単にかっこいいLoadingを実装できます。 epic-spinnerをインストール npm installするだけです。...
Excel

Excel2016で図としてコピーする方法

Excel2016で図としてコピーする方法 セル範囲した個所を「図としてコピー」すると、ピクチャかビットマップ形式でコピーすることができます。 ピクチャにします。 これでctrl + vを押すと、選択した範囲がピクチャとしてエクセルに貼り付...
AWS

AWSのSESのSMTPでThunderbirdからメール送信する方法

AWSのSESのSMTPでThunderbirdからメール送信する方法 SESのSMTPを使用すればメーラー(今回はThunderbird)からメール送信することができます。 「Create My SMTP Credentials」をクリッ...
CentOS

CentOS7.6にGitLabをインストールしてみた

CentOS7.6にGitLabをインストールしてみた GitLab Installationを参考にインストールしてみます。 sudo yum install -y curl policycoreutils-python openssh-...
AWS

AWS Step FuntionsでAmazonステートメント言語入門

AWS Step FuntionsでAmazonステートメント言語入門
Lambda

AWS Lambdaのレイヤーを使ってnode_modulesとLambdaを分離する方法

AWS Lambdaのレイヤーを使ってnode_modulesとLambdaを分離する方法 Lambdaにレイヤーという機能が追加されていました。 /opt配下からレイヤーが使えるようです。ちなみに/tmpも使えます。 レイヤーは共通ライブ...
AWS

AWSのSQSの使い方

AWSのSQSの使い方 AWS SQSは何気に便利です。時間がかかる処理はSQSにエンキューしておいて、バックエンドで処理して、フロントでは先に「処理終了しました。」みたいな感じのことができます。実際の処理はバックエンドでゆっくり別のLam...
Lambda(node.js)

AWS LambdaがNode.js8.10からasync/awaitになっていた

AWS LambdaがNode.js8.10からasync/awaitになっていた 久々にAWSを使う機会があり、これまた機能がテンコ盛りのように増えているんですが、Node.js6.10のLambdaからNode.js8.10にするとas...
AWS

S3にファイルアップロードしたタイミングでLambdaを実行してSESで添付メール送信する方法

S3にファイルアップロードしたタイミングでLambdaを実行してSESで添付メール送信する方法 S3のPUTイベントでEメールを送信する方法は「JavaからS3にアップロードしてSNSを使ってメールを送信する方法」で紹介しました。 今回はS...
php

CentOS7でphp5.4をphp7.1にアップデートする方法

CentOS7でphp5.4をphp7.1にアップデートする方法
AWS

AWSのSESでE-mailを送る方法

AWSのSESでE-mailを送る方法 前にIoTの開発していた時にSESを使っていたのですが、2019年4月19日現在、リージョンがまだ制限されているようです。 とりあえず今回はバージニア北部を選択しました。 「Domains」をクリック...
Chrome

ChromeのJSコンソールが便利です

ChromeのJSコンソールが便利です 昔、node.jsの開発していた時にChromeの開発者ツールのコンソールを使ってJSを書いていたのでご紹介です。今更ですが、、。 Chromeを起動して、F12を押します。開発者ツールが開くので「c...
AWS

JavaからS3にアップロードしてSNSを使ってメールを送信する方法

JavaからS3にアップロードしてSNSを使ってメールを送信する方法 JavaからS3にファイルをアップロードする方法は「JavaからAWS CLIのcredentialsを参照してS3にアクセスする方法」を参照ください。 S3にファイルが...
Excel

エクセルのカメラ機能の使い方

エクセルのカメラ機能の使い方 エクセルでカメラ機能が使えます。 その他のコマンドから「カメラ」を選択します。「リボンにないコマンド」にカメラがあります。 こんなアイコンがでてきます。 まずカメラを撮りたい個所のセル範囲をアクティブにします。...
Yahoo! JavaScriptマップAPI

Yahoo! JavaScriptマップAPIの使い方

Yahoo! JavaScriptマップAPIの使い方 Google Maps APIじゃなくてあえてYahoo! JavaScriptマップAPIを勉強してみました。 理由としてはGoogleはゼンリンじゃなくなって、Yahooはゼンリン...
CentOS

CentOS7でWebDAV環境構築したらブラウザで文字化けしたから解消した

CentOS7でWebDAV環境構築したらブラウザで文字化けしたから解消した
CentOS

CentOSにwget,gcc,patchをインストールする方法

CentOSにwgetをインストールする方法 最低限入れてほしい。SE Linuxはpermissiveで。 #yum -y install wget # which wget /usr/bin/wget #yum -y install g...
Excel

エクセルのファイル名を取得する計算式

エクセルのファイル名を取得する計算式 エクセルのファイル名を取得したくて、以下の計算式でファイル名を取得することが出来ました。 =REPLACE(LEFT(CELL("filename",$A$1),FIND("]",CELL("filen...
コトバンク

POSAカードとは

POSAカードとは POSAカードとはコンビニエンスストアで良く見かけるようになったプリペイドカードの一種になります。人生初試しに買ってみました。 POSAとは「Point Of Sales Activation」の略です。Point Of...