パソコン on Blogenist -ブロゲニスト-

【sign_and_send_pubkey: no mutual signature supported】MACからAWSのEC2にRSA秘密鍵を使ってSSH接続出来ない原因と解決方法【Permission denied (publickey)】

Sun, 05 Jan 2025 14:00:23 +0900

MACからEC2にSSH接続出来なくなった

Permission deniedキターーー(泣)

先日、久しぶりに昔作ったEC2にSSH接続しようとした際に以下のようなエラーが発生して接続が出来なくなっていました。

【踏み台ホストやSSHキーが不要になる】AmazonLinux1にセッションマネージャーで接続するための方法【作業効率アップ】

Sat, 04 Jan 2025 19:37:47 +0900

AmazonLinux1には手動で入れる必要がある

最近のEC2インスタンスを作成すると、デフォルトでセッションマネージャーによる接続が可能になっていますが、過去に作成したEC2インスタンスだとSSM Agentがインストールされていないので手動でインストールする必要があります。

【PowerToys】Windowsでマウスクリックの可視化エフェクトをONにする方法【公式で無料】

Fri, 03 Jan 2025 13:23:58 +0900

マウスクリックを分かりやすくしたい

標準機能では不可能

パソコンでアプリの操作などを録画や配信する際に、マウスカーソルがクリックしたところを分かりやすくしたいと思ったことありませんか？

今まではサードパーティのツールなどを使う必要がありましたが、現在はマイクロソフト公式から可能になるツールが公開されていますので今回はそれをインストールしてみようと思います♪

【業務改善神ツール】画面操作をGifに簡単に変換する神ツール「ScreenToGif」が画期的過ぎた【オススメ】

Wed, 01 Jan 2025 12:41:21 +0900

Windowsの画面操作を簡単にGif化してSlackとかに貼りたい！

Macなら色々あるのに・・・

画面操作をほかの人に共有する際に画面操作を録画した動画を送ればよいのですが、そのままMP4などで送ると容量が多くなるため、Gif化して送るケースは多々あると思います。

【Windows環境】ローカルにForge版Stable Diffusion Web UIをインストールしてみた【AIイラスト】

Tue, 03 Dec 2024 17:59:38 +0900

Stable Diffusion ForgeをWindowsのローカルにインストール

今回はWindows環境にStable Diffusion WebUI Forgeをインストールしてみようと思います♪

【Scoop】Stable Diffusion推奨の3.10.6がpyenvでインストール出来ない原因と解決方法【バージョン管理】

Fri, 01 Nov 2024 17:31:52 +0900

Scoopでpyenvをインストールすると3.10.6がインストール出来ない

Windows環境にてstable-diffusion-webuiを整えようとして、Scoopを使ってpyenvをインストールし、推奨の3.10.6をインストールしようとすると以下のようなエラーが出てインストールされない場合があります。

【Scoopで簡単導入】WindowsでNodejsのバージョン管理を可能にしてくれるnvmのインストール方法と使い方

Fri, 22 Mar 2024 21:32:11 +0900

nodejsのバージョンを管理したい

Nodejsを使って開発を行っていると、案件毎に使用しているNodejsのバージョンが異なり切り替えをする必要が出てくると思います。

MacやLinux環境だとnodenvなどを使って簡単に切り替える事が出来るのですが、Scoopを使ってWindowsのパッケージ管理をしている場合、nodenvが対応していないので導入する事が出来ませんorz

