無料 on Blogenist -ブロゲニスト-

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

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

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

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

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

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

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

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

自分でromを吸い出そう

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

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

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

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

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

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

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

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

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

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

【循環参照】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やテンプレートファイルに手を入れる事なく、プライグインだけでサイドバーのウィジェットを自動追尾スクロール化する方法を発見したのでご紹介しようと思います♪

【コードレスクリーナー】赤いLEDランプが4回点滅して動かない場合の原因と解決方法【ダイソン】

Wed, 04 Nov 2020 22:01:16 +0900

Dyson掃除機が故障疑惑

数日前までは使えたのに・・・

先日、ダイソンのコードレスクリーナーを使おうと思ったところ、電源ボタンを押しても反応が無くなってしまいました。

充電ケーブルはしっかり繋いでつい3日前まで問題なく使えていたので謎です。。。

【ドキュメントを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

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

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

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

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

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

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

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

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

育成環境の緩和に感謝

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

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

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

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

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

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

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

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

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

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

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

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

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

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

【簡単丸ごとコピー】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形式で取り扱いたいケースも出てくると思います。

【瞬殺】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ブラウザのように簡単に使ってみる事が出来ないので不憫に感じる事があると思います。

【天下の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での開発が必須となっています。

【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などをサポートしているよ！」という記載があったので使ってみようと思ったところ表示されませんでした。

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

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

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

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

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

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

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

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

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

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

【ボタン配置】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/{アプリケーション}の形で開発及び動作確認を行うと思います。

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

【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の新機能の事を指します。

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

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

SwaggerUIにつぐ新たな勢力

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

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

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

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

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

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

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

【期待の最新シェル】使いやすくてオススメな「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を購入したので諸々の初期設定を行ったのですが、その際に行った初期設定やインストールしたアプリケーション達をご紹介します。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Bookmarkletを使いこなそう

What’s?

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

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

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

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

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

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

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

【IDEのショートカットとかぶる問題の回避策】MacBookに標準搭載されているSpotlightのショートカットを無効にする方法【Alfredがいれば問題ない】

Tue, 08 Jan 2019 16:42:55 +0900

Spotlightを無効にしたい

標準搭載の検索アプリケーション

MacBookを使っているなら、Spotlightというアプリケーションをご存知でしょう。

Spotlightとは、Mac内に含まれているアプリケーションや書類、その他の様々なファイルを検索することが出来ます。

【サーバーレスアークテクチャ開発】ローカル環境でAWSのLambdaスクリプトをPythonで実装する際に「python-lambda-local」で動作確認する際のインストール方法とやり方【Bot開発にオススメ】

Tue, 01 Jan 2019 16:28:32 +0900

ローカルでのLambdaスクリプト開発の課題

サーバーレスアーキテクチャの代名詞

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

Lambdaはサーバーレスアーキテクチャを実現する上で、欠かせない存在となっており、サーバーレスの流行りのおかげでとてもメジャーなAWSサービスの一つとなっています。

【FTP転送】リモートサーバーとローカルマシンを繋げてくれる「FileZilla」のインストールと使い方【Windows/Mac両方対応】

Tue, 11 Dec 2018 13:10:15 +0900

FTPソフトの必要性

リモートサーバーのファイルを直接いじるのはNG

Wordpressなどでサイト制作を仕事にしている場合、リモートサーバーのファイルをローカルマシンにダウンロードしたり、ローカルマシンで編集したファイルをリモートマシンにアップロードしたい、というケースは必ず発生します。

【簡単マルチアイコン作成】SVGやPNGから様々なアイコンファイルをまとめて自動生成してくれる「icon-gen」をnpmでインストールして幸せになろう【使い方】

Fri, 30 Nov 2018 15:20:40 +0900

アイコン画像を作りたい

レトロなやり方はやめたい

Webサイト制作をしていると、ほぼ100%の確率でfaviconを作成することになると思うのですが、このfaviconの作成方法について、以外と確立されていないのが現状です。

【オラクルのJava有償化問題】無償のJDK「AdoptOpenJDK」をmacにインストールする方法【やり方紹介】

Mon, 22 Oct 2018 23:39:30 +0900

Javaサポート問題

Javaといえば、オラクルが提供している言語で多くのシステム開発で使用されてきています。
最新のJavaのバージョンは2018年9月時点で11ですが、8を使っているシステムも多いのでは無いのでしょうか。

【ターミナルの使いやすさ抜群に】標準出力に対する最強の検索ツール「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を使ってプロンプトの表示をカスタマイズしている際に文字化けが発生する可能性があります。