【Homebrew】「Permission denied @ dir_s_mkdir - /private/tmp/***」が発生した場合の原因と解決方法

Fri, 15 Mar 2024 19:03:09 +0900

brew install時に権限エラーが発生

Permission deniedキターー！

MacOSをアップデートして新たなアプリケーションをインストールしようとした際にPermission denied @ dir_s_mkdir - /private/tmp/***というエラーが発生するようになりました！

【Homebrew】「unknown or unsupported macOS version: :dunno」が出た場合の原因と対処方法【瞬殺】

Fri, 01 Mar 2024 19:03:17 +0900

Homebrewでエラーが発生

OSアップデートが起因？

MacのOSを久々に更新し、Homebrewコマンドを実行したところ、unknown or unsupported macOS version: :dunnoというエラーが発生するようになりました。

【DockerDesktopForWindows】WSLディストリビューションの保存先をCドライブからDドライブの任意の場所に変更する方法【ディスク圧迫回避】

Mon, 11 Dec 2023 16:04:33 +0900

Docker Desktopのイメージ保存先を変えたい

Cドライブ圧迫を回避したい

Windows環境でDockerを利用する場合はDockerDesktop for Windowsを使うことが多いと思います。

【開発環境構築テクニック】jenvでローカルのjavaをJDK17にインストール・更新する方法【Mac・Windows対応】

Tue, 14 Nov 2023 16:12:12 +0900

jenvでJavaのバージョンを17に変更する

jenvを使っていれば楽に切り替え可能

以前、jenvについてご紹介しました。

今回はjenvを使ってJDK17に切り替えるやり方をご紹介しようと思います♪

【簡単実装】Formの入力情報をCookieに保存・読み取りを簡単に行う事が出来る「jQuery Cookie」の使い方まとめ

Thu, 19 Oct 2023 21:55:50 +0900

フォームの入力情報をCookieに保存して手間を省きたい

作業効率化を測る

業務システムを利用している際に、選択項目のCSV出力機能などで「フォームの入力情報をCookieに保存して次回もデフォルトで選択した状態で表示してほしい」、と言う要望がたまにあると思います。

【Java】エクセルでCSVを開いた際に日本語が文字化けする原因と解決方法【BOM付きUTF-8】

Tue, 17 Oct 2023 13:00:25 +0900

CSVの日本語がエクセルで文字化けする！

日本語が見れない

JavaでBufferedWriterクラス等を用いてCSVファイルを生成する際、日本語が混じっているとソースコード上でUTF-8の指定をしていたとしてもエクセルで開くと文字化けしてしまうことがあります。

【写真家ブロガー歓喜】画質を劣化させずに横縦比を固定しながら画像の解像度をまとめて一括に自由に変えれる「sips」が便利過ぎた【Mac標準コマンド】

Sun, 16 Apr 2023 23:41:58 +0900

Mac(linux)環境で画像の横縦比を自由に変えたい！

jpegoptimだけでは不十分

筆者のように旅行ブログをやっている場合、自分で撮影した画像をブログに貼るのですがその際に画質を落とさずに容量を抑えたい！という場合が多々出てきます。

【一工夫が大事】WordpressのEmbed機能でいい感じのリンクを追加する方法

Tue, 28 Mar 2023 16:01:45 +0900

別の記事を紹介したい

テキストリンクは効果が弱い

Wordpressで記事を書いている際、関連する自サイトの記事や参考にさせて頂いた別サイトの記事を紹介したい場合があると思います。

その場合に、単純にaリンクで紹介するだけではイマイチ読者にクリックしてもらうことが出来ないと思います。

【Github】REMOTE HOST IDENTIFICATION HAS CHANGED! の原因と解決方法【PULL/PUSHが出来ない】

Mon, 27 Mar 2023 14:41:33 +0900

REMOTE HOST IDENTIFICATION HAS CHANGED! が発生

PULLやPUSHが出来なくなった

先日、GithubリポジトリへのPUSHを行おうとした際に以下のようなエラーが表示されました。

git push origin master

@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@ WARNING: REMOTE HOST IDENTIFICATION HAS CHANGED! @
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
IT IS POSSIBLE THAT SOMEONE IS DOING SOMETHING NASTY!
Someone could be eavesdropping on you right now (man-in-the-middle attack)!
It is also possible that a host key has just been changed.
The fingerprint for the RSA key sent by the remote host is
SHA256:XXXXXXXXXXXXXXXXXXX
Please contact your system administrator.
Add correct host key in /Users/{USER}/.ssh/known_hosts to get rid of this message.
Offending RSA key in /Users/{USER}/.ssh/known_hosts:1
RSA host key for github.com has changed and you have requested strict checking.
Host key verification failed.
fatal: Could not read from remote repository.

Please make sure you have the correct access rights
and the repository exists.

【Windowsエクスプローラー】一眼で撮影した10BitのMP4動画のサムネが出ない原因(簡易表示)と出す方法【α7S3の動画のサムネを出したい】

Thu, 16 Feb 2023 16:52:05 +0900

α7S3撮影した動画のサムネが出ない

動画編集作業がしづらい

筆者はα7S3を持っており旅行先の動画や普段の動画はそちらで撮影をしています。

そして、いざPCに取り込み動画編集をする際に、Windowsエクスプローラー上で簡易サムネになってしまいサムネイルが正しく表示されない点にずっと使いづらさを感じていました。

【WindowsでGitBashを使う】GitBashを使ってSSH通信でGithubのプライベートリポジトリをクローンするやり方まとめ【】

Fri, 27 Jan 2023 20:56:44 +0900

GitBashでGithubのリポジトリをクローンしよう

今回はWindows環境においてGitBashを使ってSSH通信をして実際にプライベートリポジトリをクローンするところまでのやり方をまとめてみようと思います♪

【QuickTime Playerを超えた】Macでオススメの最強動画プレイヤーを導入してみたら快適過ぎた【α7S3で撮影したmp4の動画ファイルが開けない場合にも】

Sat, 25 Jun 2022 19:41:31 +0900

α7S3で撮影したmp4の動画ファイルが開けない

天下のQuickTime Playerで再生出来ないのツライ

先日、Sonyのα7S3で撮影した動画ファイルをMacBookに取り込んで再生しようとしたところ、以下のようなエラーが表示され再生が出来ませんでした。

【AEJuiceが原因】AfterEffectからMedia Encoderにキュー登録・レンダリングが出来ない原因と対処方法【afterFX.exeのエラー】

Wed, 16 Mar 2022 16:50:15 +0900

AfterEffectとMedia Encoderが動かなくなった

急に発生

先日、いつも通りAfterEffectで動画編集を終えMediaEncoderにキューを追加しMP4ファイルにレンダリングしようとしたところ、謎のエラーが発生するようになり、レンダリングが出来なくなってしまいました。

【Macの掃除に最適】キーボードとトラックパッド入力を無効にする「KeyboardCleanTool」が便利過ぎた件【誤入力防止】

Wed, 29 Dec 2021 15:45:37 +0900

キーボード掃除したいけど反応されてうざいいぃぃ！

反応しないでクレメンス

年末恒例の大掃除の時期がやってきました。

家にあるものの断捨離や大掃除も大事ですが、自分が日々仕事や趣味で使っているパソコンも日頃の感謝の気持ちも込めて綺麗にしてあげたいところですよね♪

【謎エラー】HomebrewやCaskで「homebrew-core is a shallow clone.」が出てエラーが出ない場合の原因と対処方法

Tue, 28 Dec 2021 18:24:56 +0900

Homebrewが使えない！

先日、とあるアプリを入れようとしてHomebrewCaskのコマンドを打った際に以下のようなエラーが出てインストールが出来ませんでした。

brew cask install <アプリ名>

Error:
 homebrew-core is a shallow clone.
 homebrew-cask is a shallow clone.
To `brew update`, first run:
 git -C /usr/local/Homebrew/Library/Taps/homebrew/homebrew-core fetch --unshallow
 git -C /usr/local/Homebrew/Library/Taps/homebrew/homebrew-cask fetch --unshallow
This restriction has been made on GitHub's request because updating shallow
clones is an extremely expensive operation due to the tree layout and traffic of
Homebrew/homebrew-core and Homebrew/homebrew-cask. We don't do this for you
automatically to avoid repeatedly performing an expensive unshallow operation in
CI systems (which should instead be fixed to not use shallow clones). Sorry for
the inconvenience!

【おすすめWYSIWYGエディター】Bootstrapベースの「Summernote」でフォームパーツをツールバー付きのリッチなUIにしてみた【無料で爆速】

Mon, 21 Jun 2021 16:44:57 +0900

導入が楽チンでFormをWYSIWYG化

先日、フォームのテキストボックスやインプットボックスをリッチなUIにして欲しいというお話を受けました。

おそらくエクセルやワードのようなツールバーが付いているWYSIWYGエディターの事を指しているようだったので、ライブラリ選定をしていたところ、無料で使いやすそうなやつを見つけたので今回はそちらの導入方法を備忘録として記事にしてみようと思います。

【エミュレーターに使えるか検証】Sonyの公式が公開しているPS3の「PS3UPDAT.PUP」に初代PS1のbiosデータが含まれているらしいので調べてみた【違法ダウンロードダメ絶対】

Sun, 30 May 2021 13:04:44 +0900

Sonyの公式からダウンロード可能

初代プレステ1は名作揃い

皆さんは初代プレステ1で遊んだことはありますでしょうか？

もはや２０年以上前のハードなのでレトロゲームと言っても良いくらい古いゲーム機ですよね。

【Postman】ポストマンでCookieを付与してリクエストを投げる方法【クッキー】

Fri, 28 May 2021 01:16:42 +0900

動作確認でCookieを付けたリクエストを投げたい

システム開発等をしている際にCookieが必要なエンドポイントに対してCookie情報を付与してリクエストをしたいケースがあると思います。

【違法ダウンロードダメ絶対】スーファミやGBAのロムをレトロフリークで吸い出してみた【エミュレーター】

Tue, 25 May 2021 20:35:29 +0900

自分でromを吸い出そう

レトロフリークなら吸い出し可能

以前、姉妹ブログにてレトロフリークを購入したので使い方についてご紹介しました。

【スーファミ/ゲームボーイアドバンスetc…】レトロフリークがROM吸い出しも出来てエミュレーターとしても使える神ゲームハードだった件【平成ほいほい】

今回はレトロフリークを用いてカートリッジからロムを吸い出す方法をご紹介しようと思います。

【Windows10】CドライブやDドライブのディレクトリの容量を簡単に把握して削除する方法【容量不足確認】

Mon, 19 Apr 2021 16:58:17 +0900

不要なファイルを削除したい

知らぬ間に圧迫されるCドライブ

皆さんはWindowsPCを使っているとCドライブやDドライブの容量が知らない間に圧迫されて焦ることはありませんか？

いらないファイルを削除して容量を開けたいけど、具体的にどこのフォルダが肥大化しているのかが分からないので困っている方も多いと思います。

【ドキュメントをGit管理可能】mermaid.jsでフローチャートやシーケンス図をマークダウン管理しよう【UML】

Mon, 29 Mar 2021 18:21:49 +0900

MD形式でシーケンス図を描きたい

専用ツールは使いたくない

皆さんはシステム開発をする際にシーケンス図を書いていますでしょうか？

様々なシステムと連携する際に、それぞれの処理フローを明確にするためにはシーケンス図を書く事がとても大事ですよね。

【YouTuber】登録者1000人超えて収益化したのにコミュニティ機能とメンバーシップ機能が有効化されない原因と対策方法【副業】

Thu, 04 Feb 2021 18:59:39 +0900

コミュニティタブとメンバーシップが表示されない！

条件はクリアしているのに出ない

先日、個人で運営しているYouTubeチャンネルがめでたくチャンネル登録者1000人を突破し収益化の申請が通りました♪

収益化が一つの目標だったのでまずは一安心です。

【簡単爆速設定】Windows10の予測変換機能をOFFにして過去の変換履歴をリセットする方法【Microsoft IME】

Mon, 18 Jan 2021 20:39:54 +0900

予測変換を無効にしたい！

筆者は動画配信などをする際にはWindows10マシンを利用しているのですが、ライブ配信中にふとタイピングをした際に、Microsoft IMEの予測変換リストが表示される事があります。

【ssh】複数のアカウントを使い分けてGithubのリポジトリにアクセスする方法【切り替え】

Thu, 31 Dec 2020 21:13:38 +0900

仕事用とプライベート用を切り替えたい

誤コミットを防ぐのが目的

皆さんはGithubを使っているでしょうか？

筆者ももちろん利用しているのですが、仕事用の有料アカウントとプライベート勉強用の無料アカウントの二つを持っているのですが、間違えてコミットなどをしたくないのでうまく使い分ける方法を探していたのですが、先日良さげな方法を見つけたので今回はそのやり方をご紹介しようと思います♪

【Windows10】アプリ自動導入＆管理ツールの「Scoop」がChocolateyを超えていた件【Homebrew】

Mon, 28 Dec 2020 21:06:01 +0900

Windows版Homebrew

皆さんは管理ツールを使っていますでしょうか？

MacであればHomebrewがあります

Windowsには長らく同じようなものがありませんでしたが、Chocolateyというパッケージ管理ツールが登場し、Windowsユーザーを喜ばせました。

【SEO】WordpressにJSON-LDを追加設定してくれるプラグイン「Markup (JSON-LD)」の設定方法【構造化データ】

Mon, 21 Dec 2020 21:33:27 +0900

SEO対策の一つ「構造化データ」

果てなきSEO対策

2020年12月4日にGoogleコアアップデートが行われ、サイト順位の大幅な変動が発生しパニクっている方も多いのではないでしょうか？

【VSCode】「Cannot inline bytecode built with JVM target 1.8 into bytecode that is being built with JVM target 1.6~ 」の解決方法【Kotlin】

Sat, 19 Dec 2020 23:13:00 +0900

Cannot inline bytecode built with JVM target 1.8 into bytecode that is being built with JVM target 1.6. Please specify proper ‘-jvm-target’ option

JVMバージョンの不一致が原因

VSCodeを使ってKotlinの開発をしようとした際に、以下のようなエラーが発生する事があります。

【グッバイAndroidStudio】VSCodeでKotlinの開発を快適に行うための設定まとめ【コード補完】

Sat, 19 Dec 2020 00:23:10 +0900

VSCodeで開発しよう

先日、Kotlinの開発環境構築方法をご紹介しました。

今回はVSCodeを使ってKotlinをコーディングするための設定をご紹介しようと思います♪

【サーバーサイド開発】kotlinの爆速開発環境構築【SpringBoot】

Fri, 18 Dec 2020 19:12:32 +0900

遂にkotlinデビュー

先日、新しい案件を始めるにあたりサーバーサイドkotlinをやってみよう！という話になったため、Macのローカル環境にkotlin開発環境を構築してみたので、手順をご紹介しようと思います♪

【循環参照】Lombokで生成した@Data(@ToString)でjava.lang.StackOverflowError: nullが発生する原因と解決方法【Java】

Thu, 17 Dec 2020 20:32:54 +0900

JPAオブジェクトのLombokでStackOverflowErrorが発生

循環参照が発生しメモリリーク

JPA+Lombokを組み合わせて利用している際に、以下のようなJPAで取得した親子関係を持つEntityオブジェクトを標準出力や文字列化、エラーログ出力時にそのまま渡してtoString()メソッドを呼び出した際にjava.lang.StackOverflowError: nullが発生する場合があります。

【テーマ・ソース変更必要無し】固定追尾サイドバーをプラグインぽちぽちだけで実装出来ちゃう「Q2W3 Fixed Widget for WordPress」が最強だった件【Wordpress】

Sat, 05 Dec 2020 17:48:17 +0900

自動追尾サイドバーを導入しよう

プラグインだけで完結

先日、functions.phpやテンプレートファイルに手を入れる事なく、プライグインだけでサイドバーのウィジェットを自動追尾スクロール化する方法を発見したのでご紹介しようと思います♪

【有能省スペース収納】PCデスク周りのアクセサリを無駄無く整理可能なBauhutteサイドラックを開封レビュー【テレワークにもオススメ】

Mon, 19 Oct 2020 16:49:06 +0900

PCデスク上をスッキリさせたい

PC周りは小物やアイテムが増えがち

PCデスクで仕事やゲーム、その他作業をしていると思っていう以上に物が増えてデスク上のスペースを圧迫してしまいますよね。

筆者の場合はメインPC(Windows)とサブPC(Mac)を開きながら仕事をしたりゲームをしたりするので、なおさらです。orz

【デスクワーク/テレワーク/在宅】PCゲーマーにもオススメの長時間座ってもお尻が痛くならないクッションを買ったので開封レビューしてみた【快適空間】

Sat, 17 Oct 2020 19:32:35 +0900

お尻が疲れない神クッション

座り疲れを解消したい

長時間、PC作業などをする方の中には座りっぱなしでお尻が痛くなる方がいると思います。

筆者も開発やらゲームやらで1日の半分以上ゲーミングチェアに座っているので、座り疲れがよく発生しますorz

【Bauhutte】複数ゲームハード機やPC用品を収納出来るスライダー式ゲーム機収納ラックを購入してみたのでご紹介【デスクワーク/テレワーク/在宅】

Mon, 12 Oct 2020 20:14:49 +0900

リモートワークにピッタリな収納アイテム

自宅にてPC作業をやる方にぴったり

このご時世、自宅でのリモートワークやゲームを趣味にし始めた方は少なくないと思います。

しかし、任天堂Switchやプレステ4、あるいはPCプリンターやハードディスクなど周辺機器が増え始めるとデスク周りが産卵しがちですよね。

【JUnit】Java製のユニットテスト向けフレームワーク「Mockito」でMockとSpyを使いこなそう【簡単スタブ化】

Fri, 21 Aug 2020 17:57:08 +0900

ユニットテストでモック化してみよう

ユニットテストはなるべく書こう

開発を行う上でユニットテストはとても大切です。

実装と並行してユニットテストを組んでおけば、簡単なテストの自動化や保守性・潜在的バグを洗い出せるので出来る限りやっておきたいですね。

【Java8】CompletionStageを意図的に生成する方法【非同期処理】

Mon, 17 Aug 2020 13:12:40 +0900

を意図的に生成する方法【非同期処理】" />

CompletionStage<String>の作り方

Stubの生成やJUnitのケース作成をしている際に、CompletionStage<Void>型の戻り値を生成したいケースがあります。

【Cannot read property 'ASIN' of null】急にAmazonJSが読み込まなくなった原因と解決方法【Wordpress】

Sat, 08 Aug 2020 18:14:00 +0900

何も変えてないのに急に商品リンクが無限ロードになった

過去に表示されていたWordpress記事もダメになっているorz

先日、Wordpressの新しい記事を入稿し、プレビュー画面を開いたところAmazonJSを使って追加している商品リンクが無限ロードになり、画像が表示されなくなってしまいました。

【作業効率アップ】タンブラーとドリンクホルダーを使って快適なPCデスク環境を整えてみた【居心地最強】

Sat, 11 Jul 2020 17:40:06 +0900

オススメのドリンクアクセサリーを導入！

PCデスク周りは快適に越した事がない

筆者は仕事柄、1日の半分以上をPCデスクで過ごします。

また、フォートナイトなどのFPSやSwitchもPCモニターでやっているため休日もほとんどPCデスクで過ごしていますねw

【ドキュメントをMarkdownでGitHub管理】MkDocsで生成されるHTMLのレイアウトをカスタマイズする方法まとめ【グッバイExcel・PowerPoint】

Sun, 05 Jul 2020 22:56:45 +0900

MkDockのカスタマイズしよう

前回、MarkdownでかけるMkDocsをご紹介しました。

今回は生成されるドキュメントのカスタマイズを試してみようと思います！

【グッバイエクセル/パワポ/スプレットシート】ドキュメントをマークダウンでかけるMkDocsが最強過ぎた【Github管理可能】

Tue, 30 Jun 2020 19:57:47 +0900

ドキュメントをマークダウンで書ける時代がやってきた

オフィスソフトでのドキュメント管理はもう嫌だ！

システム開発やサイト制作をしている際、必ず仕様書や設計書を作成し場合によっては納品する必要がありますよね。

昨今では、基本的にExcelやPowerPoint、GoogleスプレットシートやGooleスライドで作成や保守をする事が多いと思いますが、
これがまた悪い文化
何ですよねorz

【AdobeFonts】アドビCCを契約していれば無料で使えるハイクオリティフォントのインストール方法【デザイン/YouTuber】

Fri, 19 Jun 2020 17:36:50 +0900

高クオリティフォントをフォトショップやイラレ使おう

どのフォントを使えば良いか問題

動画編集やデザインなどの仕事をしている際に、テキストフォントをどうすれば良いか迷う事は多くあると思います。

フォントのデザインもさる事ながら、商用利用可否のライセンス周りもややこしいですよね。。。orz

【Adobe Premiere Pro】動画像やテキストを画面の端や任意のフッテージに揃えて配置する方法【AfterEffecrtsの整列ツールに近づかせる】

Sat, 06 Jun 2020 15:34:58 +0900

シーケンス内で画像や動画、テキストを綺麗に整列したい

PemiereProでは素材の整列機能がない？

YouTubeやSNSに投稿する動画を作成する際に、AfterEffectsではなくPremiereProを使っている方も多いと思います。

【AfterEffects】アルファチャンネル付きの背景透過の動画を簡単に書き出す方法【動画編集】

Sat, 23 May 2020 21:51:13 +0900

アフターエフェクトで背景透過動画を出力したい

YouTubeや趣味で動画編集をしている際に、背景が透過している動画を書き出して素材として使いたいという事があると思います。

そんな方のために、AdobeのAfterEffectsを使って背景が透過した動画を書き出す方法をご紹介しようと思います♪

【まとめて一瞬測定】BPM Analyzerでmp3やmp4のリズムを測る方法【Windows10/MacBook】

Fri, 01 May 2020 21:11:32 +0900

音楽ファイルのBPMを測定してみよう

音楽編集や動画を作っている際に、仕様している楽曲ファイルのBPMが気になる場合がありますよね。

今回はBPMを簡単に測れるBPM Analyzerを使ってBPMを測定してみようと思います♪

【デュアルディスプレイ】一つのモニターに出力するHDMIを簡単に切り替える方法【MacBook Pro/Windows10】

Mon, 27 Apr 2020 23:45:06 +0900

SwitchやPS4とパソコンでモニターを使い回す

出力を簡単に切り替える便利アイテム

前回、デュアルディスプレイの有効性のご紹介とオススメディスプレイについてご紹介する記事を執筆しました。

Amazon HUANUO モニターアーム 2画面デュアルディスプレイアームガススプリング式 17～27インチ対応耐荷重2-6.5kg グロメット式＆クランプ式 VESA100*100 (ブラック)

Amazon BenQ モニターディスプレイ GW2480 23.8インチ/フルHD/IPS/ウルトラスリムベゼル/DisplayPort,HDMI,VGA端子/ブライトネスインテリジェンス搭載

[adsense-responsive]

今回は、一つのPCモニターをHDMIケーブルを抜き差しする事なく出力を切り替える事が可能になるオススメアクセサリーを購入してみたのでご紹介しようと思います♪

【作業効率アップ】BenQのモニターをサブディスプレイにしてみたら快適空間が出来上がってしまった【ゲーミングPC】

Wed, 22 Apr 2020 20:34:24 +0900

デュアルディスプレイを導入

作業効率化を求めてお金を生贄に召喚

テレワークで自宅にてPC作業をしたりPCゲームをしたり動画編集等をしている際に、画面が1つだけだと作業効率が悪いと感じる事はありませんか？

【ホストマシンを汚さずに】docker-composeでvue.jsプロジェクトの開発環境を構築する方法【Vue-CLI】

Tue, 21 Apr 2020 00:04:44 +0900

Vue-CLI+Quasar+Pugで静的サイトを作ってみる

フロントの技術はめまぐるしい変化を遂げてますが、最近はVue.jsに落ち着いた感が出てきている気がします。

The Progressive JavaScript Framework なぜ VUE.JS ? はじめる Vue.js

【Prettier・ESLint】Vue-CLIで生成したプロジェクトにVSCodeの自動整形と静的チェックを有効化する方法【フロントエンド最新技術】

Sat, 18 Apr 2020 20:10:29 +0900

PrettierとESLintを有効活用しよう

標準化をサポートしてくれるお助けツール

コーディングをしていると、人によってコードの書き方にバラつきが出てしまいます。

プロジェクトとして開発を進めていると、ある程度ルールに沿ったコーディングにしてレビューの負荷軽減や品質担保をしたいところだと思います。

【もしもアフェリエイト】Amazonアソシエイトで何が売れたかをレポートで確認する方法【成果報酬】

Wed, 15 Apr 2020 19:04:10 +0900

もしもアフェリエイト経由で売れた商品を確認したい

審査合格しやすい

もしもアフェリエイトに登録している方は、Amazonアフェリエイトプロモーションも利用している方が多いと思います。

直接申請するよりも通過の確率が高く最低支払い額も安いためアフェリエイト初心者にはオススメです。

【パフォーマンスアップを狙え】CloudFront+S3で配信している静的サイトをgzip形式で配信して高速化する方法【SEO対策】

Mon, 13 Apr 2020 20:02:58 +0900

CloudFrontはgzip配信可能

うわ・・私のサイト遅すぎ・・・？

皆さんはCloudFront使っていますか？

当ブログはWorpress+StaticPress+CloudFront+S3を組み合わせて、完全静的サイトとして運用しています。

【Wordpress】jpegoptimを使ってサーバー上のJPEG画像ファイルをまとめて圧縮する方法【便利】

Sat, 04 Apr 2020 23:07:53 +0900

EC2サーバーやMacにあるJPG画像を圧縮するしたい

大きい画像はメリットよりデメリットが多い

Wordpressなどでブログを運営していると画像等をアップロードする際に、なるべく綺麗な画像を乗せたいという気持ちで画像ファイルが大きいままアップロードをしてしまう事が多いと思います。

【MySQL】NULLが含まれるデータを取得する際のORDER BYで優先度を低くしたい場合の書き方【簡単瞬殺】

Mon, 30 Mar 2020 18:18:26 +0900

MySQLのNULLに対するORDER BYの取り扱いについて

MySQLにて、NULLが許容されたカラムに対してORDER BYをかける際にはちょっと注意した方が良いです。

何も気にせずにORDER BYをかけると想定と違う挙動になる場合もあるので、MySQLのNULLに対する挙動の整理とNULLに対する優先度を制御する方法をご紹介しようと思います。

【AmazonJS】WordpressでAmazonアソシエイトの商品が表示出来なくなったのでPA-APIをv4からv5に更新する方法【必須設定】

Sun, 29 Mar 2020 20:47:52 +0900

WordpressでAmazonの商品が表示されなくなった

AmazonJSのリンクが表示されない

先日、WordpressにてAmazonの商品を紹介している記事の商品画像が表示されていない事に気づきました。

ムムム・・・。

原因はPA-API v5対応の不備

これは、Amazonが提供する商品APIのバージョンがv4からv5に上がった事によるWordpress側の設定不備が原因でした。

【JavaScript要らず】HTML5で追加されたbuttonタグのformaction属性でSubmit先のURLを簡単に変更する方法【たった1行】

Thu, 26 Mar 2020 19:13:39 +0900

フォームのポストをボタンによって動的に切り替えたい

JavaScriptで上書きするのが一般的だった

HTMLでフォームを作成している場合、要件によっては通常のサブミットとは別のURLにフォーム内容を送信したい場合があると思います。

そんなとき、今までは以下のようにjQueryなどのJavaScriptを使ってボタンが押下された際にformのURLを動的に書き換えた上でsubmitする、といった方法が一般的でした。

【MySQL】~/.my.cnfの設定が読み込まれない原因【--defaults-fileオプション】

Sat, 21 Mar 2020 20:41:51 +0900

設定を変えたいのに反映されない

MySQLのポートを変えたい

先日、お勉強用サーバーのMySQLをいじっていた際にポートを変えようと思い、上書き用の.my.cnfを作業ユーザーのホームディレクトリに作成しました。

【色々試した結果一番簡単】Switchのポケモン剣盾の無限ワットバグをマイコンで自動化する方法【Python・Arduino IDE不要】

Fri, 20 Mar 2020 01:19:42 +0900

自動でワット金策をしたい！

育成環境の緩和に感謝

皆さんはポケモン剣盾やってますか？

ポケモン大好き人間の筆者は相変わらず好きなポケモンを厳選してはカジュアルバトルにて対戦をして楽しんでいます。

【コスパ最強】ELEGIANTのUSBタイプのPCスピーカーが使い勝手抜群でオススメ【Amazon】

Sat, 07 Mar 2020 19:18:19 +0900

高音質でコンパクトなPC用スピーカー

PCディスプレイを購入した際に、スピーカーが搭載されていないタイプのディスプレイだと後から気づく場合があります。

安価の製品だったりゲーミングモニターの場合はよくありますね。

【ユニットテスト】JUnitのJaCoCoの出力対象パッケージを指定する方法【PlayFramework2.7系】

Wed, 04 Mar 2020 15:47:50 +0900

不要なパッケージのガバレッジはJaCoCoで出力したくない

前回、JaCoCoのsbtプラグインを利用してJUnitテストのガバレッジを出力する方法をご紹介しました。

しかし、デフォルトの設定だとコンパイル時に自動生成されたviewsパッケージやrouteパッケージのクラスも対象になってしまい、ボリュームが肥大化してしまいがちです。

【グッバイsbt】PlayFramework2系をGradleで動かす方法【Java】

Fri, 28 Feb 2020 12:24:12 +0900

PlayFrameworkをGradleで動かしたい

前回、sbtを使ったPlayFrameworkのプロジェクト作成方法についてご紹介しました。

しかし、Gradle信者な筆者はどうにかしてPlayFrameworkをsbtでは無くGradleから実行出来ないのか？と調べてみたところ、Gradleから公式のPlayFramework用のプラグインが提供されていたので、試しに使って起動までを動作確認してみました。

【Bauhutte】開封作業の撮影スペースとしても使えるPC用昇降式L字デスクが使い勝手が良すぎた【PC環境】

Wed, 26 Feb 2020 12:28:37 +0900

Bauhutte（バウヒュッテ）のL字デスクを買ってみた

拡張デスクを購入！

PC周りの環境を快適にするためにこれまで様々なBauhutteメーカーのアイテムをご紹介してきましたが今回は、サイドデスクとして昇降式L字デスクを購入してみたので開封していこうと思います♪

【bindFromRequestData】playFramework2.7で配列をマッピングする方法【BeanValidator】

Tue, 25 Feb 2020 22:03:44 +0900

配列クエリをFormモデルにバインドしようとしたら一癖あった話

PlayFrameworkを使ってAPI開発をしている際に、配列を想定しているクエリパラメーターに対してもBeanバリデーションを行いたかったため、Formモデルを使ってマッピングしようとしたところ、最初の要素しかListモデルにマッピング出来ませんでした。

【HTMLガバレッジレポート】sbtのJaCoCoプラグインでJunitの実行結果をドキュメント化しよう【PlayFramework2.7】

Sat, 22 Feb 2020 14:03:41 +0900

ユニットテストのガバレッジを自動生成しよう

皆さんはユニットテスト書いていますか？

品質をあげるにはしっかりとユニットテストを書いて、CI環境でしっかり実施する事が大事です。

今回ご紹介するのは、ユニットテストの実施によって実行されたソース部分のガバレッジレポートをHTML形式で自動生成してくれるJaCoCoというプラグインをご紹介しようと思います。

【爆速環境構築】sbtを使ったPlayFramework2.7のプロジェクト作成方法【Java】

Fri, 21 Feb 2020 19:34:47 +0900

PlayFrameworkプロジェクトを生成しよう

とある案件で、PlayFrameworkプロジェクトを作成する必要が出てきました。

筆者的にはSpringBoot信者なので、PlayFrameworkについては知見が無かったので良い機会なので良い勉強になればと実際に行なった作業をまとめてみようと思います。

【コンパイルエラー】javacのエラーログを日本語ではなく英語にしたい【-J-Duser.language】

Tue, 18 Feb 2020 18:47:15 +0900

コマンドラインでのJavaの実行ログを英語にしたい

簡単なプログラミングはコマンドでビルド・実行した方が早い

開発や技術調査をしている際に、簡単なJavaの動作確認をしたいなーと思う場合が多々あると思います。

その場合、gradleやsbtなどを使ってプロジェクトを作って実行するより、エディターで記述してjavaコマンドからビルド・実行した方が早いですよね。/p>

フレームワーク等の準備がいらないためサクッと動かせるのがメリットです♪

【コラボ商品】JBLのUA SPORT WIRELESS イヤホンがAirPodsに負けないくらい良かった件【アンダーアーマー】

Sat, 15 Feb 2020 16:46:19 +0900

JBLとアンダーアーマーのコラボイヤホン

巷ではAirPodsを始めとした、ワイヤレスイヤホンが流行っていますよね。

iPhoneを使っている方でしたらAirPodsを購入するのもアリですが、やはり価格が高い点と品薄状態という点がネックです。

【コレクションオブジェクト】要素を操作した際にUnsupportedOperationExceptionが出る原因と対応方法【Java】

Fri, 07 Feb 2020 00:52:16 +0900

java.lang.UnsupportedOperationException

概要

こちらは、ListやMapなどが固定長な形式な際にaddやputなどをしようとすると発生します。

主に、Collections.emptyList()やCollections.emptyList()、Arrays.asList()などで生成したコレクションオブジェクトにaddやput、removeなどの操作を加えようとすると発生します。

【簡単丸ごとコピー】Updraft Plusでサイトやブログをローカル環境に復元(リストア)コピーする方法【Wordpress】

Wed, 29 Jan 2020 00:24:42 +0900

Wordpressのバージョンアップをローカルで試したい

Wordpressを使ってサイトやブログを構築している場合、実際にインターネット上に公開しているサーバー上で稼働させていたり、本番以外の検証・開発サーバーを構築せずに運用しているケースが多いと思います。

【zip,gz,tarの違い】コマンドで簡単にgz,tar形式を圧縮及び解凍する方法まとめ【ファイルやディレクトリも可能】

Mon, 27 Jan 2020 23:37:26 +0900

gz形式で圧縮/解凍したい

ファイルの圧縮/解凍についてはzip形式が主流となっていると思いますが、たまにgz形式やtar形式で取り扱いたいケースも出てくると思います。

【PlayFramework2.7】Cookieに保存されるSession情報の有効期限などの属性を変更する方法【Java/Scala】

Sat, 25 Jan 2020 12:41:17 +0900

application.confからCookieの設定を変更しよう

PlayFrameworkを採用してWebシステムを開発している方ならご存知だと思いますが、PlayFrameworkには一般的なSessionの概念は存在せずに、Cookieに情報を保存する事で擬似的にSessionを再現しています。

【瞬殺】docker-composeで爆速Wordpress環境構築【Wordpress5.3系・PHP7.3・Apache】

Wed, 15 Jan 2020 20:56:16 +0900

爆速Wordpress環境構築

今回はWordpressの環境をdockerを用いてローカルに爆速で整えるやり方を紹介しようと思います。

dockerさえインストールしていれば冗談抜きで爆速でログイン画面まで表示出来てしまいます・・・！

【実機動作確認】iPadのWebレイアウトを開発者ツールでデバッグする方法【小技】

Sat, 11 Jan 2020 16:20:42 +0900

iPadでのページレイアウトを確認しよう

サイト制作をしていると、様々なブラウザやOSでのレイアウトを気にしないといけませんよね。

ただ、iPadなどのタブレット端末の場合は開発者ツールをPCブラウザのように簡単に使ってみる事が出来ないので不憫に感じる事があると思います。

【Workbench】MySQLでUPDATEとDELETEが実行時エラーになる原因と解決方法【Error Code: 1175】

Tue, 07 Jan 2020 19:57:21 +0900

MySQLWorkbenchでDELETE/UPDATEが実行出来ない

You are using safe update mode and you tried to update a table without a WHERE that uses a KEY column

MySQLWorkbenchなどを使ってテーブルデータの操作をしている際に、DELETE/UPDATEで一気に対象テーブルのデータを変更しようとすると、以下のようなエラーが発生する事があります。

【Google Maps Platform】FlutterでGoogleMapAPIを使う方法【iOS/Android】

Wed, 04 Dec 2019 00:05:09 +0900

FlutterでGoogleMapを表示してみよう

前回、Flutterアプリの開発環境構築についてご紹介しました。

今回は、GoogleMapAPIを使って地図を表示するところまで試してみようと思います。

【天下のGoogle先生】Flutterの開発をVSCodeで行うための環境構築まとめ【Dart・Anrdoid・iOS】

Wed, 20 Nov 2019 10:56:09 +0900

話題のFlutterの開発環境を構築しよう

一番ホットなアプリ開発技術

巷ではFlutterが流行っていますね。

Flutter(フラッター)とは、Googleによって開発されたモバイルアプリケーションSDK (Software Development Kit)の事を指します。

【グッバイNetBeans】VSCodeでSpringBootの開発環境を構築するための設定方法【ホットリロードやデバッグにも対応】

Fri, 08 Nov 2019 20:19:02 +0900

VSCodeでSrpingBootプロジェクトを動かそう

みんな大好きSpringBoot

連日、VSCodeを使ったJava関連の開発環境構築の記事をご紹介していますが、今回はSpringBootプロジェクトをVSCode上で動かすための設定をご紹介しようと思います。

【グッバイIntellij】VSCodeでGradleプロジェクトを動かす方法【.classpathが重要】

Wed, 06 Nov 2019 23:59:25 +0900

VSCodeでGradleプロジェクトを動かそう

前回、VSCodeを用いてJavaプロジェクトを動かす方法をご紹介しました。

今回は、Gradleプロジェクトを動かすための方法を試してみましたのでご紹介しようと思います。

【グッバイEclipse】VSCodeでJavaの開発環境を構築するための設定方法【import保管やデバッグ確認まで出来ちゃう】

Wed, 06 Nov 2019 13:10:53 +0900

VSCodeでもJavaのデバッグが出来るらしい

時代が変わるか？

筆者はJava開発をメインに行っており、そうなるとEclipseやIntellij、NetBeansなどのIDEでの開発が必須となっています。

【Logicool】ゲーミングヘッドセットの「G533」を買ってみた【PUBG/フォートナイト/ApexLegend】

Tue, 05 Nov 2019 12:43:48 +0900

Logicoolのワイヤレスヘッドセット

ハイクオリティなワイヤレスヘッドセット

PCゲームなどをしている際に、Discordなどでボイスチャットをしながらプレイをする際に安値のマイク付きイヤホンを使ってもプレイが可能ですが、しっかりしたゲーミングヘッドセットを買った方がクリアな音声とリアルなゲームサウンドを聞き取る事が出来ます。

【PlayFramework2.7系】HttpStatasu413の「Request Entity Too Large」が出た場合の原因と解決方法【play.http.parser.maxDiskBuffer】

Thu, 31 Oct 2019 23:13:51 +0900

リクエスト容量の超過

PlayFrameworkを使ってファイルの送信フォームを作っている際に、特に設定を変えずに10MB以上のデータを送信するとHttpStatus413のRequest Entity Too Largeのようなエラーが出力されます。

【このファイルタイプは】wordpressで一部のSVGだけアップロード出来ない問題の原因と解決方法【セキュリティの観点から許可されてません】

Fri, 25 Oct 2019 19:46:40 +0900

Wordpressで特定のSVG画像だけアップロード出来ない

このファイルタイプはセキュリティの観点で許可されていません

先日、いつも通りWordpressの記事に対してドラッグ&ドロップでSVG画像を追加しようとしたところ、以下のようなエラーが出ました。

【TypeScript】「Calls to 'console.error' are not allowed.」の警告が出た時の原因と解決方法まとめ【ビルドエラー】

Thu, 24 Oct 2019 23:51:41 +0900

consoleを使うと警告が出る

TypeScriptを使っている際に、ログ出力のためにconsole.error()などを使うと以下のような警告が出るようになります。

警告内容

WARNING in /Users/blogenist/Develop/sample/src/App.vue
106:9 Calls to 'console.error' are not allowed.
 104 | })
 105 | .catch(err => {
 > 106 | console.error("Copy Error.", err);
 | ^
 107 | });
 108 | }

【Node.js】npmモジュールの「sitemap-generator」でサイトマップの生成を自動化しよう【クローリング】

Wed, 23 Oct 2019 21:12:34 +0900

Sitemapを作りたい

静的サイトを作成している際に、複数ページにまたがる場合はSitemapを作成する必要があります。

サイトマップを使うと、ウェブマスターはサイト内のクロールされるページを検索エンジンに簡単に知らせることができます。サイトマップは、最終アップロード日、通常の更新頻度、サイト内の他の URL との相対的な URL 優先度など、各 URL の詳細メタデータのほか、サイトの URL がリストされている簡単な形式の XML ファイルであるため、検索エンジンでより正確にサイトをクロールできます。 sitemaps.org - プロトコル

【Vue-CLI 3系】Quasarでアイコンが表示されない場合の原因と解決方法まとめ【マテリアルアイコン/FontAwesame/MDI】

Sat, 19 Oct 2019 18:32:05 +0900

アイコンが出ない助けて！！！

表示されない

Quasarを使ってWebシステムやサイトを構築している際に、ドキュメントに「マテリアルアイコン以外にもFontAwesameやMDIなどをサポートしているよ！」という記載があったので使ってみようと思ったところ表示されませんでした。

【vuex-i18n】Vuexで多言語対応をする方法【簡単実装】

Fri, 11 Oct 2019 23:15:13 +0900

多言語化を試してみた

来年の2020年には東京五輪が開幕、また日本の少子化による労働力不足などもあり、今後は日本に多くの外国人がなだれ込んでくると

手順

vuex-i18nのインストール

まずは以下のコマンドで必要なモジュールをインストールしましょう。

【ImprovedNamingStrategyは廃止】スネークケースのDBカラムをキャメルケースのEntityフィールドにマッピングする方法【PhysicalNamingStrategyStandardImpl】

Sun, 06 Oct 2019 22:33:38 +0900

DBはスネークケース、Entityはキャメルケースにしたい

DBアクセスが伴うシステム等の実装をしている際に、設計方針によってはDB側のTableカラム名はスネークケース、Java側のEntityフィールド名はキャメルケースにしたい、という要望があります。

【TypeScript】streamやBufferのエラーが出る場合の対応方法【原因と解決方法】

Sat, 05 Oct 2019 23:31:59 +0900

依存ライブラリでTypeScriptエラーが発生

TypeScriptを利用して開発をする際に、様々なライブラリを利用することになると思います。

その際に、依存ライブラリ側でTypeScriptのエラーが出る事があります。

【サイトキャプチャ自動化】NightmareJSを使って大量の画面のキャプチャを自動で保存しよう【PhantomJS】

Fri, 04 Oct 2019 23:27:30 +0900

大量のURLの画面キャプチャを自動化したい

もはやキャプチャ保存は人間のやる作業ではない

サイト開発等をしている場合、開発中の各画面のキャプチャを保存したいというケースがありますよね。

しかし、人力でブラウザで全てのページを開いてキャプチャツールを使って保存、、、なんて作業をするのはとても骨が折れます。

【Canvas】Property 'toDataURL' does not exist on type 'HTMLElement'.の原因と対処方法【TypeScript】

Thu, 03 Oct 2019 23:02:52 +0900

CanvasのtoDataUrlでコンパイルエラー

TypeScriptを使ったプロジェクトの中でcanvasのtoDataUrlメソッドやtoDataURLメソッドを使用すると、以下のようなエラーが発生する事があると思います。

【PWA】アプリのインストールイベントをGoogleAnalyticsに送信しよう【ビッグデータ】

Wed, 02 Oct 2019 22:05:27 +0900

アプリインストール数を集計しよう

前回の記事では、PWAアプリのインストール用のボタンを配置して意図的にインストールを行えるようにしました。

今回は、実際にインストールされたPWAアプリ数をGoogleAnalytics上で集計出来るようにスクリプトにサクッと手を加えたいと思います。

【ボタン配置】PWAアプリのインストールダイアログをJavaScriptで制御しよう【beforeinstallprompt】

Sun, 29 Sep 2019 00:32:33 +0900

PWAのインストールボタンを配置しよう

先日、WebサイトのPWA化についてご紹介しました。

ただ、何も設定していないと、初回訪問時にインストールダイアログが出現しますが、ここでインストールを行わないとこのダイアログが当分出てこなくなってしまいます。

それだと、かなり使い勝手が悪いので、今回は自動で表示されるインストールダイアログを制御し、ボタンを押したタイミングでインストールを行うようにJavaScriptを使って改修してみようと思います。

【30分でPWA化】Progressive Web Appsの概要とサイトのPWA対応のやり方まとめ【ServiceWorker】

Sat, 28 Sep 2019 00:23:39 +0900

Progressive Web Apps

What’s?

皆さんは「PWA」という言葉をご存知でしょうか？

PWAとは、「Progressive Web Apps」の略称で、モバイル向けのWebサイトをGooglePlayストアなどで配信されているスマートフォン向けアプリのように扱えるようにする仕組みです。

【baseUrl】Vue-CLI3でルートディレクトリ以外にデプロイしたい場合のURLを置き換える方法【publicPath】

Wed, 25 Sep 2019 23:22:24 +0900

Vueプロジェクトをサブディレクトリにデプロイしたい

サイトなどを製作している場合、基本的にはhttp://localhost/{アプリケーション}の形で開発及び動作確認を行うと思います。

そして、いざ実装が終わりデプロイするぞ！！となった場合、レアケースですが、
「ルートじゃなくてサブディレクトリに配置して。」
と言われる事が稀にあります。笑

【TypeScript】FileReaderのevent.target.resultがString型に代入出来ない時の原因と対策【ArrayBuffer】

Tue, 24 Sep 2019 22:32:21 +0900

TypeScriptでコンパイルエラー

TypeScriptを利用して、Formのファイル選択時にサムネイルを出そうと思い、以下のようなコーディングをした際にTypeScriptのエラーが発生しました。

【Vue.js】Vue-CLI3でBootstarp-vueを導入する方法【デザインフレームワーク】

Mon, 23 Sep 2019 14:40:29 +0900

VueアプリでBootstrap4を導入したい

管理システムや簡易なWebサイトを開発する際、そこまでデザインにこだわる必要がなく、とはいえ自分でCSSを作り込む時間をかけたい場合にUIフレームワークを導入することになると思います。

【GithubActions】新機能を使って特定ブランチへのマージをトリガーにS3へファイルを転送するWorkflowを組んでみた【AWS-cli】

Sun, 22 Sep 2019 13:53:39 +0900

GithubActionsを使ってみよう

CI/CDをGithubで完結

皆さんはGithubActions、使っていますか？

GithubAcrtionsとは、2018年10月にβ版として公開されたGithubの新機能の事を指します。

【TypeScript】Vuetifyを入れた際の「implicitly has an 'any' type.」のビルドエラーの原因と解決方法【Vue-cli3】

Sat, 21 Sep 2019 14:32:16 +0900

VuetifyでTypeScriptエラー

Vue-cli3で簡単に導入可能

Vue-cli3を利用すると、簡単にプロジェクトにVuetifyを導入することが可能になります。

vue add vuetify

📦 Installing vue-cli-plugin-vuetify...

yarn add v1.17.3
[1/4] 🔍 Resolving packages...
[2/4] 🚚 Fetching packages...
[3/4] 🔗 Linking dependencies...
[4/4] 🔨 Building fresh packages...

success Saved lockfile.
success Saved 1 new dependency.
info Direct dependencies
└─ vue-cli-plugin-vuetify@0.6.3
info All dependencies
└─ vue-cli-plugin-vuetify@0.6.3
✨ Done in 2.79s.
✔ Successfully installed plugin: vue-cli-plugin-vuetify

? Choose a preset: Default (recommended)

🚀 Invoking generator for vue-cli-plugin-vuetify...
📦 Installing additional dependencies...

yarn install v1.17.3
[1/4] 🔍 Resolving packages...
[2/4] 🚚 Fetching packages...
[3/4] 🔗 Linking dependencies...
[4/4] 🔨 Building fresh packages...

success Saved lockfile.
✨ Done in 4.77s.
⚓ Running completion hooks...

✔ Successfully invoked generator for plugin: vue-cli-plugin-vuetify

【universal-analytics】ElectronにGoogleAnalyticsを導入して機能の利用・アクセス解析をする方法【Vue-cli】

Tue, 17 Sep 2019 01:21:10 +0900

ElectronアプリケーションにGoogleAnalyticsを導入したい

簡単に導入出来ると思ってた時期が僕にもありました。

Electronでアプリケーションを作る際に、公開することを見越してアクセス解析を仕込もうと思いました。

ElectronもWebの技術で作成されているので、簡単に入れれるだろうと思っていましたが、結構ハマったので備忘録として記事に残したいと思います。

【Play Framework2.7】自作のBeanValidatorのエラーメッセージをscalaテンプレートから取得出来ない場合の原因と対処方法【ConstraintValidator】

Sat, 14 Sep 2019 12:10:19 +0900

scalaテンプレートでバリデーションエラーを取ろうとするとエラーが発生する

とある案件にてPlayFramework2.7でWebシステムを開発している際に、バリデーションエラーを画面に表示しようと公式のように実装していたところ、以下のようなエラーが発生しました。

【簡単瞬殺】vue-cliでpugを導入して記述量を半分以下に減らす方法【Electron】

Wed, 11 Sep 2019 22:22:57 +0900

PugでVue.jsを書こう

Pugについては以前ご紹介しています。

今回はVue-cliを利用して、ElectronプロジェクトにPugを導入する方法をご紹介します。

【Vue.js】Electronのタイトルバーを消す方法【ドラッグ移動も対応】

Mon, 09 Sep 2019 23:01:37 +0900

Electronアプリのタイトルバーを消したい

Electron製のアプリケーションを作るとデフォルトではこのように、アプリケーション名がタイトルバーに表示されます。

しかし、正直なところデザイン的にはタイトルバーは表示されなくても良い情報なので消したいですよね。

【Vue.jsのUIフレームワーク】Electronアプリのデザインフレームワークに「Quasar」をインストール・導入する方法

Sun, 08 Sep 2019 21:02:13 +0900

VueのUIフレームワークは「Quasar」で決まり

沢山あって迷う問題

先日、Vue.jsを使う中で、UIフレームワークを何にするかで悩みました。

Vuetify やBootstrap-Vue 、Buefy 、Element などなど、様々なものがありますが、その中でもQuasarがダントツで使いやすい&コンポーネントの数が膨大だったので使ってみる事にしました。

【デスクトップアプリ】Electron+Vueの環境構築をvue-cliのみで完結してみた【エディターいらず】

Thu, 05 Sep 2019 22:45:08 +0900

Electron使いたい

今時のデスクトップアプリはクオリティが高い

エンジニアの皆さんは、SlackやAtom、VSCode、PostManを使ったことありますか？

使いやすさやデザイン、動作の軽さなどかなり使いやすいアプリケーションだと筆者は思っています。

【パッケージ管理ツール】npmではなくyarnを使ってモジュール管理をしよう【Node.js】

Wed, 04 Sep 2019 02:53:58 +0900

yarnを使おう

npmはNode.js標準のパッケージマネージャー

皆さんはNode.js使ってますか？

フロントエンドエンジニアの方はもちろん、最近ではサーバーサイドの方もNode.jsを使うケースが増えてきていると思います。

【位置情報】MySQLのgeometry型を使って緯度経度の2点間距離をkmで計算・算出する方法【ST_GEOMFROMTEXT】

Mon, 02 Sep 2019 16:58:10 +0900

MySQLのgeometry型を使ってみよう

double型でも実現は可能

先日、緯度経度を用いた近隣検索を実現する際に、MySQLのdouble型に緯度経度をそれぞれ保存して実現する方法をご紹介しました。

しかし、せっかく位置情報を取り扱いやすくするためのgeometry型が用意されているのであれば、せっかくなので使ってみよう！という事で、試してみようと思います。

【MySQL】geometry型ではなくdouble型の緯度経度から2点間距離を計算して算出する方法【GPS位置情報】

Sat, 31 Aug 2019 17:05:33 +0900

位置情報を使ったマーケティング強し

利用者からしたらとても便利な機能

スマホアプリやECサイトを使っていると、GPS情報を用いた現在地点を軸にした検索機能が搭載されるようになってきています。

近隣情報を簡単に検索する事が出来るので利用者側からしたらとても便利な機能ですよね♪

【GoogleAdsense】ads.txtの問題を修正しろと言う警告が出たので配置のやり方をまとめてみた【認定デジタル販売者】

Sat, 27 Jul 2019 22:26:46 +0900

アドセンスのホーム画面にこんな警告が

謎の警告

いつものように日々の広告収入を確認しようとGoogleAdsenseのホーム画面にアクセスしたところ以下のような警告が表示されている事に気づきました。

【SwaggerUIはもう古い？！】今時のイケてるデザインなAPIドキュメントツール「ReDoc」の導入方法と使い方【簡単】

Sun, 21 Jul 2019 20:22:14 +0900

SwaggerUIにつぐ新たな勢力

以前、Swaggerに関する記事をご紹介しました。

そして、先日SwaggerUIに取って代わりそうな新たなUIツールを発見したのでご紹介しようと思います。

【SSR】Nuxt.jsで@nuxtjs/axiosを使って外部APIにリクエストを投げてレスポンスを取得・表示してみよう【Vue.js】

Fri, 19 Jul 2019 23:25:08 +0900

Nuxt.jsならAPI呼び出しも簡単

前回の記事では、Nuxt.jsプロジェクトにTypeScriptを導入するところまで進めました。

今回は、Nuxt.js内部で外部APIへのリクエストを行って、そのレスポンスを画面に表示するところまでを作ってみようと思います。

【オラクルの呪い】「jenv」を使ってJavaのバージョンをコマンド一つで切り替えよう【Homebrew/anyenv】

Sun, 30 Jun 2019 16:50:30 +0900

JavaのバージョンはOracleのせいで闇が深い

皆さんはJava言語を使って開発をしたことはありますか？

RubyやPHPなどの他の言語と同様に、バージョンの概念を持っていますが、Oracleが絡んでいるのでJavaのバージョンについてはちょっと一癖あります。

【JavaやRuby含めほとんどの言語に対応】Homebrewで「anyenv」をインストールしてhodenvを使ってバージョン管理をする方法まとめ【fish shellも対応】

Thu, 27 Jun 2019 20:53:30 +0900

言語のバージョン管理の決定版

皆さんは言語のバージョン管理は行っていますか？

有名なのはpyenvやnodenvなどですね。

しかし、各言語ごとにバージョン管理システムを落として管理するのはとてもめんどくさいと思います。

【MacBookPro2019 Mojave】Docker for macで「docker desktop is starting」のまま起動しない場合の解決方法【Homebrew】

Fri, 21 Jun 2019 22:55:54 +0900

Docker for macが動かない

先日、MacBookPro 2019を購入したのですが、Docker環境を整えようとHomebrew CaskでDocker for macを入れて起動しようと思ったのですが、なぜかDocker Desktop is Starting...のまま先に進まない現象が発生しました。orz

【期待の最新シェル】使いやすくてオススメな「fish shell」の導入方法と使い方まとめ【zshから乗り換えよう】

Thu, 20 Jun 2019 21:32:20 +0900

fish shellを使ってみよう

シェルには様々なな種類が存在しています。

shやbash、zsh、cshなどなど。。。

それぞれメリットデメリットが存在しますが、今回はその中でも割と新しめでおすすめのシェル、「fish」を紹介致します。

【アプリ開発者向け】MacBookPro2019を購入した際にやるべき初期設定とインストールすべきアプリまとめ【Homebrew】

Wed, 19 Jun 2019 23:56:42 +0900

ぼくのかんがえたさいきょうのMacBookPro環境

先日、MacBookPro2019を購入したので諸々の初期設定を行ったのですが、その際に行った初期設定やインストールしたアプリケーション達をご紹介します。

【VSCoe】VisualStudioCodeでDockerのNode.jsにリモートデバッグしてみよう【Nust.js/Vue.js】

Tue, 18 Jun 2019 20:05:38 +0900

Dockerコンテナ内のNuxt.jsをデバッグしてみよう

先日、Docker環境を用いたNuxt.jsの開発環境構築についてご紹介しました。

今回はVSCodeを用いたデバッグ方法についてご紹介したいと思います。

【Nuxt.js】プロジェクトに後から自前でTypeScriptを導入する方法【yarnでサクッと簡単】

Mon, 17 Jun 2019 01:25:25 +0900

TypeScriptを導入しよう

Nuxt.jsを使ってアプリケーションを開発する際、TypeScriptを使った静的型付けを行うのが当たり前になってきています。

JavaScript that scales. TypeScript is a typed superset of JavaScript that compiles to plain JavaScript.

【Nuxt.js】vueファイルからJavaScript(TypeScript)/CSS(Sass)/Template(Pug)を外部ファイル化して読み込む方法【ベストプラクティス？】

Sat, 15 Jun 2019 16:19:23 +0900

ファイルを細分化しよう

皆さんはNuxt.jsを使って開発をしていますか？

Nuxt.jsを使ってWebアプリケーションを開発していると、デフォルトでは一つのvueファイルの中に様々な記述をすることになると思います。

【簡単オススメMockAPI】Mockoonを使って爆速でMacやWindowsマシンのローカル環境にStubサーバーを作ってみよう【Node.js】

Fri, 14 Jun 2019 20:02:18 +0900

爆速でMockサーバーを構築しよう

簡単なStubを用意したいだけなのに・・・

技術調査や初期開発フェーズでは、自由にリクエストを投げれるサーバーが存在しない事が多く、そのためにMockサーバーを用意するという事は少なく無いと思います。

【pug導入編】今流行りの「Nuxt.js」を使ってサーバーサイドレンダリング(SSR)をしてみよう【Vue.js】

Thu, 13 Jun 2019 22:44:59 +0900

おさらい

前回は、Nuxt.jsプロジェクトでsassを取り扱えるようにカスタマイズしました。

今回はpugを使えるようにカスタマイズしていこうと思います♪

【sass導入編】今流行りの「Nuxt.js」を使ってサーバーサイドレンダリング(SSR)をしてみよう【Vue.js】

Wed, 12 Jun 2019 23:55:56 +0900

おさらい

前回までで、ローカルでのサーバー起動・動作確認まで行うことが出来ました。

今回は、プロジェクトへのsassの導入を進めていこうと思います。

【プロジェクト作成編】今流行りの「Nuxt.js」を使ってサーバーサイドレンダリングをしてみよう【Vue.js】

Tue, 11 Jun 2019 19:56:46 +0900

前回のおさらい

前回は、Dockerを用いてNuxt.jsの開発を行うための環境を構築する所までご紹介しました。

今回は実際にNuxt.jsプロジェクトを作成し、起動して動作確認する所までをご紹介して行こうと思います。

【Docker環境構築編】今流行りの「Nuxt.js」を使ってサーバーサイドレンダリングをしてみよう【Vue.js】

Mon, 10 Jun 2019 20:10:49 +0900

Nuxt.jsがアツい

フロントエンド戦争は落ち着き始めている？

近年のフロントサイドの技術は目まぐるしく進化を遂げていますね。

AngularJSからReact、Node.jsなどなど。。。

そして、そんなフロントエンド戦争に終止符を打つべく登場したのが、Vue.jsです。

【新型MacBookPro2019】15インチMacBook Proの2.4GHz/メモリ32GBを購入してきた【2015モデルからの乗り換え】

Sun, 09 Jun 2019 22:53:49 +0900

突如発売された新型MacBookPro2019

2019年5月22日にMacBookPro2019モデルが発売されました。

MacBook Pro もっとパワーを。もっとパフォーマンスを。もっとプロのために。 MacBook Pro - Apple（日本）

【SpringBoot2】JUniteに取って代わりそうな「Spock」を使ってコントローラーのユニットテストをやってみよう【TDD】

Fri, 31 May 2019 19:11:54 +0900

Spockを使おう

時間がないからユニットテストを書かないは悪

皆さんはシステム開発をする際にユニットテストは書いていますでしょうか？

スケジュールがパツパツだから、ユニットテストは後回し！といった感じの案件も正直少なくないと思います。

【SpringBoot2】Eclipseでリモートデバッグ(remote debug)を行う方法【Dockerでも簡単】

Wed, 29 May 2019 20:08:18 +0900

Eclipseでもリモートデバッグが可能

先日、SpringBootアプリケーションのInteliJに置けるリモートデバッグ方法についてご紹介しました。

今回は同様にEclipse環境でのリモートデバッグを行う方法をご紹介致します。

【簡単】特定アカウントのツイートをSlackに自動で転送する方法【Twitter】

Fri, 17 May 2019 21:53:50 +0900

気になるアカウントのツイートをSlackに

皆さんはTwitterをやっていますか？

気軽に始める事が出来るSNSとして、とても身近な存在ですよね。

独り言から重要なお知らせまで幅広い情報を発信するTwitterですが、気になるアカウントの情報はいち早く知りたい！！と言うケースもありますよね。

【ゲーミングキーボード】程よい打鍵感が癖になる「Logicool ロジクール G PRO テンキーレス」がオススメ【PUBG・フォートナイト・ApexLegends】

Fri, 10 May 2019 18:04:20 +0900

初めてのゲーミングキーボードを購入したった

打鍵感が心地良い

筆者は今まで、安価のBluetooth対応のキーボードを使ってFPSやPC作業をやってたのですが、ガチめにFPS等をやっている人に話を聞くと、やっぱりゲーミングキーボードを買うだけでも操作性が上がり、立ち回りがうまくなると言われました。

【SpringBoot2】リクエストの処理時間をログに出力する方法【AbstractRequestLoggingFilter】

Thu, 09 May 2019 20:16:54 +0900

リクエストの所要時間をログに出そう

前回、SpringBoot2のCommonsRequestLoggingFilterと言う既存Filterを用いたリクエスト情報のログ出力についてご紹介しました。

【ゲーミングPCデスク】Bauhutteの「昇降式式PCデスク」が快適過ぎた【PC作業向け】

Wed, 08 May 2019 23:15:59 +0900

PCデスクを初めて購入

PCデスクも新しく購入

先日、遂にPCデスクを購入しました！

筆者は今までPCデスクというものを使わずに、リビングテーブルや太ももに乗せて作業をしてましたが、やはり長時間作業には向いていなく、首が疲れたり排熱によって熱くなったりしていました。

【RequestBody/RequestHeader】SpringBoot2でリクエスト情報をログに出力する方法【CommonsRequestLoggingFilter】

Tue, 07 May 2019 22:27:09 +0900

リクエストログを出力しよう

サーバーのログ解析をする場合、どんなリクエストが飛んできた際のログなのか？という情報が重要になってきます。

自前でインターセプターなどを使って実装しても良いのですが、SpringBootを使っていれば簡単に実現が可能です。

【SpingBoot2】LogbackのログをJson形式にする方法【CloudWatch】

Mon, 06 May 2019 16:44:40 +0900

Json形式で見やすくしよう

Logbackをそのまま利用していると、基本的には一行のテキストで、Formatパターンに沿ったログが出力されると思います。

こんな感じ。

[INFO ] [2019-05-04 12:41:26.322] [o.a.catalina.core.StandardService] - Starting service [Tomcat]

【SpringBoot2】JSR310FormattedSerializerBase.findFormatOverridesエラーの原因と解決方法【Jackson】

Sun, 05 May 2019 01:20:12 +0900

謎のエラーが発生

Jacksonのフォーマットエラー

SpringBoot2を用いてAPIシステムを開発している際に、LocalDateやLocalDateTime、OffsetDateTimeの値をレスポンスとして返却した際に、以下のようなエラーが発生しました。

【運用改善への近道】LogbackでAWSのCloudWatchに転送する方法【com.j256.cloudwatchlogbackappender】

Sat, 04 May 2019 13:40:53 +0900

CloudWatchにログを転送しよう

近年のサーバーシステムは、オンプレでサーバー構築をする事はほとんど無くなりました。

そして、クラウドシステムとしてはAWSかGCPの二択になると思います。

【SpringBoot2】レスポンスヘッダーに独自の項目を追加する方法【X-Request-ID】

Wed, 01 May 2019 15:40:59 +0900

カスタムヘッダーも簡単に設定可能

SpringBootを使ってAPI開発をしている場合、簡単にレスポンスヘッダーへ独自項目を追加する事が可能です。

今回は以前の記事でログに含めるために発行したX-Request-IDを、全リクエスト時のレスポンスヘッダーに自動で追加する方法をご紹介致します。

【SpringBoot2】UUIDを自動採番してX-Request-Idとしてlogbackのログに埋め込む方法【MDC】

Tue, 30 Apr 2019 20:38:29 +0900

サーバーログを漁りやすくしよう

リクエストを特定するIDは重要

APIシステムやWebシステムを開発していると、システム障害や調査のためにログを漁ることは頻繁にあると思います。

その際に、同一リクエスト内のログを絞りこむための情報をあらかじめログのパターンに仕込んでおかないと、他のリクエストのログと混合してしまい厳密な調査が出来ません。

【SpringBoot2】ControllerAdviceを使ってエラーハンドリングを実装する方法【共通化】

Mon, 29 Apr 2019 10:27:40 +0900

エラーハンドリングを共通化しよう

SpringBoot2を使っていAPI開発をしていると、システム内部で発生したException単位で共通処理を簡単に実装する事が出来ます

【SpringBoot2】Logbackで環境ごとにログファイルを出し分けするやり方【log4jの後継種】

Sun, 28 Apr 2019 12:42:37 +0900

ロギングを環境ごとに分けよう

org.springframework.boot:spring-boot-starter-webの依存関係を追加してSpringBootで開発を行う場合、デフォルトでLogbackというロギングライブラリを採用します。

【SpringBoot2】メッセージプロパティファイルをロジック内部から呼び出すための設定【他言語化対応】

Sat, 27 Apr 2019 10:51:26 +0900

独自プロパティファイルをソースから読み込みたい

SpringBootではエラーメッセージなどをプロパティファイルなどに外出しして管理することが可能になります。

呼び出すためには専用の設定を行う必要があるため、今回はその方法についてご紹介していきます。

【SpringBoot2】エラーレスポンスを独自カスタマイズする方法【DefaultErrorAttributes】

Wed, 24 Apr 2019 00:28:27 +0900

SpringBoot2のデフォルトのエラーレスポンスは危険

脆弱性の原因

SpringBoot2でシステム開発をする際は、APIを開発する事が多いと思います。

@RestControllerをつけることで簡単に実装を進める事が出来るので、とても便利なフレームワークですよね。

【SQL不要】SpringBoot2で「JPA」を使ってテーブル結合(INNER JOIN)してデータベースの情報を取得しよう【アノテーションベース】

Sun, 21 Apr 2019 09:23:59 +0900

JPAを使ってみよう

O/R Mapperを使ってみよう

前回はFlywayを使ったDB構築の自動化についてご紹介しました。

今回はJPAを利用したデータベースからの参照処理のO/R Mappingを実装してみようと思います。

【さらばER図設計作業】docker-composeで「SchemaSpy」でデータベースのドキュメントを自動生成するやり方【DBリバースエンジニアリング】

Sat, 20 Apr 2019 18:16:22 +0900

DBの設計書、保守するのめんどくさい問題

皆さんはシステム開発を行う際にDB設計をしたことはありますでしょうか？

データベースの種類はOracleやMySQL、PostgreSQL、MariaDBなど様々な種類がありますが、リレーショナルDBであれば基本的には設計の仕方は変わりません。

【hibernate】「PgConnection.createClob() メソッドはまだ実装されていません。」エラーの原因と回避方法【SQLFeatureNotSupportedException】

Wed, 17 Apr 2019 23:33:56 +0900

SpringBootにおけるhibernateのpostgresエラー

エラーの内容

SpringBootで実装をしている過程で、サーバー起動時に以下のようなエラーが発生するようになりました。

エラーログ

LobCreatorBuilderImpl : HHH000424: Disabling contextual LOB creation as createClob() method threw error : java.lang.reflect.InvocationTargetException

java.lang.reflect.InvocationTargetException: null
	at sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method) ~[na:1.8.0_91]
	at sun.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:62) ~[na:1.8.0_91]
	at sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43) ~[na:1.8.0_91]
	at java.lang.reflect.Method.invoke(Method.java:498) ~[na:1.8.0_91]
	at org.hibernate.engine.jdbc.env.internal.LobCreatorBuilderImpl.useContextualLobCreation(LobCreatorBuilderImpl.java:113) [hibernate-core-5.3.7.Final.jar:5.3.7.Final]
	at org.hibernate.engine.jdbc.env.internal.LobCreatorBuilderImpl.makeLobCreatorBuilder(LobCreatorBuilderImpl.java:54) [hibernate-core-5.3.7.Final.jar:5.3.7.Final]
	at org.hibernate.engine.jdbc.env.internal.JdbcEnvironmentImpl.<init>(JdbcEnvironmentImpl.java:271) [hibernate-core-5.3.7.Final.jar:5.3.7.Final]
	at org.hibernate.engine.jdbc.env.internal.JdbcEnvironmentInitiator.initiateService(JdbcEnvironmentInitiator.java:114) [hibernate-core-5.3.7.Final.jar:5.3.7.Final]
	at org.hibernate.engine.jdbc.env.internal.JdbcEnvironmentInitiator.initiateService(JdbcEnvironmentInitiator.java:35) [hibernate-core-5.3.7.Final.jar:5.3.7.Final]
	at org.hibernate.boot.registry.internal.StandardServiceRegistryImpl.initiateService(StandardServiceRegistryImpl.java:94) [hibernate-core-5.3.7.Final.jar:5.3.7.Final]
	at org.hibernate.service.internal.AbstractServiceRegistryImpl.createService(AbstractServiceRegistryImpl.java:263) [hibernate-core-5.3.7.Final.jar:5.3.7.Final]
	at org.hibernate.service.internal.AbstractServiceRegistryImpl.initializeService(AbstractServiceRegistryImpl.java:237) [hibernate-core-5.3.7.Final.jar:5.3.7.Final]
	at org.hibernate.service.internal.AbstractServiceRegistryImpl.getService(AbstractServiceRegistryImpl.java:214) [hibernate-core-5.3.7.Final.jar:5.3.7.Final]
	at org.hibernate.id.factory.internal.DefaultIdentifierGeneratorFactory.injectServices(DefaultIdentifierGeneratorFactory.java:152) [hibernate-core-5.3.7.Final.jar:5.3.7.Final]
	at org.hibernate.service.internal.AbstractServiceRegistryImpl.injectDependencies(AbstractServiceRegistryImpl.java:286) [hibernate-core-5.3.7.Final.jar:5.3.7.Final]
	at org.hibernate.service.internal.AbstractServiceRegistryImpl.initializeService(AbstractServiceRegistryImpl.java:243) [hibernate-core-5.3.7.Final.jar:5.3.7.Final]
	at org.hibernate.service.internal.AbstractServiceRegistryImpl.getService(AbstractServiceRegistryImpl.java:214) [hibernate-core-5.3.7.Final.jar:5.3.7.Final]
	at org.hibernate.boot.internal.InFlightMetadataCollectorImpl.<init>(InFlightMetadataCollectorImpl.java:179) [hibernate-core-5.3.7.Final.jar:5.3.7.Final]
	at org.hibernate.boot.model.process.spi.MetadataBuildingProcess.complete(MetadataBuildingProcess.java:119) [hibernate-core-5.3.7.Final.jar:5.3.7.Final]
	at org.hibernate.jpa.boot.internal.EntityManagerFactoryBuilderImpl.metadata(EntityManagerFactoryBuilderImpl.java:904) [hibernate-core-5.3.7.Final.jar:5.3.7.Final]
	at org.hibernate.jpa.boot.internal.EntityManagerFactoryBuilderImpl.build(EntityManagerFactoryBuilderImpl.java:935) [hibernate-core-5.3.7.Final.jar:5.3.7.Final]
	at org.springframework.orm.jpa.vendor.SpringHibernateJpaPersistenceProvider.createContainerEntityManagerFactory(SpringHibernateJpaPersistenceProvider.java:57) [spring-orm-5.1.5.RELEASE.jar:5.1.5.RELEASE]
	at org.springframework.orm.jpa.LocalContainerEntityManagerFactoryBean.createNativeEntityManagerFactory(LocalContainerEntityManagerFactoryBean.java:365) [spring-orm-5.1.5.RELEASE.jar:5.1.5.RELEASE]
	at org.springframework.orm.jpa.AbstractEntityManagerFactoryBean.buildNativeEntityManagerFactory(AbstractEntityManagerFactoryBean.java:390) [spring-orm-5.1.5.RELEASE.jar:5.1.5.RELEASE]
	at org.springframework.orm.jpa.AbstractEntityManagerFactoryBean.afterPropertiesSet(AbstractEntityManagerFactoryBean.java:377) [spring-orm-5.1.5.RELEASE.jar:5.1.5.RELEASE]
	at org.springframework.orm.jpa.LocalContainerEntityManagerFactoryBean.afterPropertiesSet(LocalContainerEntityManagerFactoryBean.java:341) [spring-orm-5.1.5.RELEASE.jar:5.1.5.RELEASE]
	at org.springframework.beans.factory.support.AbstractAutowireCapableBeanFactory.invokeInitMethods(AbstractAutowireCapableBeanFactory.java:1821) [spring-beans-5.1.5.RELEASE.jar:5.1.5.RELEASE]
	at org.springframework.beans.factory.support.AbstractAutowireCapableBeanFactory.initializeBean(AbstractAutowireCapableBeanFactory.java:1758) [spring-beans-5.1.5.RELEASE.jar:5.1.5.RELEASE]
	at org.springframework.beans.factory.support.AbstractAutowireCapableBeanFactory.doCreateBean(AbstractAutowireCapableBeanFactory.java:593) [spring-beans-5.1.5.RELEASE.jar:5.1.5.RELEASE]
	at org.springframework.beans.factory.support.AbstractAutowireCapableBeanFactory.createBean(AbstractAutowireCapableBeanFactory.java:515) [spring-beans-5.1.5.RELEASE.jar:5.1.5.RELEASE]
	at org.springframework.beans.factory.support.AbstractBeanFactory.lambda$doGetBean$0(AbstractBeanFactory.java:320) [spring-beans-5.1.5.RELEASE.jar:5.1.5.RELEASE]
	at org.springframework.beans.factory.support.DefaultSingletonBeanRegistry.getSingleton(DefaultSingletonBeanRegistry.java:222) ~[spring-beans-5.1.5.RELEASE.jar:5.1.5.RELEASE]
	at org.springframework.beans.factory.support.AbstractBeanFactory.doGetBean(AbstractBeanFactory.java:318) [spring-beans-5.1.5.RELEASE.jar:5.1.5.RELEASE]
	at org.springframework.beans.factory.support.AbstractBeanFactory.getBean(AbstractBeanFactory.java:199) [spring-beans-5.1.5.RELEASE.jar:5.1.5.RELEASE]
	at org.springframework.context.support.AbstractApplicationContext.getBean(AbstractApplicationContext.java:1105) ~[spring-context-5.1.5.RELEASE.jar:5.1.5.RELEASE]
	at org.springframework.context.support.AbstractApplicationContext.finishBeanFactoryInitialization(AbstractApplicationContext.java:867) ~[spring-context-5.1.5.RELEASE.jar:5.1.5.RELEASE]
	at org.springframework.context.support.AbstractApplicationContext.refresh(AbstractApplicationContext.java:549) ~[spring-context-5.1.5.RELEASE.jar:5.1.5.RELEASE]
	at org.springframework.boot.web.servlet.context.ServletWebServerApplicationContext.refresh(ServletWebServerApplicationContext.java:142) ~[spring-boot-2.1.3.RELEASE.jar:2.1.3.RELEASE]
	at org.springframework.boot.SpringApplication.refresh(SpringApplication.java:775) ~[spring-boot-2.1.3.RELEASE.jar:2.1.3.RELEASE]
	at org.springframework.boot.SpringApplication.refreshContext(SpringApplication.java:397) ~[spring-boot-2.1.3.RELEASE.jar:2.1.3.RELEASE]
	at org.springframework.boot.SpringApplication.run(SpringApplication.java:316) ~[spring-boot-2.1.3.RELEASE.jar:2.1.3.RELEASE]
	at org.springframework.boot.SpringApplication.run(SpringApplication.java:1260) ~[spring-boot-2.1.3.RELEASE.jar:2.1.3.RELEASE]
	at org.springframework.boot.SpringApplication.run(SpringApplication.java:1248) ~[spring-boot-2.1.3.RELEASE.jar:2.1.3.RELEASE]
	at tech.blogenist.service.account.AccountApplication.main(AccountApplication.java:12) ~[main/:na]
	at sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method) ~[na:1.8.0_91]
	at sun.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:62) ~[na:1.8.0_91]
	at sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43) ~[na:1.8.0_91]
	at java.lang.reflect.Method.invoke(Method.java:498) ~[na:1.8.0_91]
	at org.springframework.boot.devtools.restart.RestartLauncher.run(RestartLauncher.java:49) ~[spring-boot-devtools-2.1.3.RELEASE.jar:2.1.3.RELEASE]
Caused by: java.sql.SQLFeatureNotSupportedException: org.postgresql.jdbc.PgConnection.createClob() メソッドはまだ実装されていません。
	at org.postgresql.Driver.notImplemented(Driver.java:688) ~[postgresql-42.2.5.jar:42.2.5]
	at org.postgresql.jdbc.PgConnection.createClob(PgConnection.java:1269) ~[postgresql-42.2.5.jar:42.2.5]
	... 49 common frames omitted

【DBマイグレーション】GradleにFlywayを組み込んでパッチ適用を自動化しよう【SpringBoot2】

Tue, 16 Apr 2019 22:57:23 +0900

パッチ管理を簡単にしよう

前回は、APIシステムをレイヤー構造にリファクタリングして動くところまでをご紹介しました。

今回は、データベース接続をするための準備として、DB定義用のパッチSQLファイルを用意し、Gradle経由でFlywayを用いて自動で適用させるところまでを整えていこうと思います。

【Eclipse】SpringBootデバッグ時に発生するSilentExitExceptionの原因と対処方法【spring-boot-devtools】

Fri, 12 Apr 2019 13:34:09 +0900

EclipseにおけるSpringBootデバック時の謎のエラー

Eclipse環境でSpringBootのシステムを開発している場合、もちろんデバッグを行うと思うのですが、SilentExitException という、謎のエラーが発生すると思います。

【マイクロサービス】流行りのSpring Boot 2 + Gradle + Java8でマルチプロジェクトな個人開発をしていこうレイヤー構造化編【DDD(ドメイン駆動設計)】

Wed, 10 Apr 2019 22:42:07 +0900

土台は整ったのでAPIモジュールとして動かそう

前回の記事では、APIとして最低限動くところまでご紹介しました。

今回はレイヤー構造を整えていこうと思います。

【瞬殺対応】Atomで.gitignoreに追加したファイルがツリーに表示されない場合の設定変更方法【オススメ設定】

Mon, 08 Apr 2019 22:08:52 +0900

Atomではデフォルトで.gitignore対象のファイルは非表示

皆さんはテキストエディターはお使いでしょうか？

レトロなさくらエディターやnotepad+、モダンなもので言えばAtomやVisualStudioなど今では多くのエディターがありますね。

【マイクロサービス】流行りのSpring Boot 2 + Gradle + Java8でマルチプロジェクトな個人開発をしていこう API化編【DDD(ドメイン駆動設計)】

Sat, 06 Apr 2019 00:35:27 +0900

土台は整ったのでAPIモジュールとして動かそう

前回の記事では、Eclipseプロジェクトとして読み込ませるところまでご紹介しました。

今回はAPIとして動かすような修正を入れていこうと思います。

【マイクロサービス】流行りのSpring Boot 2 + Gradle + Java8でマルチプロジェクトな個人開発をしていこう Eclipseプロジェクト化編【DDD(ドメイン駆動設計)】

Fri, 05 Apr 2019 00:38:43 +0900

Eclipseで開発しよう

前回の記事では、マルチプロジェクトの土台を整えるところまでご紹介しました。

今回は、IDEの定番Eclipseで開発するための作業を行っていきます。

【マイクロサービス】流行りのSpring Boot 2 + Gradle + Java8でマルチプロジェクトな個人開発をしていこう環境構築編【DDD(ドメイン駆動設計)】

Thu, 04 Apr 2019 15:35:50 +0900

お勉強のためのシステムを作ってみようと思った今日この頃

新鮮な知識を求めて

筆者は普段はJava+SpringBoot(1系)を取り扱ったシステム開発を行っています。

Spring Boot makes it easy to create stand-alone, production-grade Spring based Applications that you can "just run".
We take an opinionated view of the Spring platform and third-party libraries so you can get started with minimum fuss. Most Spring Boot applications need very little Spring configuration.Spring Boot

【マネジメントコンソールぽちぽちで簡単サイズアップ】AWSのEC2ディスクがファイルなどでいっぱいになった場合にボリュームを増やす方法【EBS容量拡大】

Wed, 03 Apr 2019 16:54:44 +0900

EC2の容量が残りわずかに

EC2を使ってサーバーシステムやWordpressを運用している場合、ファイルアップロードやログファイルなどでディスク容量が圧迫される事が多々あると思います。

【PC環境を整えよう】Bauhutteの「デスクごとチェアマット」を購入してみたので紹介してみる【ゲーミングPC/ゲーミングチェア】

Thu, 28 Mar 2019 12:19:52 +0900

安定のBauhutte

PC作業スペース確保

前回は、初めてのゲーミングチェアに関する記事をご紹介しました。

今回は、PCデスクも購入予定を予定しているためPC作業スペース確保のためのPCデスクマットという物を購入してみました。

【快適なPC作業を求め】ゲーミングチェア初心者にオススメな「AKRACING ゲーミングチェア WOLF-GREY」を購入したら大正解だった【ゲーミングPC】

Sat, 23 Mar 2019 22:18:14 +0900

ゲーミングチェアデビュー

デスク作業の負担が激減

筆者はPCゲームや仕事をするときは、通常の作業椅子を使ってPC作業やゲームをやっていたのですが、先日遂にゲーミングチェアデビューをしました！

【初心者向け備忘録】Java脳視点で感じたGo言語とJava言語の記述方法/書き方/コーディング規則の違いまとめを随時更新していくお【プログラミング独学】

Fri, 22 Mar 2019 18:45:16 +0900

Java脳がGoを覚えた際に引っかかった点をまとめてみよう

筆者はもっぱらのJava人間です。
システム屋になってからはJavaをメイン武器に構えながら、HTML/JavaScript/CSSなどをちょこちょこ触っていました。

【快適マウスパッド】ゲーミングマウスにぴったりの「Logicool G240t」が滑らかすぎて快適エイムライフが送れそうな件【PUBG/Fortnite/ApexLegends/FPS/TPS】

Thu, 21 Mar 2019 13:07:55 +0900

オススメのマウスパッド

滑らかなマウスパッドの決定版

以前、ゲーミングマウスデビューに関する記事をご紹介しました。

Amazon ゲーミングマウスロジクール Logicool G502RGBh HEROセンサーウェイト調整 LIGHTSYNC RGBライト耐久性 PUBG FPS

その際に、合わせてLogicoolのマウスパッドも購入しましたのでご紹介致します♪

【最強ゲーミングマウス】PS4やSwitchでも使用可能な「Logicool ロジクール G502 HERO」の使い方と初期設定方法まとめ【フォートナイト/PUBG/ApexLegends/FPS/TPS】

Tue, 19 Mar 2019 12:19:43 +0900

ゲーミングマウス購入

ゲーミングマウスは必須レベル

最近、PC版のFortniteデビューをしたのですが、より快適なPCゲーム生活をおくるために、遂にゲーミングマウスを購入しました！

Google先生に頼りきった結果、以下のLogicoolのゲーミングマウスの人気が高く、プロプレイヤーの方の利用実績もあったため購入してみました♪

【項目追加】Wordpress4.7で追加されたRestAPIのレスポンスにアイキャッチ画像のURLやサイズを追加するやり方【カスタマイズ方法】

Wed, 20 Feb 2019 20:53:26 +0900

WordpressのAPIではアイキャッチが取れない

Wordpress4.7でRestAPIが追加

Wordpress4.7で追加された便利な機能として、投稿をREST APIで取得することが可能です。

WordPress はアプリケーションフレームワークへと生まれ変わろうとしています。このプロジェクトは、簡単で理解しやすく、信頼性の高い API フレームワークを開発することを目的として生まれました。そして WordPress 本体の API を開発することも目的としています。
このプラグインは簡単な HTTP ベースの REST API を提供します。あなたのサイトのユーザー、投稿、タクソノミー、その他のデータに対してシンプルな HTTP リクエストを送信することで、取り出したりアップデートすることが可能です。 WP REST API v2 Documentation

【原因は不明だがこれで99%解決するはず】Twitterに張ったAmazonの短縮リンクのOGP商品画像が表示されない場合の対処方法【Amazonアソシエイトプログラム】

Tue, 05 Feb 2019 01:07:10 +0900

TwitterにAmazonの商品画像が出ない

Twitterでも商品紹介可能

先日、本ブログのTwitterアカウントでも商品紹介をしていこうと思い、Amazonに審査依頼を出し、無事に承認されました。

申請せずに商品すると、警告や最悪の場合アソシエイトプログラムの停止に繋がる可能性もあるらしいので、無許可でTwitterを使った紹介は止めたほうが良いでしょう。

【LocalDate/LocalDateTime】Java8以降で秒単位またはミリ秒単位のUnixTimeを取得する方法まとめ【EpochSecond/EpochMilli】

Wed, 30 Jan 2019 13:26:05 +0900

UnixTimeに変換しよう

Java8で便利になった日付API

皆さんはJava8で一新された日付APIを利用していますか？

以前、当ブログでもご紹介致しました。

筆者はすっかり使いやすさの虜になってしまい、CalendarクラスやDateクラスはめっきり使わなくなりました。

【自動化】ブラウザ操作やコード解析をワンクリックで実行可能な「ブックマークレット」の作り方と設定手順まとめ【ブロガーさんにオススメなテクニック】

Fri, 25 Jan 2019 17:40:11 +0900

Bookmarkletを使いこなそう

What’s?

皆さんはブックマークレットをご存知でしょうか？

ブックマークレットとは、ブラウザのアドレスバーにスクリプトを直接記述したり、ブックマーク等にあらかじめ用意しておいたJavaScriptをワンクリックで実行する事が出来る仕組みの事を指します。

【小技】 Python3で環境変数に定義した値を配列化して使う方法【split関数で文字列分割】

Wed, 23 Jan 2019 21:22:01 +0900

環境変数に配列を定義したい

配列定義は不可能

データベースを持たないミニマムなスクリプトやアプリを開発していると、変更する可能性のある値はアプリ内に持つより、環境変数やファイルなどに定義をして読み込む形で利用する方法が保守性も高く多く使われている手法だと思います。

【サーバーレスアーキテクチャ】AWS lambdaとCloudWatch Eventsを組み合わせてCron処理でLambda関数をスケジューリング処理する方法【バッチ/自動化】

Mon, 21 Jan 2019 15:58:14 +0900

Lambda関数を定期実行しよう

サーバーレスを実現出来るLambda関数

先日まで、AWS Lambdaに関する記事をご紹介しました。

Lambda関数を使えば、サーバーを用意せずにAWSサービスをトリガーに処理を実装出来るので今注目されている技術です。

【Python3】コマンドラインから簡単にAWS lambdaに関数をアップロード出来ちゃう「lambda-uploader」のインストール方法と使い方【手順まとめ】

Wed, 16 Jan 2019 18:44:03 +0900

AWS Lambaへのアップロードを簡単に行いたい

ローカル開発はpython-lambda-localで決まり

先日、python-lambda-localを使ったローカル環境でのPythonによるLambda関数の実装及び動作確認方法についてご紹介致しました。

【Python3】os.environで取得した環境変数の文字列型(str)の値を数値方(int)に変更するやり方【キャスト方法】

Mon, 14 Jan 2019 15:32:31 +0900

文字列で取れてしまう

お手軽に環境変数を扱える

Pythonを使ってAWSのLambda関数やツールを作成していると、環境変数に設定した値を取得して利用したいというケースが少なからず発生すると思います。

【Restful API】Java8でURLのパスの先頭や途中、末尾の文字列をPathsクラスを利用して分解・取得する方法【簡単便利】

Wed, 09 Jan 2019 16:59:31 +0900

URLに含まれるパスの文字列を取得したい

先日、URL文字列に含まれている文字列を取得したい、という要件が出てきました。

例えば、/2018/12/02/7077という文字列があった場合に、post_idを表す7077という値を取得したい、と言うケースです。

【IDEのショートカットとかぶる問題の回避策】MacBookに標準搭載されているSpotlightのショートカットを無効にする方法【Alfredがいれば問題ない】

Tue, 08 Jan 2019 16:42:55 +0900

Spotlightを無効にしたい

標準搭載の検索アプリケーション

MacBookを使っているなら、Spotlightというアプリケーションをご存知でしょう。

Spotlightとは、Mac内に含まれているアプリケーションや書類、その他の様々なファイルを検索することが出来ます。

【2019年3月更新】月間1万PV達成記念！ブログ初心者が誰の手も借りずに無料のWordpressテーマを使って雑記型のIT・技術ブログで月間1万PV達成【道のりと内容まとめ】

Mon, 07 Jan 2019 01:03:34 +0900

遂に達成

月間1万PV

2017年08月14日に記念すべき(?)1記事目を投稿してから早1年4ヶ月。

遂に2018年11月のPV数が1万を超え、一つの目標だった月間1万PVを達成することができました。

【サーバーレスアークテクチャ開発】ローカル環境でAWSのLambdaスクリプトをPythonで実装する際に「python-lambda-local」で動作確認する際のインストール方法とやり方【Bot開発にオススメ】

Tue, 01 Jan 2019 16:28:32 +0900

ローカルでのLambdaスクリプト開発の課題

サーバーレスアーキテクチャの代名詞

皆さんはAWSのLambdaを使っているでしょうか？

Lambdaはサーバーレスアーキテクチャを実現する上で、欠かせない存在となっており、サーバーレスの流行りのおかげでとてもメジャーなAWSサービスの一つとなっています。

【AWS CLI】Pythonでboto3ライブラリを使用する際の認証情報をprofileやACCESS_KEY/SECRET_KEYを指定して実行する方法【まとめ】

Thu, 27 Dec 2018 20:58:53 +0900

profileを分けたい

PythonでAWS操作をしたい場合に、boto3ライブラリを使用すると特に意識せずに利用するとdefaultのプロファイルの認証情報が利用されます。

【瞬殺解決】Photoshopでレイヤーが「インデックス」と表記されレイヤー追加やデザイン編集が全く出来なくなった場合の原因と解決方法【初心者にありがち】

Thu, 20 Dec 2018 14:50:02 +0900

編集が出来なくなった！

ブログ用の画像をいつも通りPhotoShopで編集しようと思ったところ、レイヤーの追加や編集が無効化されており、何も出来ない状態となってしまいました。。。

【AMP For WordPress】WordpressのAMPプラグインで出力されるページのレイアウトやデザインをcssでカスタマイズしよう【templatesファイル】

Tue, 18 Dec 2018 22:16:32 +0900

AMPページのレイアウト調整

残るはデザイン調整

連日のAMP記事祭りもこれで区切りになると思います。

今回は、AMPプラグインで出力された記事の不要な出力の除去と、デザインをAMP専用のCSSを用意してカスタマイズしてみようと思います。

【AMP For WordPress】AMPページにAmazonJSのリンクの画像や商品情報が表示されない場合の原因と対処方法【デザイン調整】

Sun, 16 Dec 2018 18:19:26 +0900

Amazonの商品リンクが見にくい。。。

果てしなきAMP対応

連日のAMP関連の記事となります。

前回まではGoogleAnalyticsとGoogleAdsenseのAMP対応をご紹介しました。

そして、今回はAmazonの商品リンクに対するカスタマイズをご紹介致します。

【AMP For Wordpress】AMPページにGoogleAdsenseが表示されない場合の原因と対処方法【設定必須】

Sat, 15 Dec 2018 22:05:52 +0900

AMPにGoogleAdsenseが表示されない

先日、AMPページにGoogleAnalyticsが設置されていない問題の解決方法をご紹介しました。

そして、GoogleAdsenseについてもデフォルトのままだと広告が表示されず収益が取れなくなってしまう状態になってしまっており、一手間加えないといけない事がわかりましたので、そちらの対応方法をご紹介したいと思います。

【AMP For Wordpress】スマホ向けにAMP対応した途端にGoogleAnalyticsのPV数がガクッと下がった場合の原因と対処方法【必須設定】

Sat, 15 Dec 2018 00:19:56 +0900

AMPを有効にしたらPVが下がった

先日、Wordpressの記事をAMP対応する方法をご紹介しました。

【コピペで瞬殺】ブログ記事に使えるキーボードボタン風のデザインをCSSで作ってみた【サンプル】

Wed, 12 Dec 2018 22:17:17 +0900

キーボードボタンを表現したい

ITやブログ、プログラミング関連の記事を書いている際に、どうしてもキーボードボタンやショートカットについて説明する事があるのですが、その際に文字だけだと直感的にわかりにくい文面になってしまいますよね。orz

【FTP転送】リモートサーバーとローカルマシンを繋げてくれる「FileZilla」のインストールと使い方【Windows/Mac両方対応】

Tue, 11 Dec 2018 13:10:15 +0900

FTPソフトの必要性

リモートサーバーのファイルを直接いじるのはNG

Wordpressなどでサイト制作を仕事にしている場合、リモートサーバーのファイルをローカルマシンにダウンロードしたり、ローカルマシンで編集したファイルをリモートマシンにアップロードしたい、というケースは必ず発生します。

【簡単お手軽】さくらのレンタルサーバーに構築したWordpressサイトに対して、Basic認証をかける方法【やり方まとめ】

Sun, 09 Dec 2018 16:39:00 +0900

Basic認証をかけたい

簡易的なWordpressサイトを構築する際に、さくらのレンタルサーバーを使っている方は多いと思います。

筆者もアドセンスブログを構築する際にさくらのレンタルサーバーを利用する記事をご紹介致しました。

【Wordpress】PHPで変数や文字列をerror_log関数を使ってデバッグログに出力する方法【var_dump?echo?】

Wed, 05 Dec 2018 19:05:02 +0900

デバッグしたい

Wordpressなどを使っていて、PHPの構文をちょっとカスタマイズする際に、動作確認を並行しながら修正をしたいケースがあると思います。
デバッグせずに本番環境にあげたり公開してしまうと、システムエラーが発生するなどで利用者全体に影響が出てしまう恐れがあります。

【Dockerでも可能】IntelliJ IDEでSpringBootのリモートデバッグ(remote debug)を使ってみよう【開発スピードアップ】

Tue, 04 Dec 2018 22:18:59 +0900

リモートデバッグがしたい

IDEのデバッガーは優秀

SpringBootを使って開発する際は、EclipseやIntelliJなどのIDEを使うのが定番になってきています。

IDEには優秀なデバッガー機能がついているので、ローカル環境で開発をする際には欠かせない機能となっています。

【原因はStaticPress】吐き出したAMPページがGoogleSearchConsoleで「」が原因でエラー発生する際の対応方法【Wordpress】

Mon, 03 Dec 2018 18:25:03 +0900

」が原因でエラー発生する際の対応方法【Wordpress】" />

SearchConsolsでAMPエラー

StaticPressが出力したAMPページのHTML構造がダメらしい

先日、Wordpressの「AMP for WordPress」プラグインを利用して、サイトをAMP対応する方法についてご紹介しました。

AMPページもしっかり転送されていましたが、HTMLの内容に不備があるらしく、GoogleSearchConsolsにてエラーが出るようになりました。

【備忘録】unzipコマンドで出力先を指定して解凍(展開)する方法【mac/linux】

Sun, 02 Dec 2018 23:02:15 +0900

忘れがちなのでメモメモ

GUIでなくCUI操作をベースに作業をしている場合、ダウンロードしたZIPファイルを任意のディレクトリに解凍したいというケースがよくあるのですが、その際になんのオプションをつければ良いのか忘れがちなので備忘録としてメモします。

【簡単マルチアイコン作成】SVGやPNGから様々なアイコンファイルをまとめて自動生成してくれる「icon-gen」をnpmでインストールして幸せになろう【使い方】

Fri, 30 Nov 2018 15:20:40 +0900

アイコン画像を作りたい

レトロなやり方はやめたい

Webサイト制作をしていると、ほぼ100%の確率でfaviconを作成することになると思うのですが、このfaviconの作成方法について、以外と確立されていないのが現状です。

【使い方備忘録】ローカルマシンでJavaライブラリの動作確認をするためのプロジェクトをGradleでサクッと作る方法【Homebrewインストール】

Thu, 29 Nov 2018 18:37:36 +0900

いろんなライブラリを試作的に試したい

システム開発をしていると、その実装タイミングごとにライブラリやフレームワークのバージョンが変わっていたり新旧ライブラリがあったりと、どれを使えば良いか？や、使う際のメリット/デメリットが無いか？などの選定をしっかり行う必要があります。

ここをおろそかにして、「とりあえず使ってみるか。」と安易な気持ちで判断してしまうと、プロジェクトの後半で該当ライブラリ等を差し替えないといけない事になり炎上プロジェクト化する恐れがあります。

そんな悲劇を迎えないためには、事前にローカル環境でサンプルプログラムを書いてみて問題無い事を確認するのですが、Javaの場合、コマンドラインベースだと外部ライブラリの管理や更新がとてもめんどくさいので、Graldeを使ってサンプル用のローカルプロジェクトを作っておくと簡単にライブラリの追加や管理、実行を行う事が出来ます。

脱xml

今ではJavaシステムを開発する際に、過去のビルドツールであるantやmaven、pomを選ぶ事はほとんど無いと言っても良いでしょう。

それらのツールはどれもxmlで管理をするのですが、xml形式だと記述量が多くなったり、可読性がとても低くなってしまします。
少なくとも筆者はxml形式に対して、
とてつも無い拒否反応を示す体質
です。笑

Gradleであれば、スクリプト形式で記述する事が可能なので可読性もよくなり、最小限の記述で済みます。

アンドロイドアプリの開発でも活躍

また、最近ではアンドロイドアプリの開発でもGradleが標準化されています。

ここでGradleを使えるようになっておけば、エンジニアとしても幅が広がるのでオススメです♪

手順

Gradleのインストール

まずはGradle本体をインストールしましょう。
例の如く、Homebrewでサクッとインストールします。

コマンド

brew install gradle

以下のログが出ればインストール完了です。

インストールログ

==> Downloading https://services.gradle.org/distributions/gradle-4.10.2-all.zip
==> Downloading from https://downloads.gradle.org/distributions/gradle-4.10.2-all.zip
######################################################################## 100.0%
🍺 /usr/local/Cellar/gradle/4.10.2: 203 files, 83.7MB, built in 3 minutes 51 seconds

確認

以下のコマンドが動くか確認してみましょう。

gradle -v

------------------------------------------------------------
Gradle 4.10.2
------------------------------------------------------------

Build time: 2018-09-19 18:10:15 UTC
Revision: b4d8d5d170bb4ba516e88d7fe5647e2323d791dd

Kotlin DSL: 1.0-rc-6
Kotlin: 1.2.61
Groovy: 2.4.15
Ant: Apache Ant(TM) version 1.9.11 compiled on March 23 2018
JVM: 1.8.0-adoptopenjdk (Oracle Corporation 25.71-b00)
OS: Mac OS X 10.11.3 x86_64

正常に動いていますね。

参考

プロジェクトの作成

では、サンプル用のプロジェクトを作成しましょう。

プロジェクト用のディレクトリを作成したら、その中に入り以下のコマンドを実行してください。

コマンド

gradle init --type java-application

すると数秒で以下のようなログが出力されます。

実行ログ

Starting a Gradle Daemon, 10 busy Daemons could not be reused, use --status for details

BUILD SUCCESSFUL in 1s
2 actionable tasks: 2 executed

ディレックトリ構造を確認すると、以下のようにJava開発のプロジェクトのひな壇が生成されている事がわかります。

tree .

.
.
├── build.gradle
├── gradle
│   └── wrapper
│   ├── gradle-wrapper.jar
│   └── gradle-wrapper.properties
├── gradlew
├── gradlew.bat
├── settings.gradle
└── src
 ├── main
 │   └── java
 │   └── App.java
 └── test
 └── java
 └── AppTest.java

確認

では、テンプレートで作成されたプロジェクトをビルドしてみましょう。

作成されたプロジェクトにはGradleラッパーと呼ばれる実行スクリプトが用意されています。

実行スクリプト

gradlew　←　linux用シェル
gradlew.bat　←　Windows用バッチ

なので、基本的にはgradlewを使って実行する事になります。
筆者はmac

【StaticPressも対応】Wordpressのサイトを「AMP for WordPress」プラグインを使ってサクッとAMP対応しちゃおう【インストール/使い方】

Thu, 15 Nov 2018 20:51:52 +0900

AMP

What’s?

皆さんはAMPと言う言葉をご存じでしょうか？

AMPとは、Accelerated Mobile Pagesの略で、Googleが推進しているモバイルページを高速に表示させるための技術が適用されているページの事を指します。

【オラクルのJava有償化問題】無償のJDK「AdoptOpenJDK」をmacにインストールする方法【やり方紹介】

Mon, 22 Oct 2018 23:39:30 +0900

Javaサポート問題

Javaといえば、オラクルが提供している言語で多くのシステム開発で使用されてきています。
最新のJavaのバージョンは2018年9月時点で11ですが、8を使っているシステムも多いのでは無いのでしょうか。

【複数管理】AmazonアソシエイトのURLに含まれるトラッキングIDを変える方法【複数サイト運営向け】

Sun, 21 Oct 2018 16:15:56 +0900

トラッキングIDを複数作成するメリット

初期ではアソシエイトIDが含まれる

Amazonアソシエイトプログラムにて、商品を紹介する際に取得するURLを見てみると、以下のようにトラッキングIDが含まれていると思います。

【使い方】Homebrewを使ってmacのcurlでHTTP2を使える様にする方法【gRPC】

Fri, 19 Oct 2018 00:08:51 +0900

curlでHTTP2をしたい

最近巷ではgRPCが流行っていますね。
gRPCといえば、Googleが2015年5月に開発したOSSのRPCフレームワークです。

Google社内でもこのフレームワークを使っているらしいですね。
そして、このgRPCはHTTP2を前提に作られています。

【Route53/S3】お名前.comで取得したルートドメインにアクセスした際に、サブドメインにリダイレクトさせる方法【AWS】

Thu, 18 Oct 2018 11:32:38 +0900

リダイレクトしたい

AWSのRoute53にルートドメインとサブドメインを登録している際に、ルートドメインにアクセスされたらサブドメインにリダイレクトさせたい、と言う要望はたまにあります。

【GitHub Universe 2018】Dockerコンテナの連係によるワークフローを自由に定義可能な「GitHub Actions」が発表【まとめ】

Wed, 17 Oct 2018 11:06:02 +0900

GitHub Universe 2018

先日、サンフランシスコにて「GitHub Universe 2018」が、開催されました。

Github Universeとは、GitHubのコミュニティ登録者約3,100万人の開発者が今後の未来について語ることが出来るイベントとなっており、開発者界隈ではとても人気のあるイベントとなっています。

【ターミナルの使いやすさ抜群に】標準出力に対する最強の検索ツール「Peco」をインストールしたら幸せになった【バイバイgrep/find】

Tue, 16 Oct 2018 21:55:28 +0900

pecoを使ってみよう

ターミナル検索

皆さんはターミナルでテキスト検索や文字列検索を行う際はどのようにやっていますでしょうか？

grepやfindなどの標準コマンドもありますが、いかんせん使いにくいですよね。。。

【高画質Gif】「ffmpeg」を使ってGiftedより高画質なGif動画を作ってみよう【簡単瞬殺】

Mon, 15 Oct 2018 21:06:49 +0900

Gif動画の画質が荒い。。。

先日、GiftedとQuickTimePlayerを使ったGif画像の作り方についてご紹介致しました。

しかし、Giftedで作成したGif画像は実際の撮影スピードより早いし、画質もちょっと荒いんですよね。。。orz

【検索結果の重要性】記事のタイトルタグを更新してもGoogleの検索結果が変わらない場合の対処方法【SEO対策】

Wed, 10 Oct 2018 13:39:56 +0900

間違えたタイトルで公開しちゃった

検索結果はクローラーが収集する

Wordpress等で記事を作成して、インターネット上に公開すると一定時間後にGoogleなどの検索エンジンのクローラーが記事に訪問し、記事のタイトルや内容をクローリングして検索結果として引っかかるようにデータを収集していきます。

【Hyper】イケてて使いやすいターミナル環境を作るためのオススメプラグインまとめ【Electron】

Sun, 07 Oct 2018 15:48:04 +0900

カスタマイズしてみよう！

Hyperに関する記事を続けて2記事ほど投稿しました。

インストールがまだの方はこちらを参考にしてみてください。

そして今回はプラグインを使ったカスタマイズについてご紹介致します。

【文字化け対策】Zsh等でプロンプトの表示をカスタマイズしてる際にHyperで発生する文字化けの修正方法【Source Code Pro for Powerline】

Sat, 06 Oct 2018 12:11:07 +0900

文字化けが発生

先日、カスタマイズ性の高いElectron製ターミナルアプリの「Hyper」をご紹介しました。

その中で、筆者のようなZshとpreztoを使ってプロンプトの表示をカスタマイズしている際に文字化けが発生する可能性があります。

【使い勝手最強】Electron製のマルチプラットターミナルアプリ「Hyper」のインストール方法【Windows/Mac対応】

Thu, 04 Oct 2018 15:53:52 +0900

ターミナルの使いやすさはマジ大事

作業効率を左右する

開発をしている方なら分かると思いますが、ターミナルの使いやすさで作業効率が何倍も変わる事はリアルにありえます。

筆者は日頃から勉強の意味も兼ねてなるべくGUIではなくCUIでの操作をするように心がけています。
そうする事によってGUIアプリが暗黙的にやってくれている事をしっかり理解する事が出来ますしね。

【乗っ取り？】ある日突然、「h/4314943.html」みたいな存在しないページのアクセスがGoogleAnalyticsに増え始めたので調べてみた【worldwide-seo-services.net？】

Wed, 03 Oct 2018 16:00:12 +0900

謎のページへのアクセスが出現

「ソレ」はある日突然現れる

筆者が日課のように、~~ロクに増えてもないだろう~~当ブログへのPV数をGoogleAnalyticsで確認していると、以下のようなページへのPVが蓄積されるようになりました。

え、なんぞコレ。。。

確実に存在しないページ

間違えてファイルを配置してしまったのかな？と思い、該当URLにアクセスしてみると、

ん〜、やはり存在していないURLなんだよなー。。。
URL自体もWordpressのパーマリンクのルールに全く一致していないのに謎過ぎる。。。orz

【遊び心満載】SpringBootの起動時の出力を任意の画像やアイコンに差し替える機能が面白い【謎の技術】

Tue, 02 Oct 2018 21:56:27 +0900

見慣れぬ新機能

先日、とある案件で「Spring Boot」を使いたいという相談を受けていたため、ドキュメントや様々な技術ブログを漁っていたところ、面白そうな記述を見つけました。

【Java8の日付操作】DateやCalendarを使うのを止めてLocalDateとLocalDateTimeを使って幸せになろう【初期化】

Mon, 01 Oct 2018 21:01:59 +0900

Java8で日付操作周りが一新

以前はnew Date()やCalendar.getInstance()を使って現在時刻を取得していたと思いますが、もともとのAPIがイケてない作りとなっていたため、日付操作周りで使いづらさ満点でした。

【小技】Python3で数字を0埋めした文字列に変換する方法(動的も可能)【瞬殺】

Fri, 14 Sep 2018 21:24:42 +0900

0埋め文字列を作りたい

業務システムやAPIを作成している方であれば、数値を任意の桁に0埋めした値を生成したい、というケースが少なからずあると思います。

Pythonでは、その辺りもとても簡単に実装する事出来ますので、　備忘録がてらご紹介致します。

【念願のパッケージ管理】Windows10に標準搭載されたPackageManagementを使ってみたらとても便利だった件【Chocolatey】

Sun, 02 Sep 2018 19:17:39 +0900

Windows10に念願のパッケージ管理システム

パッケージ管理システム？

皆さんはパッケージ管理システムをご存知でしょうか？

パッケージ管理システムといえば、MacだとHomebrew、Linuxだとyumやapt-getが有名ですよね。
Windowsには長らくパッケージ管理システムがありませんでしたが、Windows10以でPackageManagementという名称で標準搭載されるようになりました！

【タイピング速度向上】手首の負担軽減や排熱効果のある「Bluelounge Kickflip MacBook用フリップスタンド」を買ってみた

Wed, 29 Aug 2018 17:19:43 +0900

いろんな効果があるmacのアクセサリを発見

排熱問題は深刻

筆者はMacbook Pro歴が3年ほどですが、今までは特にアクセサリ等を付けずに使っていました。

ただ、Macbook Proでシステム開発やAdobe製品を多用していると発熱により本体がとても熱くなってしまいます。

【Youtuber】Youtubeの動画に任意のサムネイル画像を設定する方法【ユーチューバー】

Tue, 28 Aug 2018 21:53:39 +0900

Youtube動画に任意のサムネを貼りたい

何もしないとサムネを設定出来ない

Youtubeに動画をあげた際に、一覧や検索結果で表示された際のサムネイル画像を登録出来るのですが、何も設定していない初期状態だとアップロード時に自動で切り出された数シーンの画像からしか選ぶことが出来ません。

【無料】ハイクオリティでマテリアルデザインチックなアイコンの「ElegantThemes」を使ってみよう

Mon, 27 Aug 2018 12:03:32 +0900

オススメ無料アイコンをまた発見

以前、無料アイコンをご紹介する記事を投稿しました。

そして、また良さそうな無料アイコンセットを見つけましたのでご紹介します♪

【格安】高機能で高速な「BUFFALO USB3.0 BSCR21U3 マルチカードリーダー」を買ってみた

Sat, 25 Aug 2018 10:50:53 +0900

パソコンにSDカードのデータを読み込みたい

PC経由でバックアップ

デジカメや一眼レフ、スマホなどを使っている方であればSDカードにデータを登録していると思います。

しかし、このデータは水没や紛失をしてしまったら無くなってしまうので、定期的にPCなどからHDDなどにバックアップを取っていると思います。

【ブログ向けアイコン】旅行関連のアイコンを無料で配布している「tympanus」がオススメな件【可愛い】

Fri, 24 Aug 2018 12:09:11 +0900

ワンランク上のデザインへ

アイコンに助けを求めるべし

皆さんはアイキャッチ画像やサムネイル画像を自分で作ったりしていますでしょうか？

筆者は自分で作成しているのですが、デザインセンスが無いととても簡素なデザインになってしまい、あまり効果をなさないですよね。。。orz

【デザイン向上】Wordpressのカテゴリにアイコンを設定出来る「Easy Category Icon」【プラグイン】

Tue, 21 Aug 2018 19:41:29 +0900

カテゴリーにアイコンをつけたい

複数カテゴリーの記事を執筆しているブログでは、Wordpressのウィジェット機能を使ってサイドバー等にカテゴリメニューを表示していると思います。

アップロードしたSVGのサムネを表示させる方法

Mon, 20 Aug 2018 12:29:07 +0900

SVG画像のサムネが出ない問題

アップロードは可能になった

以前、以下の記事にてWordpressの管理画面からSVG画像をアップロード出来るように修正を行いました。

あとはサムネを表示したい

しかし、今のままだとアップロードとブログ側での表示は出来るようになりましたが、管理画面側でサムネが表示されていない状態です。

【使いやすさ向上】Wordpressの管理画面のCSSを変える方法

Sun, 19 Aug 2018 20:35:24 +0900

管理画面のCSSを変更したい

基本的にはいじる事は無い

Wordpressを使っている方は、基本的にサイト側のCSSを調整するためにテーマ内のstyle.cssを編集することがあると思います。

【瞬殺】WordpressでSVG画像がアップロード出来ない場合の解決方法

Sat, 18 Aug 2018 15:39:13 +0900

あれ、SVGがアップロード出来ないぞ？

アップロードエラー

先日、自作のSVG形式のアイコンファイルをブログで使用しようと管理画面からメディアのアップロードを試いたところ、以下のようなエラーが出てアップロードが出来ませんでした。

【便利すぎる】InstagramにAdobe Lightroomから直接投稿できるプラグイン「LR/instagram」

Fri, 17 Aug 2018 21:48:22 +0900

アップロードがめんどくさい

毎回に書き出してアプリからアップロードは大変

写真が趣味の方は、最近ですとInstagramにアップロードして周囲に公開している方は多いのではないでしょうか。

しかし、Instagramにアップロードするために毎回ファイルに買い出してからアップロードをしていると思います。
この作業、地味にめんどくさいですよね。。。。

【快適化】wp-emoji-release.min.jsの読み込みを除去してパフォーマンスアップ

Mon, 13 Aug 2018 16:35:56 +0900

Wordpressは絵文字に対応済み

4.2の新機能

Wordpress4.2の新機能として、絵文字の標準対応が行われました。
そして、それを実現するために以下のJavaScriptが自動で読み込まれています。

【覚えておくべき】サブドメインを使ってより効率的なサイト運用をしてみよう！

Mon, 06 Aug 2018 20:09:46 +0900

サブドメインとは？

お名前ドットコムのおさらい

以前、お名前ドットコムを利用したドメインの作成の仕方については、以下の記事にてご紹介をしました。

しかし、いろいろ制作を進めていくと、サブドメインが欲しくなる場合があると思います。

【炎上回避】APIドキュメントはSwaggerで定義すると幸せになれる説

Sat, 04 Aug 2018 14:56:41 +0900

Swagger

What’s??

皆さんはSwaggerをご存知でしょうか？

Swaggerとは、RESTful APIのAPIドキュメントを生成するためのオープンソースのフレームワークのことです。

「Open API Initiative」という団体がRESTful APIのインターフェイスの記述をするための標準フォーマットを推進しており、その団体が考え出した規格のひとつがSwaggerです。

【自作PC】取り付けたHDDをWindows10で認識されない場合の対応方法

Wed, 25 Jul 2018 09:46:53 +0900

HDDが認識されない

正しく繋げてるのに。。。

以前、こちらの記事で自作PCの購入からインターネット接続までの手順についてご紹介しました。

【自作PCデビュー】組み立ててインターネットに繋げるとこまでやってみた【Ryzen/X470/GEFORCE/G.Skill/SamsungSSD】

Mon, 23 Jul 2018 23:21:42 +0900

おさらい

前回は、初の自作PCに向けwktkしながらパーツを選び注文するところまでを記事にまとめました。

パーツが到着したぞー！

Amazon最&高

注文してからわずか5日ほどで、全てのパーツが届きました。

【簡単便利】Webフォントで有名なGoogle Fontsの導入方法と使い方まとめ【Webデザイン】

Mon, 16 Jul 2018 23:38:49 +0900

Google Fontsは有能

古き良き(?)文化

皆さんはWebデザインを行う際に、テキスト画像(文字だけの画像)を使っていたりしますか？

昔に作られたホームページでは、メニュー名や人物名のテキスト画像を書き出して、imgタグで読み込ませている手法をよく見かけます。

【Zshが動かない】dyld: Library not loaded: /usr/local/opt/gdbm/lib/libgdbm.4.dylibが出た時の対処【iTerm2が動かない】

Sat, 07 Jul 2018 15:08:06 +0900

ある日突然、iTerm2が使えなくなった

おろろ？

先日、iTerm2で新しいタブを開こうと思ったところ、以下のようなエラーが出るようになりました。

ログ

dyld: Library not loaded: /usr/local/opt/gdbm/lib/libgdbm.4.dylib
 Referenced from: /usr/local/bin/zsh
 Reason: image not found

ぐぬぬ。。。

【複数マシン使いには必須】NASを買ったのでWindowsとMacで繋げてみた【HDD】

Thu, 28 Jun 2018 21:43:47 +0900

複数PC使いの悩み

USB HDDだとマシン間の共有が出来ない

筆者はWindowsデスクトップマシンと、Macbook Proの2台使いをしています。

ブログ執筆や簡単な動画編集、コーディングはMacbook Proで行い、その他のマシンパワーが必要な作業はWindwsoマシンで行っています。

【瞬殺】AWSのEC2インスタンスのサイズを構築後に変更する方法【スケーリング】

Mon, 25 Jun 2018 18:44:35 +0900

EC2のスペックアップをしたい

クラウド化の特権

AWSでインフラ構築をしている場合、パフォーマンス等の兼ね合いでEC2インスタンスのサイズを構築後に変えたいというケースがあると思います。

【キャプチャ機能が進化】Windows10でスクリーンショットを簡単に撮る方法

Sun, 24 Jun 2018 15:25:32 +0900

Windows10ではスクリーンショットが楽チンに

筆者は今までWindowsで画面のキャプチャを保存する際には、以下の2パターンで行っていましたが、どちらも手間がかかりとても面倒くさく感じていました。。。

【祝不労所得】GoogleAdsenseの収益が基準額に到達したのでPINコードが記載されたハガキが届いたよ

Fri, 22 Jun 2018 21:21:54 +0900

収益が住所確認額に到達！！

支払のためには住所確認が必要

GoogleAdsenseを仕込んだブログでのんびりちまちま記事を書いていたのですが、ついにある程度の収益が溜まりGoogleAdsenseのダッシュボードに以下のようなメッセージが表示されるようになりました。

【罠】AWSのEC2インスタンスにPingが通らない原因と解決方法【瞬殺】

Wed, 20 Jun 2018 21:34:45 +0900

あれ、Pingが通らないぞ・・・？

先日、EC2インスタンスを構築し、疎通確認のためにローカルマシンからPing通信を送ったところ、何も反応がありませんでした。。。

Pingコマンド

ping {ElasticIP}
PING {ElasticIP} ({ElasticIP}): 56 data bytes
Request timeout for icmp_seq 0
Request timeout for icmp_seq 1
Request timeout for icmp_seq 2
^C
--- {ElasticIP} ping statistics ---
4 packets transmitted, 0 packets received, 100.0% packet loss

【NATゲートウェイ】プライベートサブネットでCannot find a valid baseurl for repo: amzn-main/latestが出てしまう際の対応方法【AWS VPC】

Sat, 16 Jun 2018 13:15:36 +0900

プライベートサブネットでyumエラー

yumインストールが出来ない

いつも通りpublicサブネットとprivateサブネットのEC2インスタンスに対して、Ansibleを使ってサーバー構築をしていた際に、yumを使ってモジュールをインストールしようとしたところpublicサブネット上のEC2インスタンスには正常にインストール出来ましたが、privateサブネット上のEC2インスタンスでは以下のエラーが発生してしまい、インストールが出来ませんでした。

【自作PCデビュー】4K動画を編集出来るレベルのパソコンを作ってみた【Ryzen/X470/GEFORCE/G.Skill/SamsungSSD】

Wed, 13 Jun 2018 22:57:53 +0900

終わりは突然訪れる

終わりの始まり

筆者がいつも通り仕事から帰宅し、デスクトップPCでYouTubeでも垂れ流しにしながらMacで仕事をしようと思ってデスクトップPCの電源を入れたところ、

【勘違い事案】独自VPCのEC2インスタンスは再起動してもプライベートIPが変わらなかった件

Tue, 12 Jun 2018 17:34:43 +0900

EC2のIPアドレス

再起動のたびにIPが動的に変わる説

EC2を利用する際、EC2のパブリックIPアドレスはEC2インスタンスが再起動されるたびに変わるという、という話はよく聞きます。

パブリックIPアドレスが変わってしまうと接続時の情報が変わってしまい、システムが動かなくなってしまう恐れがあります。

【AWS】public/privateサブネット上にEC2インスタンスを乗せてSSH通信をしてみよう【VPC】

Mon, 11 Jun 2018 12:23:12 +0900

VPCにEC2を構築

おさらい

前回は、AWSにVPCの土台を作成しました。

全体像としてはこんな感じです。

【仮想ネットワーク】AWS上に独自VPCを作ってみよう【AWSの土台】

Thu, 07 Jun 2018 22:25:04 +0900

VPCとは

What’s?

皆さんはVPCという言葉をご存知でしょうか？

サーバーサイドエンジニアやインフラエンジニアの方には馴染みがあると思いますが、やフロントサイドエンジニアやアプリエンジニアの方はピンとこないかもしれませんね。

【自動化への第一歩】Cronのスケジューリング設定の書き方と使い方【crontab】

Tue, 05 Jun 2018 10:46:14 +0900

Cronってよく聞くけどなんなんだろう

What’s?

皆さんはCron(クーロン)をご存知でしょうか？

サーバーサイド開発やインフラ管理をしている方はご存知だと思います。
これは、UnixやLinuxで多く使われるスケジューラーを設定/実行するためのプログラムの事です。

【SSL化】SSL証明書を取得するためのCSRの作成方法【HTTPS化】

Sun, 03 Jun 2018 11:35:29 +0900

CSRとは？

What’s?

皆さんはCSRをご存知でしょうか？

CSRとは、Certificate Signing Requestの略で、SSLサーバ証明書を取得する際に認証局に提出する署名リクエストの事です。

【アイコン】YouTubeチャンネルの設定を変えてみよう！【チャンネル名】

Fri, 01 Jun 2018 20:22:53 +0900

YouTubeチャンネルをカスタマイズ

そのままだとイマイチ

YouTubeチャンネルを作成する際に、特に気にせず初期設定のまま作成すると以下のようなパッとしないチャンネルになってしまっていると思います。

【Youtuber】Youtubeに取得済みのGoogleAdsenseアカウントを連携する方法

Mon, 28 May 2018 23:49:36 +0900

Youtubeの広告収入

Adsenseアカウントには2種類ある

皆さんはアドセンスアカウントを持っているでしょうか？
本ブログでもブログで利用出来るGoogleAdsenseアカウントの取得方法についてご紹介しています。

【フォルダ整理におすすめ】Macのスクリーンショット保存先変更

Sat, 26 May 2018 20:39:43 +0900

保存先を変えたい

ファイル名を変えたい場合

以前、Macのスクリーンキャプチャ機能で撮影した画像のファイル名を変更する方法は以下の記事にてご紹介しました。

保存先も変えたい

この画像ファイルは、デフォルトではデスクトップに保存されていくと思います。

【Wordpress】StaticPressS3でfeedへのlinkタグが消されてしまう原因と対処方法

Fri, 25 May 2018 19:07:51 +0900

あれ、FeedがS3に転送されない・・・

Feedをいい感じに出す事は出来てる

StaticPressとStaticPressS3を利用してサイトを運営している場合、RSSなどのFeedを利用したいケースがあると思います。

【備忘録】AWSのEC2インスタンスにSSH通信する際のWARNING: UNPROTECTED PRIVATE KEY FILE!の解決方法

Thu, 24 May 2018 23:53:41 +0900

初心者は必ずハマるであろう壁

EC2インスタンス作成時のキーペア

AWSでEC2インスタンスを新たに作成する際に、使用するキーペアを求められます。
キーペアを指定しなくても作成することは可能ですが、セキュリティ上危ないので必ず既存のキーペアを使うか新たに作成するようにしましょう。

【Homebrew Cask】undefined method `release' for OS::Mac:Moduleでbrew cask uninstallが出来ないときの対象方法

Wed, 23 May 2018 20:46:47 +0900

アンインストールが出来ない・・・

本来はチョチョイとアンインストール出来るはず

Homebrew Caskはとても便利なので利用しているMacユーザーの方は多いと思います。
インストールに加えアンインストールも以下のようにさくさくっと出来てしまいます。

Homebrew Cask アンインストール

brew cask uninstall {パッケージ名}
==> Uninstalling Cask {パッケージ名}
==> Backing App '{パッケージ名}.app' up to '/usr/local/Caskroom/{パッケージ名}/v.x.y.z/{パッケージ名}.app'.
==> Removing App '/Applications/{パッケージ名}.app'.
==> Purging files for version v.x.y.z of Cask {パッケージ名}

【SEO対策】Wordpressの管理画面に記事の最終更新日時を表示してみよう【カスタマイズ】

Mon, 21 May 2018 20:48:14 +0900

更新日時の必要性

Wordpressでは自動でセットされる

Wordpressで記事を作成していると、記事に対して投稿日時と更新日時が登録されます。

もちろん、投稿した時点では投稿日時と更新日時は同じ日付が登録されますが、後日記事を修正することで更新日時だけが更新されていきます。

【ひと手間必要】はてなブログでjQueryを使えるようにする方法

Sat, 19 May 2018 23:54:36 +0900

はてなブログでもjQueryを使いたい！！

人間の欲深さ炸裂☆

以前、はてなブログに登録をしてブログを開設するまでの手順をまとめました。
関連記事【ブロガーへの第一歩】はてなブログに登録方法してブログをサクッと作ってみた 2018/05/04 1208文字約3分で読めます

【WordpressのRSS】StaticPressでFeedをhtml形式では無くxml形式で出力する方法

Fri, 18 May 2018 14:46:22 +0900

Feedの必要性

WordpressはRSS標準搭載

Wordpressでサイトを生成すると、標準で以下のようなURLが用意されます。

Point

http://example.com/?feed=rss
http://example.com/?feed=rss2
http://example.com/?feed=rdf
http://example.com/?feed=atom

パーマリンクをカスタムしている場合は以下のURLとなります。

【瞬殺】Wordpressのcomment-reply.min.jsをロードしないようにする【パフォーマンスアップ】

Thu, 17 May 2018 11:42:23 +0900

コメント欄が無いサイト

StaticPress運用サイト

本ブログは以前もご紹介した通り、AWSのS3バケットを利用した静的ページとして運用をしており、そのためコメント機能を除去しています。
関連記事【瞬殺】Wordpressのコメント機能を無効化する方法 2018/05/10 771文字約2分で読めます

【ゴミファイルを減らす】StaticPressで不要ファイルをS3バケットに転送しないようにしてみよう

Wed, 16 May 2018 12:23:43 +0900

おさらい

CloudFrontの自動Invalidateまで

前回までの記事では、StaticPressでHTML化し、
関連記事【StaticPress】WordpressのブログやサイトをHTML化して爆速管理しよう【使い方/インストール】 2018/05/05 3820文字約8分で読めます

【自動キャッシュ削除】StaticPressで転送した際にCloudFrontでInvalidateを自動でする方法

Tue, 15 May 2018 14:54:24 +0900

おさらい

サイトのSSL化まで

【ゴミ屋敷回避】Wordpressが無駄に画像を生成しないように設定を変更しよう

Mon, 14 May 2018 00:41:41 +0900

誰だこんなに無駄なファイルを作ったのは！

身に覚えのない謎ファイルを発見

ある日、Wordpressディレクトリの整理をしていると、アップロードした画像の中に身に覚えの無い画像ファイルが大量に作成されているのに気づいました。

<Wordpressインストールディレクトリ>/wp-content/uploads/<year>/<month>/

ls -la
合計 21464
drwxr-xr-x 2 apache apache 12288 5月 10 11:18 .
drwxr-xr-x 4 apache apache 4096 5月 3 16:52 ..
-rw-r--r-- 1 apache apache 231468 5月 5 15:23 fujiokaSkyDivingEye-1024x560.png
-rw-r--r-- 1 apache apache 36185 5月 5 15:23 fujiokaSkyDivingEye-300x164.png
-rw-r--r-- 1 apache apache 141142 5月 5 15:23 fujiokaSkyDivingEye-730x410.png
-rw-r--r-- 1 apache apache 145848 5月 5 15:23 fujiokaSkyDivingEye-768x420.png
-rw-r--r-- 1 apache apache 189967 5月 5 15:23 fujiokaSkyDivingEye.png

【StaticPress】sitemap関連のファイルが出力されない場合の対処方法

Sun, 13 May 2018 17:17:38 +0900

StaticPressでsitemapが転送されない

あれ、sitemapが無い・・・？

先日、Wordpressサイトにおけるsitemapファイルの自動生成プラグインの導入方法について紹介しました。
関連記事【SEO】Sitemapを出力してくれるWordpressプラグイン「Google XML Sitemaps」のインストール方法 2018/05/11 994文字約2分で読めます

StaticPressで再構築ボタンを押した際に処理中のまま止まってしまう場合の対処方法

Sat, 12 May 2018 17:32:18 +0900

再構築が進まない・・・

先日、WordpressサイトをStaticPressプラグインを利用して静的ページ化する方法についてご紹介致しました。
関連記事【StaticPress】WordpressのブログやサイトをHTML化して爆速管理しよう【使い方/インストール】 2018/05/05 3820文字約8分で読めます

【SEO】Sitemapを出力してくれるWordpressプラグイン「Google XML Sitemaps」のインストール方法

Fri, 11 May 2018 23:55:07 +0900

sitemapの必要性

自分で作るのは大変

Wordpressでサイト運営をしている場合、記事やページを追加するごとにSEO対策のためにsitemapを更新する必要がありますが、この作業を毎回自分で行うのは非常に大変です。

【瞬殺】Wordpressのコメント機能を無効化する方法

Thu, 10 May 2018 21:25:57 +0900

コメント機能をOFFにしたい

標準装備

Wordpressには標準でコメント機能が備わっています。

このコメント機能を通じて、執筆者と閲覧者との交流を行うことが可能になっています。

【使いこなすと最強】Wordpressでショートコードを作って効率化をしてみた

Wed, 09 May 2018 19:34:58 +0900

Wordpressのショートコード機能

What’s?

Wordpressには、標準機能として搭載されているショートコード機能というものがあります。

これは、あらかじめfunctions.phpに登録しておいたPHP関数を、記事投稿画面から呼び出して利用することが出来る機能です。

【無料SSL証明書】AWSでHTTPS通信を取得してCloudFrontに設定してみよう！【Wordpress】

Tue, 08 May 2018 00:28:31 +0900

おさらい

S3経由でWebサイト公開まで

【Wordpress】AWSのS3とCloudFrontとRoute53を連携して独自ドメインで公開する方法【お名前.com】

Mon, 07 May 2018 00:52:40 +0900

おさらい

S3経由でWebサイト公開

【StaticPressS3】WordpressのブログやサイトをAWSのS3に転送して公開してみよう！【静的サイト】

Sun, 06 May 2018 14:33:43 +0900

前回の続き

おさらい

前回は、StaticPressプラグインを導入し、WordpressサイトをHTMLファイルに吐き出して正常に表示出来るところまで確認しました。

【StaticPress】WordpressのブログやサイトをHTML化して爆速管理しよう【使い方/インストール】

Sat, 05 May 2018 01:12:41 +0900

WordpressをHTML化したい

うわっ…私のサイト(ブログ)、重すぎ…？

Wordpressでブログやサイトを作成・公開していると、コンテンツ量の増加に比例してパフォーマンスが悪くなってしまいます。

これは、１リクエスト毎にPHPの処理が走り、膨大なデータベースの中から該当する情報を毎回検索を行い、さらにデータ加工等の処理を行ってからブラウザに表示しているからです。

【ブロガーへの第一歩】はてなブログに登録方法してブログをサクッと作ってみた

Fri, 04 May 2018 00:13:50 +0900

ブログサービスを使ってみたい

当ブログはWordpress+AWS S3を用いて低コストかつ高速化を狙って運用しています。

筆者自身、仕事でWebシステムを構築しているので、いきなり独自ブログを作成しましたが、知識が薄い方はそうは出来ないと思います。

【おすすめテーマ】Wordpressのメディアブログ向け無料テーマ「LION MEDIA」の導入方法

Thu, 03 May 2018 14:05:10 +0900

LION MEDIA?

What’s?

LION MEDIAとは、無料で利用出来るWordpress用のテーマファイルです。

SEO最適化やレスポンシブ、表示高速化などがしっかり対応されていてとても使いやすいテーマとなっています。

【無料ブログサービス比較】自分で準備をせずにブログを始めるためのサービスまとめ

Thu, 03 May 2018 01:52:18 +0900

ブログを自分で作りたくない

知識が無いから不安

ブログを始めたいが一歩を踏み出せない方の多くは、自分でブログを構築する作業に苦手意識を持っている方がほとんどだと思います。

もちろん、自分でサーバーを借りて、ドメインを取得して、Wordpressをインストールして、初期設定を行って、デザインを調整して、、、などの作業は知識が無い方からすると出来る気がしないのも確かです。

【ブロガー初心者向け】Wordpressのテーマ周りを理解してみよう【必須知識】

Wed, 02 May 2018 20:15:18 +0900

Wordpressのテーマ

テーマ？

Wordpressをインストールすると、デフォルトでは以下のようなTwenty Seventeenというテーマが設定されていると思います。

【絶望】パーマリンクは後から変更するとSEOがリセットされてしまう【Wordpress】

Tue, 01 May 2018 19:12:37 +0900

パーマリンクを変える際は要注意

SEOはURL単位

以前、Wordpressでサイトを作成する際のパーリンクの必要性と設定方法について紹介しました。

SEOとしては、このパーマリンクで設定したURL単位で、GoogleSearchConsoleなどの検索エンジンに収集されていきます。

【初心者必見】Wordpressのパーマリンク(記事URL)を変えてみよう

Mon, 30 Apr 2018 22:51:12 +0900

記事URLは大事

Wordpressのデフォルトはいまいち

Wordpressで記事を作成した際の記事ページのURLはデフォルトでは以下のようになります。

これはパーマリンクの設定が基本の状態になっているからです。

【瞬殺】Wordpressのtitleタグのテキストを変更する方法【区切り文字変更】

Sun, 29 Apr 2018 22:31:17 +0900

記事ページのタイトル

デフォルトは「–」区切り

Wordpressで作成した記事は、デフォルトでは以下のような形でタイトルが設定されます。
{記事タイトル} – {サイトタイトル}

【Ansible備忘録】Failed to set permissions on the temporary files Ansible needs to create when becoming an unprivileged userの対処方法

Sat, 28 Apr 2018 23:56:10 +0900

Playbook実行時に謎のエラーが

いつも通りAnsibleにてプレイブックを実行していると以下のようなエラーが発生しました。

Error Log

fatal: [127.0.0.1]: FAILED! => {
 "msg": "Failed to set permissions on the temporary files Ansible needs to create when becoming an unprivileged user (rc: 1, err: chown: `/tmp/ansible-tmp-1524573884.53-191197441027150/' の所有者を変更中: 許可されていない操作です
 chown: `/tmp/ansible-tmp-1524573884.53-191197441027150/command.py' の所有者を変更中: 許可されていない操作です
 }).
 For information on working around this, see https://docs.ansible.com/ansible/become.html#becoming-an-unprivileged-user"
}

【Ansible備忘録】Wordpressをインストールするplaybook

Fri, 27 Apr 2018 01:06:09 +0900

概要

前提

Point

Ansibleインストール済み
AWSのEC2サーバーを想定
対象サーバーへの公開鍵設定済み
Apache2系インストール済み
Apacheのポートは80
MySQLインストール済み
PHPインストール済み

【Ansible備忘録】MySQLをインストールするplaybook

Thu, 26 Apr 2018 12:05:49 +0900

概要

前提

Point

Ansibleインストール済み
AWSのEC2サーバーを想定
対象サーバーへの公開鍵設定済み

参考

ディレクトリ構造

├── inventories
│   └── local
│   ├── group_vars
│   │   └── all.yml
│   ├── host_vars
│   │   └── 127.0.0.1.yml
│   └── hosts
├── mysql-install.yml
├── roles
│   └── mysql
│   └── aws
│   ├── init
│   │   └── tasks
│   │   └── main.yml
│   └── install
│   └── tasks
│   └── main.yml
└── templates
 └── local
 └── mysql

【Ansible備忘録】PHP5.6をインストールするplaybook

Wed, 25 Apr 2018 00:02:29 +0900

概要

前提

Point

Ansibleインストール済み
AWSのEC2サーバーを想定
対象サーバーへの公開鍵設定済み
Apache2系インストール済み
Apacheのポートは80

【移行時に便利】Wordpressの全記事内の投稿内容の文字列をSQLで一括置換してみよう

Tue, 24 Apr 2018 01:57:21 +0900

記事内の特定の文字列を一括置換したい

Wordpressを運用していて、サーバーを変えたりドメインを変えた場合、投稿記事内に古いURLを直接記述してしまっていると、移行後にエラーが表示されてしまう可能性があります。

【Docker備忘録】DockerコンテナにインストールしたMySQL起動時の「/etc/sysconfig/network: No such file or directory」エラーの対象方法

Mon, 23 Apr 2018 20:25:03 +0900

以下のようなエラーが。。。

DockerコンテナにMySQLをインンストールし、いざ起動をしようとすると以下のようなエラーが発生して起動出来ない事があると思います。

Error Log

/etc/init.d/mysqld: line 23: /etc/sysconfig/network: No such file or directory

【プログラミング備忘録】Djangoのテンプレートをパーツ化して読み込む方法

Fri, 20 Apr 2018 23:02:37 +0900

Templateのパーツ化

パーツ化の必要性

WebサイトやWebシステムを作成していると複数ページの中で似たような記述をする必要がある部分が出てくると思います。

headタグ/footerタグ/navタグ/汎用パーツ(プログレスサークル等)・・・

【めちゃくそ便利】treeコマンドでディレクトリ構造を出力しよう！【オプション多数】

Sat, 14 Apr 2018 17:00:07 +0900

ディレクトリ構造の表現方法

ディレクトリ構造をうまく表現したい

主にインフラ構築やWebシステムを開発していると、他の開発者にディレクトリ構造を共有したいという場合があると思います。

その場合、自分でFinderやエクスプローラーを開きながら手打ちでディレクトリ構造をテキストエディターで作ると、ディレクトリ構造が複雑な場合に確実に死亡しますし、タイポやコピペミスで間違ったディレクトリ構造になってしまい、結果として正しくない情報を共有してしまう恐れがあります。

【Dockerサービスの必須ツール】docker-composeで複数コンテナを簡単管理

Sat, 07 Apr 2018 23:54:33 +0900

Docker管理の課題

複数コンテナ管理のしにくさ

以前、Dockerfileを使ってコンテナを作成し、runコマンドを使ってコンテナを起動する方法を紹介しました。
関連記事【簡単サーバー構築】Dockerfileでnginxを立ち上げてみよう！ 2018/02/18 1282文字約3分で読めます

【炎上回避】 DockerにRedmineをインストールしてプロジェクト管理ツールを導入してみよう

Wed, 04 Apr 2018 23:01:54 +0900

プロジェクト管理ツールの必要性

プロジェクト管理ツール？

システム開発やサイト制作を行っていると、納期を守りながら、必要ページや機能等を実装しなければなりません。

案件の規模によっては複数人で作業分担を行って作業を進めるのですが、各自の進捗や残タスクの管理を、メールやエクセル等での管理していると、必ず意思疎通が疎かになりに、認識のズレ等が発生し、結果として納期間際に大変な思いをする(いわゆる炎上)事が多々あると思います。

【Ansible備忘録】Apacheをインストールするplaybook

Mon, 02 Apr 2018 21:53:25 +0900

概要

前提

Point

Ansibleインストール済み
対象サーバーへの公開鍵設定済み
Apacheのポートは80

参考

ディレクトリ構造

.
├── httpd-install.yml
├── handlers
│   └── httpd
│   └── start.yml
├── inventories
│   └── local
│   ├── group_vars
│   │   └── all.yml
│   ├── host_vars
│   │   └── 127.0.0.1.yml
│   └── hosts
└── roles
    └── httpd
       └── install
       └── tasks
       └── main.yml

【仕組みを理解】Djangoのtemplateファイルから静的コンテンツを読み込んでみよう

Sun, 01 Apr 2018 18:34:09 +0900

Djangoでは静的コンテンツの管理も楽

静的コンテンツとはCSSやJavaScript、Imageファイル等のファイル群の事を指します。

また、Djangoではそれらをstaticファイルと呼びます。

【サーバーの耐久度チェック】JMeterでレッツ負荷テスト☆

Sat, 31 Mar 2018 23:05:36 +0900

サーバー負荷テストとは？

基本はリクエスト数でチェック

システムやWebサイトをリリースする際に、サーバーの負荷テストを行う必要があります。

負荷テストとはサーバーに対して特定のリクエストを大量に投げ、サーバーが落ちずにリクエストの処理を捌けるか？という観点で行います。

【AIしゅごい】GoogleAdsenseの自動広告を試してみた

Fri, 30 Mar 2018 00:01:11 +0900

自動広告？

新しい広告形態が登場

先日、GoogleAdsenseに自動広告と呼ばれる機能が追加されました。

自動広告について

自動広告とは、コンテンツを収益化するためのシンブルで革新的な方法を提供する広告フォーマットです。自動広告では、各ページに同じ広告コードを 1 つずつ設置します。コードを追加すると、高い成果が見込める最適なタイミングで自動的に広告が表示され、快適なユーザーエクスペリエンスが提供されるようになります。

【2018年3月版】新SearchConsolesは使い勝手が尋常じゃないほど進化していた

Thu, 29 Mar 2018 00:26:33 +0900

新SearchConsole!

ある日お知らせが

先日、いつも通り記事を投稿したのでGoogleSearchConsoleからサイトマップを送信しようとログインしたら以下のようなメッセージが表示されていました。

【最&高】サーバー監視から通知まで自動でやってくれるクラウド型監視サービス「マカレル」を導入してみよう

Wed, 28 Mar 2018 00:08:41 +0900

マカレルとは？

新世代のSaas

Mackerel(マカレル)とは、株式会社はてなが開発した新世代のサーバー管理・監視サービスです。
たった一つのエージェントをサーバーに仕込むことで、AWS等の仮想サーバーやクラウドサービスの各種情報をサーバーに入ることなくWebブラウザ上でGUIベースで統合管理・監視を可能にしてくれます。

【ローカル環境】Docker内のAWS EC2インスタンスコンテナにSSH接続する方法【設定手順まとめ】

Mon, 26 Mar 2018 10:32:23 +0900

EC2インスタンスを使いやすくセットアップ

以前、AWSの公式EC2インスタンスのDockerイメージを利用して、ローカルマシンにコンテナを起動する手順を紹介しました。

しかし、初期の構成だと最低限の情報しか含まれていないので、sudoコマンドやcurlコマンド、lessコマンドなどのよく使うコマンドがインストールされていない状態です。

command

bash-4.2# less /etc/passwd
bash: less: command not found

【PythonでWebアプリケーション】Djangoのインストールから起動まで

Sun, 25 Mar 2018 16:34:27 +0900

Djangoとは？

Djangoとは、PythonでWebシステムを開発する際に使うフレームワークです。

Pythonはデータ解析や人工知能の分野で注目を浴びている言語ですが、もちろんWebシステムの開発にも使えます。

【メディア広告の必要性】Facebookページを作ってブランド力を築きあげよう

Fri, 23 Mar 2018 01:32:41 +0900

Facebookページとは？

ページは複数ある

Facebookには個人ページとFacebookページの2種類があります。
Facebookページは以前はファンページと呼ばれていました。

【これは便利】EC2のDockerイメージを利用してローカルのDockerにEC2を構築しよう

Thu, 22 Mar 2018 00:07:44 +0900

ローカルにEC2環境が作れる

Amazon Linuxの公式Dockerコンテナイメージ が公開されていました。
コンテナイメージはEC2 Container Registry(ECR)にて配布されており、コマンドで取得することが可能になっています。

【標準お便利機能】Macのスクリーンショットの名称を変える

Wed, 21 Mar 2018 00:23:40 +0900

Macのスクリーンショットは便利

標準搭載

WebページやPC画面のキャプチャを撮りたい場合、Macでは標準でスクリーンキャプチャ機能が搭載されています。

ショートカットキーは、 Command + Shift + ４キーを同時に押す事で、カーソルが十字に変わります。

そのままドラッグすると、以下のように撮影範囲を選択出来るので、任意のエリアを選択してみましょう。

【SSL化】httpsにした際のGoogleSearchConsoleとGoogleAnalyticsの設定方法

Tue, 20 Mar 2018 00:17:46 +0900

サイトをSSL化！

下調べ不足・・・

ブログやWebサイトを最初はhttpで運用していて、途中でSSL化を行いhttpsにした際、GoogleAnalyticsについては、設定を変えるだけで再設定出来ましたが、GoogleSearchConsoleも同じように既存の設定を修正するだけで簡単にhttpsに移行できると思っていましたが、実際にはそうは行きませんでした。

【以外と簡単】S3バケットにIP制限をかける方法

Mon, 19 Mar 2018 00:03:18 +0900

S3コンテンツの閲覧制限

S3にもIP制限をかけれる？

以前、S3バケットに静的コンテンツをアップロードしてWebサイトとして公開する方法を紹介しました。
関連記事【お便利AWS】S3バケットで静的サイトホスティングをしてみよう 2018/03/18 1695文字約4分で読めます

【お便利AWS】S3バケットで静的サイトホスティングをしてみよう

Sun, 18 Mar 2018 15:26:25 +0900

静的サイトを公開したい

サーバー借りるのは負担

Wordpressではなく、単純なHTML/JS/CSSのみで静的なサイト(LP等)を作って公開したいけど、そのためだけにサーバーを借りるのは勿体ない！と思ってらっしゃる方は少なくないと思います。

【秒殺】After Effectsの言語を日本語から英語に変える方法

Sat, 17 Mar 2018 10:52:52 +0900

言語を変えたい

CCでAdobe製品をインストールすると、基本的に日本語メニューの状態でインストールがされると思います。

しかし、英語環境のメニューに慣れている方や、利用しているテンプレートのエクスプレッションが英語環境前提で記述されていると、日本語環境のAfterEffectsだとエラーになってしまう事があります。

【全自動雑用おいたん】Githubへのpushを受け取ってJenkinsのJobを実行してみよう

Thu, 15 Mar 2018 19:39:28 +0900

Jenkinsで自動化

毎回同じ作業をするのがつらたん。。。

システム開発等をしていると、Githubにソースをpushまたはmergeしたタイミングで共通の処理を行いたい、というケースが出てくると思います。
ソースをビルドしたり特定のディレクトリに移動したり、Slackに通知を飛ばしたり...etc

【大学生におすすめ】セブンプリントを使ってコンビニで書類を印刷してみよう【いい気分】

Wed, 14 Mar 2018 21:35:19 +0900

印刷したいけどプリンターが無い・・・

大学生や社会人の方はレポートや書類をパソコンで作成し、印刷して持ち込んだり提出したりする場合が多々あると思います。

しかし、プリンターが自宅に無かったり、壊れていたり、今すぐ印刷しないといけないのに出来ない！どうしよう！！という場合も少なからずあると思います。

【失われしベストプラクティスを求めて】Ansibleでの特殊な動きをするディレクトリについて

Tue, 13 Mar 2018 19:13:16 +0900

Ansibleのディレクトリ構造

ちょっと複雑

Ansibleには、様々なディレクトリや設定ファイルが登場します。

とても便利なのですが、数が多いのでそれぞれの意味を理解するのが少し大変です。

【セキュリティ向上】SSHキーを作成してMacからGithubにHttps通信ではなくSSH接続してみよう【ターミナル操作】

Mon, 12 Mar 2018 21:41:46 +0900

HTTPSとSSH

どっちを使うべき？

Githubを使っていると、リポジトリをcloneしたりpushする際に、HTTPSとSSHのどちらを使えば良いか？と言う点で悩むことがあると思います。

【Mac/Windowsおすすめエディター】AtomよりサクサクのVisual Studio Codeのインストール方法【使い方】

Thu, 08 Mar 2018 19:14:22 +0900

Visual Studio Code

Visual Studio Code とは、Microsoftが開発したオープンソースのテキストエディタです。

2015年に公開され、まだ新しい部類のテキストエディターですが、多機能で使いやすいため多くのエンジニアやデザイナーが利用されています。
同じようなテキストエディタとして使われているのはAtomやVimが有名です。

【意外と簡単】Githubのアカウント名を変更する手順まとめ【やり方】

Tue, 06 Mar 2018 21:25:57 +0900

アカウント名を変えたい・・・

GithubのリポジトリURLは以下のように、
https://github.com/{アカウント名}/{リポジトリ名}
の形で構成されています。

【便利ショートカット】After Effectで急にフッテージのバウンディボックスが出ない時の対象方法

Mon, 05 Mar 2018 21:52:08 +0900

バウンディボックスは便利

バウンディボックスとは？

AfterEffectsで動画編集をしている際に、タイムライン上に配置した素材を選択しドラッグ&ドロップで配置を決めたりサイズを変更したりすることがあると思います。

【サクッと鍵付きZip作成】Macでパスワード認証付きzipファイルを作る方法【ターミナル操作】

Sat, 17 Feb 2018 16:39:05 +0900

デフォルト機能では作れない？

仕事をしていると、重要な書類やパスワードをかけて閲覧を制限したい情報等をEメールにて送らないといけない場合が少なからずあります。

その場合に、Windowsでは標準の機能(右クリックから)で簡単にパスワード認証付きZipファイルを作ることが出来ますが、macでは標準機能では通常のパスワード認証無しZipファイルしか作ることが出来ません。

【バージョン管理】Macにrbenvを入れて複数バージョンを使いわけよう【Ruby】

Tue, 23 Jan 2018 21:10:18 +0900

Rubyのバージョン管理をしたい

Macには標準でRubyがインストールされていて、すぐに使うことが可能となっています。

しかし、案件によってRubyのバージョンを切り替える必要が出てきたり、迂闊にRubyのバージョンアップが出来ないケースもありえます。

Dockerfileに設定を記述して実行する方法

Mon, 22 Jan 2018 18:53:08 +0900

Dockerfileとは？

以前、コチラの記事にて、Docker For Macをインストールし、コマンド実行でHello worldを表示して見ました。

ただ、シンプルな実行内容のためコマンド引数で実行できたものの、もっと複雑な処理を実行した場合はコマンド引数では限界があります。

【楽チン素敵】Homebrew Caskを使ってDocker for macのインストールしてみる

Sun, 21 Jan 2018 11:40:05 +0900

Docker環境の用意のしにくさ

Docker環境を作る際に、初めての方は少なからず苦戦してしまうと思います。

Dockerを使うにはVirtualBox等でVMを起動しなければならず、その辺の設定も一癖あるからです。

【Hombrew】Go言語のパッケージ管理ツール「Glide」のインストール方法【使い方】

Sat, 20 Jan 2018 15:29:20 +0900

Go言語のパッケージ管理の課題

Go言語は基本的に「go get ~」でインストールしたパッケージはすべて環境変数$GOPATH配下にインストールされます。
また、Go1.8からは環境変数$GOPATHを設定していない場合は、$HOME/goを利用するようになっています。
そして、Goをビルドするときには、常に環境変数$GOPATHまたはこのディレクトリを見るので、同じモジュールでもビルドするプログラムによってバージョンを変える、といった事は標準の機能では実現出来ません。

【ローカル開発に便利】ディレクトリ毎に環境変数を設定することが出来る「direnv」のインストール方法と使い方【.envrc】

Fri, 19 Jan 2018 01:10:13 +0900

環境変数とは？

環境変数とはEnviroment Variableと呼ばれ、OSシステム全体で利用可能な変数の事を指します。

一般的には様々なbinファイルの場所や設定情報を代入して、プログラム内で取得したりすることが可能になります。

【mac】Go言語の複数バージョンを管理する「goenv」のインストール方法【Homebrew】

Thu, 18 Jan 2018 01:07:25 +0900

複数バージョンの共存の必要性

前回の記事にて、go言語の環境構築についてご紹介しました。

もちろん、そちらの手順にて問題はありませんが、場合によっては複数のGo言語のバージョンを使いたい！というケースもありえます。

【mac】Go言語の開発環境構築をHomebrewで行う方法

Wed, 17 Jan 2018 13:46:00 +0900

Go言語を学ぼう

仕事でGo言語を学ぶ必要が出てきたので、Homebrewを使って構築してみました。

やはり、Homebrewは便利ですね♪

そもそもGo言語とは？

Googleが2009年に開発した割と最近出来たコンパイル型のプログラミング言語です。

【便利】Gmailでエイリアス機能を使って1つのアカウントで複数のメールアドレスを使う方法

Sun, 14 Jan 2018 22:31:57 +0900

Gmailのエイリアス機能

What’s?

皆さんはGmailを使っていますか？

Androidが復旧していたり、様々なWebサービスでのソーシャルアカウントログインが主流となってきているので、大体の方がGoogleアカウントを持っていると思います。

お名前.comで取得したドメインをgmailで利用する方法

Sat, 13 Jan 2018 18:36:01 +0900

取得したドメインをメールアドレスとして使いたい

以前の記事で、お名前.comでのドメイン取得方法及びさくらのレンタルサーバーへの設定方法をご紹介しました。

今回は別ケースとして、お名前.comで取得したドメインを使ってGmailでのメール送受信を行う方法をご紹介します。

【Twitter】ManageFlitterを使ってフォロワーを整理する方法【自動管理ツール】

Mon, 08 Jan 2018 14:34:11 +0900

フォロバをしてくれないアカウントが多い

今や、Twitterは広告塔としては非常に強力です。

また、無料で複数アカウントも作成することが可能なのでメディア広告には非常に向いています。

【python】さくらのレンタルサーバーでpipを使えるようにする方法

Sun, 07 Jan 2018 16:22:04 +0900

pipとは？

Pythonのパッケージ（ライブラリ/モジュール）をインストール・管理するためのパッケージ管理システムのことです。
Pythonは人工知能や機械学習で最近注目されている言語です。

【mac豆知識】Finderの超便利機能「クイックルック(QuickLook)」を使ってファイルのプレビューを確認しよう【プラグイン】

Sun, 07 Jan 2018 13:50:22 +0900

Quick Lookとは？

Quick Look(クイックルック)とは、OS Xに搭載されている標準機能で、対応しているファイル形式であればFinder上でカーソルを当てた上でスペースキーを押すだけでファイルの中身をプレビュー表示する事が出来ます。

【AWS】IAMユーザーとアクセスキーの作り方

Thu, 04 Jan 2018 14:52:16 +0900

IAMとは？

IAMとは、AWSのサービス群の権限を安全に制御するための仕組みです。

具体的には

Point

グループ
ユーザー
ロール

を組み合わせることでセキュリティの向上を図ることが出来ます。
詳しくはコチラを見てただければイメージが湧くと思います。

今回はIAMの設定手順をご紹介致します。

【AWS】EC2インスタンスのシステム日付をUTC(協定世界時)からJST(日本時間)に変更する方法

Mon, 01 Jan 2018 23:18:25 +0900

EC2はデフォルトではUTC

AWSのEC2を利用すると、システム日付がデフォルトではUTCになってしまっています。

UTCとJSTでは時差が発生するので、時間が+9時間されてします。

【AdobeCC対応】AfterEffectsとPhotoShopを利用したGif画像の作り方【mac/windows】

Tue, 12 Dec 2017 23:17:02 +0900

Gif画像は簡単に作れる！

皆さんはGif(Graphics Interchange Format)画像を知っていますか？

Twitterやlineなどでも利用でき、最近はよくネット上でも見ることが多いと思います。

【さくらのレンタルサーバー】デフォルトのcshとvi以外にVimとBashを使えるようにする方法【カスタマイズ】

Sat, 09 Dec 2017 20:58:38 +0900

SSH接続出来たはいいが・・・

前回の記事で、SSH通信によるさくらサーバーへの接続方法を紹介しました。

いざ、サーバーをいじくろう！と思ったのですが、なんと
デフォルトではcshとviしか使えないのですorz

【ワンランク上のブロガーへ】MacでさくらサーバーにSSH接続する方法

Fri, 08 Dec 2017 21:01:26 +0900

SSH接続の必要性

優秀なサーバコントロールパネル

ブログやホームページを運営している方で、さくらのレンタルサーバを使っている人は多いと思います。

本ブログでも、アフェリエイトブログ構築のための設定手順も紹介しています

さくらのレンタルサーバーの良いところは会員向けのサーバコントロールパネル画面でしょう。

【Macカスタマイズ】ユーザーアカウントのアイコン画像を変更する方法

Wed, 06 Dec 2017 20:48:51 +0900

Macのユーザーアイコンを変えたい！

Macでは初期設定だと、ユーザーアカウントのアイコン画像に何かしらの初期アイコンが設定されている状態だと思います。

こういうやつ

もちろん、このアイコン画像はカスタマイズが可能ですので、今回はアイコン画像の変更方法を紹介致します。

【セキュリティ】Macでスリープ状態から復帰する際に必ずパスワードを求めさせる方法

Tue, 05 Dec 2017 23:45:53 +0900

セキュリティの必要性

筆者はIT関係の仕事をしている事もあり、セキュリティ面はかなり気にしています。(クラウドストレージもあまり使いたくありません。。。)

また、会社やカフェ等で少し席を離れる際にMacをスリープモードにするのですが、デフォルトでは短時間だとパスワード入力をせずにPC操作をすることが出来てしまいます。

【またお前か】Macの日本語入力中に変換ボックスが表示されなくなった場合の対処法

Mon, 04 Dec 2017 23:08:49 +0900

変換ボックスが出なくなった！

Macで日本語入力をしていると、基本的にはリアルタイムで日本語変換ボックスが表示されると思います。

こんな感じ

しかし、たまに変換ボックスが出てこなくなってしまうことがあります。

【CC2017版】AfterEffectsの動画をH.264(mp4)形式で書き出す方法

Wed, 29 Nov 2017 18:00:11 +0900

CCではレンダリング時にH.264(mp4)形式が不可能に

H.264(mp4)形式とは？

H.264(mp4)形式とは、高画質かつ低サイズの動画ファイルを作成する際に使用されるコーデックです。
画質を落とさずに容量を抑えることが出来るので、動画ファイルをそのままUSBメモリーやEメール等で受け渡しする際に向いてます。

【CC2017版】AfterEffectsで書き出したファイルをEncoreを使ってDVDに焼く方法

Tue, 21 Nov 2017 22:22:45 +0900

DVDの必要性

結婚式の余興の動画などを作っていると、作成した動画をDVDに焼く必要が出てきます。

もちろん、新しい式場ではPCを直接繋げて流したり、USBメモリーに動画データを入れて渡すだけでも良いところもありますが、まだ少数派でしょう。

【Macで変換がもっさりする人必見】文字変換スピードを元に戻す方法

Wed, 15 Nov 2017 23:50:34 +0900

OS X El Capitan以降の新機能「ライブ変換」

ライブ変換とは？

Macにはライブ変換という機能があります。

これはOS X El Capitanから追加された新機能で、日本語を入力していると自動で漢字に変換される、という機能です。

【Mac/Windows最新版】youtube-dlを使ってターミナルのコマンドラインからYoutubeやTwitterの動画ファイルを保存しよう【Homebrew】

Tue, 14 Nov 2017 00:32:46 +0900

Youtubeの動画を保存したい！

ネットサーフィンの行き着く先

暇なときにすることと言えば、ネットサーフィンですよね♪

今はYoutubeなどでお笑いやスポーツをいつでも見ることが出来るので暇つぶしには困らなくなりました。

【画面操作を簡単録画】QuickTimePlayerとGiftedを使って画面操作を録画してgif画像化する方法【簡単瞬殺】

Fri, 03 Nov 2017 14:02:32 +0900

画面操作の録画は以外と簡単

GithubやQiitaを見ていると、良く画面操作を紹介する画像(Gif)が貼られているページを良く見ます。

↓こんなの

自分もやってみかったのですが、専用のソフトを買う必要があるのかな？とか、設定がめんどくさいんだろうな、と敬遠していましたが、いざやってみると非常に簡単だったので、ご紹介致します♪

【ソースコードの埋め込み】Wordpressでコードを綺麗に表示してくれる「Crayon Syntax Highlighter」プラグイン

Tue, 31 Oct 2017 00:32:01 +0900

ソースコードの埋め込み

ソースコードを記事に埋め込みたい場合、プラグイン等を入れていないとすごく質素な感じになってしまいます。

また、様々な言語によってシンタックスハイライトが異なるので、それを自前で表現するのはとても大変です。

【MacをWindows風の操作感に！】ショートカットやキーボード操作をWindowsに近づける方法まとめ！

Sat, 28 Oct 2017 20:53:21 +0900

WindowsからMacへ

「かつて」は生粋のWindows使いだった

筆者は２０年以上WindowsPCにて、ホームページ制作やシステム開発を行っていました。

なので、Windowsマシンでの開発については、
それはもうすごいです。(自称)

【Wordpressの目次をお洒落に】Table of Contents Plusのレイアウトの修正方法

Fri, 27 Oct 2017 22:56:05 +0900

Table of Contents Plus

おさらい

以前、コチラの記事に「Table of Contents Plus」というWordpressに目次機能を自動追加してくれるプラグインを紹介しました。

プラグインをインストールし、ルールに則って記事を作成するだけで目次機能が追加されるので非常に便利です。

【解凍ソフトの決定版】macでのrarファイルを解凍するなら「The Unarchiver 」

Sun, 22 Oct 2017 17:51:50 +0900

ZIPファイル以外の解凍が出来ない！

ネットでデザイン素材集をダウンロードすると、たまにZIP形式以外に圧縮されている場合があります。

macではデフォルトではこのrar形式の圧縮ファイルの解凍が出来ないので、別途解凍用のソフトをインストールする必要があります。

【便利】macでFont Bookを使ってフォントをまとめてインストールする方法

Sat, 21 Oct 2017 14:26:37 +0900

一つ一つインストールするめんどくささ

デザインの仕事などをやっていると有料のフォントパックを購入する事が多々あります。

国乳すると、多くのttf/otfファイルをインストールする必要があるのですが、Finderから一つ一つインストールするのは非常に大変です。

【Wordpressプラグイン】アバター画像を簡単に設定出来る「WP User Avatar」の使い方

Fri, 20 Oct 2017 21:04:46 +0900

Wordpressでアバター画像を設定するには？

Wordpressインストール後に、特に設定せずに記事を投稿すると、以下のようにアバターが表示されない状態担っていると思います。

せっかくだから何かしらのアバター画像を設定したいですよね。

【複数のパソコンを無線で繋ごう】ネットワークの設定方法-Windows版

Sun, 15 Oct 2017 23:09:01 +0900

複数PC持ちの悩み

仕事柄、自宅作業用のデスクトップPCと外出用のノートPCの2台を普段から使っている方も少なくないと思います。

今はDropBoxやGoogleDriveなどのクラウドストレージサービスなどがあるので、そこのドライブを介せば問題なく両PC間でファイルのやり取りがスムーズに行えます。

【快適ネットサーフィン生活へ】Google Chromeが重い時に入れるべき「TabMemFree」【もっさり対処方法】

Fri, 22 Sep 2017 13:31:32 +0900

今やChromeの時代

皆さんはネットサーフィンをする時にブラウザは何を使用していますか？

Google ChromeやFireFox,IE,Opera,Safariなど、いろいろなブラウザがありますよね。

【2017年9月最新版！】クリックされるだけでお小遣いが溜まっていく！Google Adsenseの申請から設定まで！

Wed, 06 Sep 2017 20:45:16 +0900

連載

アフェリエイトの種類

アフェリエイトにはいくつか種類があります。

【2017年9月最新版！】副業でお小遣いを稼ごう！「Wordpress」をインストール編

Mon, 04 Sep 2017 18:06:14 +0900

連載

前回までのおさらい

前回まではさくらのレンタルサーバを借りて、お名前.comにて独自ドメインの取得・割り振りまで行いました。

セキュリティソフトの決定版！！「ノートンセキュリティ」のインストール方法

Fri, 01 Sep 2017 14:09:40 +0900

セキュリティソフトの必要性

皆さんはセキュリティソフト入れていますか？

今はネット社会となっていて、インターネットありきの生活になっています。

Windows/Macのパソコンはもちろん、タブレット/スマートフォンも必要不可欠になりつつありますよね。