【本は聞く時代】AmazonのAudible(オーディブル)が画期的で凄そう【朗読】

Fri, 05 Oct 2018 21:45:00 +0900

電子書籍の利便性

皆さんは読書をしていますか？

小説から始まり、参考書や各種テキスト本など多くの本がありますよね。
AmazonではKindleなどの電子書籍での販売も行っているので、本を物理的に持ち運ぶことなくいろいろな本を好きな時に好きな場所で読めるようになっています。

【使い勝手最強】Electron製のマルチプラットターミナルアプリ「Hyper」のインストール方法【Windows/Mac対応】

Thu, 04 Oct 2018 15:53:52 +0900

ターミナルの使いやすさはマジ大事

作業効率を左右する

開発をしている方なら分かると思いますが、ターミナルの使いやすさで作業効率が何倍も変わる事はリアルにありえます。

筆者は日頃から勉強の意味も兼ねてなるべくGUIではなくCUIでの操作をするように心がけています。
そうする事によってGUIアプリが暗黙的にやってくれている事をしっかり理解する事が出来ますしね。

【ポケモンGo】個体値を全自動で簡単に判定してくれる「Poke Genie」を使ってみた【育成に便利】

Sun, 16 Sep 2018 23:13:36 +0900

個体値を調べたい

個体値チェッカーは便利だがめんどくさい

ポケモン(Go)マスターの皆さんは捕まえたポケモンの個体値を調べたりしていますでしょうか？
もちろん、好きなポケモンを集めるだけでも楽しいのですが、せっかくなら強いポケモンを育てたくなってしまいますよね。

【念願のパッケージ管理】Windows10に標準搭載されたPackageManagementを使ってみたらとても便利だった件【Chocolatey】

Sun, 02 Sep 2018 19:17:39 +0900

Windows10に念願のパッケージ管理システム

パッケージ管理システム？

皆さんはパッケージ管理システムをご存知でしょうか？

パッケージ管理システムといえば、MacだとHomebrew、Linuxだとyumやapt-getが有名ですよね。
Windowsには長らくパッケージ管理システムがありませんでしたが、Windows10以でPackageManagementという名称で標準搭載されるようになりました！

【無料】ハイクオリティでマテリアルデザインチックなアイコンの「ElegantThemes」を使ってみよう

Mon, 27 Aug 2018 12:03:32 +0900

オススメ無料アイコンをまた発見

以前、無料アイコンをご紹介する記事を投稿しました。

そして、また良さそうな無料アイコンセットを見つけましたのでご紹介します♪

【ブログ向けアイコン】旅行関連のアイコンを無料で配布している「tympanus」がオススメな件【可愛い】

Fri, 24 Aug 2018 12:09:11 +0900

ワンランク上のデザインへ

アイコンに助けを求めるべし

皆さんはアイキャッチ画像やサムネイル画像を自分で作ったりしていますでしょうか？

筆者は自分で作成しているのですが、デザインセンスが無いととても簡素なデザインになってしまい、あまり効果をなさないですよね。。。orz

【デザイン向上】Wordpressのカテゴリにアイコンを設定出来る「Easy Category Icon」【プラグイン】

Tue, 21 Aug 2018 19:41:29 +0900

カテゴリーにアイコンをつけたい

複数カテゴリーの記事を執筆しているブログでは、Wordpressのウィジェット機能を使ってサイドバー等にカテゴリメニューを表示していると思います。

【使いやすさ向上】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形式のアイコンファイルをブログで使用しようと管理画面からメディアのアップロードを試いたところ、以下のようなエラーが出てアップロードが出来ませんでした。

【炎上回避】APIドキュメントはSwaggerで定義すると幸せになれる説

Sat, 04 Aug 2018 14:56:41 +0900

Swagger

What’s??

皆さんはSwaggerをご存知でしょうか？

Swaggerとは、RESTful APIのAPIドキュメントを生成するためのオープンソースのフレームワークのことです。

「Open API Initiative」という団体がRESTful APIのインターフェイスの記述をするための標準フォーマットを推進しており、その団体が考え出した規格のひとつがSwaggerです。

【簡単便利】Webフォントで有名なGoogle Fontsの導入方法と使い方まとめ【Webデザイン】

Mon, 16 Jul 2018 23:38:49 +0900

Google Fontsは有能

古き良き(?)文化

皆さんはWebデザインを行う際に、テキスト画像(文字だけの画像)を使っていたりしますか？

昔に作られたホームページでは、メニュー名や人物名のテキスト画像を書き出して、imgタグで読み込ませている手法をよく見かけます。

【罠】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

【自動化への第一歩】Cronのスケジューリング設定の書き方と使い方【crontab】

Tue, 05 Jun 2018 10:46:14 +0900

Cronってよく聞くけどなんなんだろう

What’s?

皆さんはCron(クーロン)をご存知でしょうか？

サーバーサイド開発やインフラ管理をしている方はご存知だと思います。
これは、UnixやLinuxで多く使われるスケジューラーを設定/実行するためのプログラムの事です。

【Wordpress】StaticPressS3でfeedへのlinkタグが消されてしまう原因と対処方法

Fri, 25 May 2018 19:07:51 +0900

あれ、FeedがS3に転送されない・・・

Feedをいい感じに出す事は出来てる

StaticPressとStaticPressS3を利用してサイトを運営している場合、RSSなどのFeedを利用したいケースがあると思います。

【ゴミファイルを減らす】StaticPressで不要ファイルをS3バケットに転送しないようにしてみよう

Wed, 16 May 2018 12:23:43 +0900

おさらい

CloudFrontの自動Invalidateまで

前回までの記事では、StaticPressでHTML化し、
関連記事【StaticPress】WordpressのブログやサイトをHTML化して爆速管理しよう【使い方/インストール】 2018/05/05 3820文字約8分で読めます

StaticPressで再構築ボタンを押した際に処理中のまま止まってしまう場合の対処方法

Sat, 12 May 2018 17:32:18 +0900

再構築が進まない・・・

先日、WordpressサイトをStaticPressプラグインを利用して静的ページ化する方法についてご紹介致しました。
関連記事【StaticPress】WordpressのブログやサイトをHTML化して爆速管理しよう【使い方/インストール】 2018/05/05 3820文字約8分で読めます

【ブロガーへの第一歩】はてなブログに登録方法してブログをサクッと作ってみた

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最適化やレスポンシブ、表示高速化などがしっかり対応されていてとても使いやすいテーマとなっています。

【めちゃくそ便利】treeコマンドでディレクトリ構造を出力しよう！【オプション多数】

Sat, 14 Apr 2018 17:00:07 +0900

ディレクトリ構造の表現方法

ディレクトリ構造をうまく表現したい

主にインフラ構築やWebシステムを開発していると、他の開発者にディレクトリ構造を共有したいという場合があると思います。

その場合、自分でFinderやエクスプローラーを開きながら手打ちでディレクトリ構造をテキストエディターで作ると、ディレクトリ構造が複雑な場合に確実に死亡しますし、タイポやコピペミスで間違ったディレクトリ構造になってしまい、結果として正しくない情報を共有してしまう恐れがあります。

【炎上回避】 DockerにRedmineをインストールしてプロジェクト管理ツールを導入してみよう

Wed, 04 Apr 2018 23:01:54 +0900

プロジェクト管理ツールの必要性

プロジェクト管理ツール？

システム開発やサイト制作を行っていると、納期を守りながら、必要ページや機能等を実装しなければなりません。

案件の規模によっては複数人で作業分担を行って作業を進めるのですが、各自の進捗や残タスクの管理を、メールやエクセル等での管理していると、必ず意思疎通が疎かになりに、認識のズレ等が発生し、結果として納期間際に大変な思いをする(いわゆる炎上)事が多々あると思います。

【AIしゅごい】GoogleAdsenseの自動広告を試してみた

Fri, 30 Mar 2018 00:01:11 +0900

自動広告？

新しい広告形態が登場

先日、GoogleAdsenseに自動広告と呼ばれる機能が追加されました。

自動広告について

自動広告とは、コンテンツを収益化するためのシンブルで革新的な方法を提供する広告フォーマットです。自動広告では、各ページに同じ広告コードを 1 つずつ設置します。コードを追加すると、高い成果が見込める最適なタイミングで自動的に広告が表示され、快適なユーザーエクスペリエンスが提供されるようになります。

【最&高】サーバー監視から通知まで自動でやってくれるクラウド型監視サービス「マカレル」を導入してみよう

Wed, 28 Mar 2018 00:08:41 +0900

マカレルとは？

新世代のSaas

Mackerel(マカレル)とは、株式会社はてなが開発した新世代のサーバー管理・監視サービスです。
たった一つのエージェントをサーバーに仕込むことで、AWS等の仮想サーバーやクラウドサービスの各種情報をサーバーに入ることなくWebブラウザ上でGUIベースで統合管理・監視を可能にしてくれます。

【サービス連携に必須】SlackのWebhookURLの取得方法

Tue, 27 Mar 2018 00:30:32 +0900

外部サービスとの連携

Slackには、外部APIや外部サービスとの連携するための機能が標準で用意されています。
Incoming Webhooksはその中の1つの機能で、主に外部サービスからSlackにメッセージを送信するするために利用されます。

【mac豆知識】Finderの超便利機能「クイックルック(QuickLook)」を使ってファイルのプレビューを確認しよう【プラグイン】

Sun, 07 Jan 2018 13:50:22 +0900

Quick Lookとは？

Quick Look(クイックルック)とは、OS Xに搭載されている標準機能で、対応しているファイル形式であればFinder上でカーソルを当てた上でスペースキーを押すだけでファイルの中身をプレビュー表示する事が出来ます。

【MacをWindows風の操作感に！】ショートカットやキーボード操作をWindowsに近づける方法まとめ！

Sat, 28 Oct 2017 20:53:21 +0900

WindowsからMacへ

「かつて」は生粋のWindows使いだった

筆者は２０年以上WindowsPCにて、ホームページ制作やシステム開発を行っていました。

なので、Windowsマシンでの開発については、
それはもうすごいです。(自称)

【解凍ソフトの決定版】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インストール後に、特に設定せずに記事を投稿すると、以下のようにアバターが表示されない状態担っていると思います。

せっかくだから何かしらのアバター画像を設定したいですよね。

【謎の技術】アナグラムを自動生成したい際にオススメの「Internet Anagram Server」【暗号文字列】

Tue, 26 Sep 2017 17:58:45 +0900

アナグラムとは？

文字の言葉遊びの一つで、文字列を入れ替えることによって、全く別の意味にさせる事です。

文字数が増えるにつれて、生成されるパターンが増えていくので一部の簡易的な暗号化の際の方法に使われています。
※あくまで簡易的なので重要なセキュリティとしては向いていません。

【快適ネットサーフィン生活へ】Google Chromeが重い時に入れるべき「TabMemFree」【もっさり対処方法】

Fri, 22 Sep 2017 13:31:32 +0900

今やChromeの時代

皆さんはネットサーフィンをする時にブラウザは何を使用していますか？

Google ChromeやFireFox,IE,Opera,Safariなど、いろいろなブラウザがありますよね。

【おすすめ無料プラグイン】Wordpress丸々バックアップで安心！「UpdraftPlus」の導入方法【復元】

Fri, 08 Sep 2017 21:43:52 +0900

バックアップの必要性について

皆さんはWordpressのバックアップを取っていますか？

ブログやアフェリエイトをやっている場合、記事数は日に日に増していると思います。

おそらくWordpressの管理画面で記事を投稿した後に記事をメモ帳にコピーしてバックアップ、等はしていないと思います

商用利用OKのフリーイラストの大御所！無料で使い放題の「いらすとや」さん♪

Sat, 26 Aug 2017 17:01:32 +0900

フリーイラストについて

ブログ等をやっているとヘッダー画像や記事で使用する画像を作りたくなることが多々あります。

しかし、画像なんか自分で作れないよ〜orz。。。なんて方が多いと思います。

そういう時はネット上でフリーのイラスト素材を使わせてもらうことで良い画像を作ることが出来ます。

【インスタ映え】PCからInstagramへの画像や動画のアップロードを可能にする「Gramblr」のインストール方法と使い方【Mac/Windows対応】

Mon, 14 Aug 2017 13:32:53 +0900

PC版Instagramからの画像/動画アップロードはサポートされてない

最近は画像や動画に関するSNSはTwitterよりInstagramが主となってきています。

ただTwitterはPCからも、サイトにログインすれば問題なく画像や動画のアップロードが出来ますが、Instagramは閲覧のみしか出来ず、アップロードするには専用のアプリケーションをPCにインストールする必要があります。

無料 on Blogenist -ブロゲニスト-

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

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

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

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

自分でromを吸い出そう

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

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

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

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

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

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

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

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

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

プラグインだけで完結

【コードレスクリーナー】赤いLEDランプが4回点滅して動かない場合の原因と解決方法【ダイソン】

Dyson掃除機が故障疑惑

数日前までは使えたのに・・・

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

MkDockのカスタマイズしよう

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

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

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

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

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

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

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

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

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

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

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

育成環境の緩和に感謝

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

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

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

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

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

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

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

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

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

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

爆速Wordpress環境構築

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

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

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

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

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

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

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

みんな大好きSpringBoot

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

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

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

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

時代が変わるか？

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

Sitemapを作りたい

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

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

表示されない

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

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

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

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

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

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

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

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

Progressive Web Apps

What’s?

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

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

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

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

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

GithubActionsを使ってみよう

CI/CDをGithubで完結

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

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