クロックスの甲に開いている穴、あれは飾りを挿すための穴だったんです。ジビッツチャームの正体と付け方、どんな種類があるのか、そしてクロックス以外の安いサンダルにも付くのかを実際に試してご紹介します♪ 布のスリッパって、汚れても洗えないまま履き続けることになりますよね。室内履きをサンダル型のクロックスに替えたら、お風呂場で丸洗いできて乾くのも早くて快適でした♪ クロッグではなくスライドを選んだ理由と、安く試す方法までまとめます。 ネットでよく見る ᕕ( ᐛ )ᕗ や ( ᐛ👐)パァ の顔文字。あの顔と手足の正体はカナダ先住民の音節文字です。パーツの一覧と組み合わせ方、iPhone・Android・パソコンでの出し方をまとめました。
オンラインゲームでよく見る꧁ ꧂の飾り枠。正体はインドネシアのジャワ文字の装飾記号です。コピペで使える組み合わせと、スマホ・パソコンでの出し方、使うときの注意点をまとめました。 AWSのEC2 + WordPress(StaticPress) + S3 で運用していたブログを Github + Hugo + S3 の静的サイトに移行した経緯、手順、ハマったところをまとめました。 MacからEC2にRSA鍵でSSH接続すると「no mutual signature supported」でPermission deniedになる原因は、Macのsshクライアント更新でRSAが非サポートになったため。.ssh/configに2行追記するだけで直ります♪
古いAmazonLinux1のEC2にセッションマネージャーで接続できるようにする手順。yumでSSMエージェントを入れ、IAMロールを作ってインスタンスにアタッチするだけ。踏み台やSSHキーが不要になります♪ Windowsでマウスクリックの位置を光らせて分かりやすくする方法。Microsoft公式の無料ツール「PowerToys」のマウスユーティリティを使います。インストールから設定、確認まで手順つきです♪ Windowsで画面操作を録画してGifにできる無料ツール「ScreenToGif」の使い方。Scoopでインストールし、範囲を指定して録画、編集してGif書き出しまで。Slackに貼るのに便利で、画質も良くて軽いです♪ Windowsのローカル環境にForge版Stable Diffusion WebUIをインストールする手順。GitHubからワンクリックパッケージを落として解凍し、run.batを実行するだけ。AUTOMATIC1111よりVRAM節約で速いのが特徴です♪ Scoopで入れたpyenvでStable Diffusion推奨のPython 3.10.6がインストールできないときは、pyenv updateを実行するだけ。管理しているバージョン一覧が古いのが原因です。確認手順つき♪ WindowsでNode.jsのバージョンを切り替えるnvmを、Scoopでインストールして使う方法。scoop install nvm から、特定バージョンのインストール、nvm useでの切り替えまで手順つきです♪ macOSアップデート後にbrew installで「Permission denied @ dir_s_mkdir - /private/tmp/」が出る原因は、/private/tmpの権限がrootになっていること。sudo chownでオーナーを自分のユーザーに変えれば直ります♪ Homebrewで「unknown or unsupported macOS version: :dunno」が出てinstallやupgradeができないときは、brew update-reset を実行するだけで直ります。macOSアップデート後によく起きる症状です♪ Docker Desktop for WindowsのWSLディストリビューションとイメージの保存先をCドライブからDドライブに変更する手順。wsl --exportでコピー、登録解除、wsl --importで再登録。エラーコード2が出たときの対処も♪ jenvを使ってローカルのJavaをJDK17に切り替える手順。現在のバージョン一覧の確認、JDK17のインストーラーの入手とインストール、jenv addでの登録、jenv localでの切り替えと確認まで♪ フォームの入力内容をCookieに保存して次回もデフォルト表示する「jQuery Cookie」の使い方。テキスト・ラジオ・セレクトボックスの保存と読み込みをサンプルつきで。後継のJS Cookieについても♪ JavaでUTF-8のCSVを書き出してもエクセルで開くと日本語が文字化けする原因はBOMが無いから。FileOutputStreamの先頭にBOMを書き込むだけで解決します。サンプルコードと確認結果つき♪ Mac標準の「sips」コマンドで、画像の縦横比を保ったまま解像度をまとめて変える方法。sips -Z で最大サイズを指定するだけでフォルダ内のJPGを一括リサイズ。ブログ用の写真を軽くしたいときに♪ WordPressのEmbed機能で、アイキャッチ画像やタイトル、概要付きのいい感じのリンクを記事に追加する方法。埋め込みコードを挿入するだけで、テキストリンクよりクリックされやすくなります。Twitterの投稿の埋め込み例も♪ GitHubへのpush/pullで「REMOTE HOST IDENTIFICATION HAS CHANGED!」が出る原因は、GitHub側のRSA SSHホストキー更新とknown_hostsの不一致。ssh-keygen -R github.com で情報を削除して再登録すれば直ります♪ α7S3など一眼で撮った10BitのMP4動画がWindowsエクスプローラーでサムネイル表示されない原因と対処法。フリーソフト「Media Preview」を入れて拡張子を選ぶだけで、簡易表示だったサムネが出るようになります♪ WindowsのGitBashでSSH鍵を作ってGitHubのプライベートリポジトリをクローンする手順。ssh-keygenでの鍵生成、configファイルの作成、ssh-agentへの登録、GitHubへの公開鍵登録、接続確認まで♪ α7S3で撮ったmp4がQuickTime Playerで再生できなかったので、Mac用の動画プレイヤー「IINA」を導入しました。Homebrewで一発インストール、コーデックの違いで開けなかった動画も再生できます♪ After EffectsからMedia Encoderにキュー登録できずレンダリングも失敗するようになった原因はAEJuiceプラグイン。Adobeサポートに問い合わせた結果と、AEJuiceを無効化して直すまでの手順をまとめました♪ Macのキーボード掃除中にキー入力が反応してしまう問題を解決する「KeyboardCleanTool」。ボタン1つでキーボードとトラックパッドの入力を無効化できます。インストールから初期設定、動作確認まで♪ HomebrewやCaskで「homebrew-core is a shallow clone.」が出てインストールできない原因は、Homebrewがシャロークローンを廃止したため。エラー出力に添えられているgit fetch --unshallowのコマンドを実行すれば直ります♪ BootstrapベースのWYSIWYGエディター「Summernote」で、フォームのテキストボックスをツールバー付きのリッチなUIにする方法。CDNでの導入から動作確認、ツールバーのボタンの種類と有効無効の設定まで♪ Sony公式のPS3アップデータ「PS3UPDAT.PUP」に初代PS1のBIOSが入っているか検証。PUAD GUIで解析して取り出し、DuckStationが起動するかまで確認しました。違法ダウンロードをせずに済む方法です。 PostmanでCookieを付けてリクエストを投げる方法。Cookie管理ダイアログでドメイン（localhost）を追加し、キーと値を保存するだけで以降のリクエストに常に付与されます。動作確認に便利です♪ レトロフリークでスーファミやGBAのカートリッジからROMを吸い出す手順。本体のアップデート、retrofdとWin32 Disk Imagerの準備、設定ファイルの修正まで実際にやってみました。私的利用の範囲で自己責任でどうぞ。 Windows10の標準機能「記憶域」でCドライブやDドライブのどのフォルダが容量を食っているかを把握し、一時ファイルなどをまとめて削除する方法。設定→システム→記憶域から数クリックで確認できます♪ マークダウン風のテキストでフローチャートやシーケンス図を描ける「mermaid.js」の使い方。専用ツール不要でGit管理もできます。導入方法と、Flowchart・Sequence・Gantt・Classの各図の書き方をご紹介♪ APS-Cから乗り換えて買ったSonyのフルサイズ機「α7S III」の開封レビュー。暗所に強くYouTuberやキャンパーにぴったり。合わせて買ったタムロン28-200mm、CFexpress Type Aカード、PeakDesignのストラップなどのアクセサリーも♪ YouTubeで登録者1000人を超えて収益化したのにコミュニティ機能とメンバーシップが出ない原因は、時間差で解放される仕様。筆者の場合はそれぞれ約1週間と約2週間で有効になりました。申請は不要です♪ Windows10のMicrosoft IMEで、予測変換の履歴を消して入力履歴を保存しない設定にする方法。配信中に本名や住所が候補に出る事故を防げます。設定画面から数クリックで終わります♪ 仕事用とプライベート用など複数のGitHubアカウントをsshで使い分ける方法。.ssh/configにアカウントごとのHost設定を書き、ssh -Tで接続ユーザーを確認、git configの削除とHost名を指定したクローン方法まで。誤コミット防止に♪ Windows版Homebrewとも言えるパッケージ管理ツール「Scoop」の導入方法。PowerShellの実行ポリシー変更からインストール、Gitの導入、extrasバケットの追加、VSCodeのインストールとアンインストールまで♪ WordPressにSEO対策の構造化データ（JSON-LD）を追加してくれるプラグイン「Markup (JSON-LD)」の設定方法。インストール、Schema.orgの設定、テストツールでの確認、必須項目publisherの設定まで♪ VSCodeでKotlin開発をすると出る「Cannot inline bytecode built with JVM target 1.8」エラーはJVMバージョンの不一致が原因。設定でKotlinのJVMターゲットをdefaultから1.8に変えるだけで解決します♪ VSCodeでKotlinを快適に開発するための設定まとめ。Kotlin拡張でシンタックスハイライトとコード補完、F3での関連クラスへのジャンプを有効にし、Code Runnerで右クリックからコンパイル・実行できるようにします♪ サーバーサイドKotlinの開発環境をMacに構築する手順。HomebrewでKotlinをインストールして確認し、HelloWorldをコンパイル・実行するまで。SpringBootなどのフレームワークも手厚くサポートしています♪ JPAとLombokの@Dataを組み合わせた親子関係のEntityでtoStringを呼ぶとStackOverflowErrorになる原因は循環参照。除外したいフィールドに@ToString.Excludeを付ければ解決します。exclude指定は非推奨です♪ テーマやソースを変更せずにプラグインだけでサイドバーを固定追尾スクロール化できる「Q2W3 Fixed Widget for WordPress」の使い方。インストールからウィジェットの追加、Footerに被る問題の対処まで。AdSenseの追尾広告解禁についても♪ キャンプギアや工具を壁面に引っ掛けて収納できる山善のウォールラック（有孔ボード）のレビュー。スチール製でマグネットにも対応。パッケージと梱包物、付属品、組み立て、フックを付けた使用感まで♪ ダイソンのコードレスクリーナーで赤いLEDが4回点滅して動かないときの原因はバッテリーの不具合。サポートに問い合わせて無料交換できた流れと、バッテリーの交換手順をご紹介します♪ Amazonで人気の折りたたみ電動アシスト自転車「PELTECH TDN-206」を買ったのでレビュー。開封から外観、バッテリーの充電と取り外し、あわせて揃えたサドルクッションやロックなどのアクセサリーも♪ PCデスク周りの小物をスッキリ収納できるBauhutteのアクセサリを開封レビュー。デスクのサイドに掛けるコントローラースタンド兼ヘッドホンハンガー（BHP-S100）と、天板に固定する拡張有孔ボード（BHP-C500-BK）♪ 長時間座ってもお尻が痛くならないBauhutteの「ゲル&低反発 ずっと座りたいクッション」を開封レビュー。ゲル層と低反発ウレタンの二段構えで重さを分散、厚さ7cmで紐で固定できます。デスクワークやPCゲームに♪ SwitchやPS4、PC周辺機器でデスク周りが散らかるので、Bauhutteのスライダー式ゲーム機収納ラック（BHS-380G-BK）を買いました。開封から組み立て、引き出しとキャスターの使い勝手まで。コントローラーラック付き♪ JUnitでService層のテストをするときにRepositoryをモック化するライブラリ「Mockito」の使い方。モックとは何かから、Gradleへの依存追加、whenメソッドによるMock化、Spy化、アノテーションでの生成まで♪ Java8の非同期処理でStubやJUnit用にCompletionStage<Void>を意図的に生成する方法。一番スッキリ書けるCompletableFuture.allOf()と、nullが登場するcompletedFuture()の2通りを比較します♪ WordPressのAmazonJSが急に無限ロードになり「Cannot read property 'ASIN' of null」が出る原因は、items配列にnullが含まれるため。amazonjs.jsにnull判定を1行追加して暫定的に直す方法です。自己責任で♪ PCデスクの作業環境を快適にするドリンクまわりのグッズをレビュー。サーモスの真空断熱タンブラーと専用フタ・ソコカバー、デスクに挟むドリンクホルダー、溶けないステンレス氷。デスクやチェアのおすすめも♪ MkDocsで生成するドキュメントのレイアウトをカスタマイズする方法まとめ。mkdocs.ymlでのテーマ変更、CSSやGoogle Fontsの追加、注釈・警告ブロック、画像挿入、FontAwesome、リンクを別タブで開く設定まで♪ 仕様書や設計書をExcelやPowerPointではなくマークダウンで書けるドキュメントツール「MkDocs」の使い方。インストール、プロジェクト作成、ホットリロード付きの開発サーバー起動、ページ追加、HTML出力まで。GitHubで管理できます♪ Adobe CCを契約していれば無料で使えるハイクオリティな「Adobe Fonts」のインストール方法。CCアプリのフォント一覧から選んでダウンロードするだけで、PhotoshopやAfter Effectsなどから使えます。ライセンスも明確です♪ Premiere Proで画像やテキストを画面の端や中心にピタッと揃える方法。「プログラムモニターをスナップイン」を有効にし、定規とガイドを使えばAfter Effectsの整列ツールに近い配置ができます♪ After Effectsで背景透過（アルファチャンネル付き）の動画を書き出す方法。Media Encoderのキューでは不可なので、レンダーキューに追加してロスレス設定を開き、形式QuickTime・チャンネルRGB+アルファにします♪ mp3やmp4のBPM（テンポ）を測れる無料アプリ「BPM Analyzer」の使い方。インストールしてファイルをドラッグ＆ドロップするだけで一瞬で判定、複数ファイルもまとめて測れます。動画編集の曲選びに♪ SwitchやPS4とPCで1台のモニターを使い回すために、Amazonで約1000円のHDMI切替器「GANA 4Kx2K」を買いました。3入力をボタン1つで切り替え、USB給電も不要。MacBook用のTypeC-HDMI変換ケーブルも♪ BenQのモニター「GW2480」をサブディスプレイにしてデュアルモニター環境を作りました。あわせて買ったモニターアームの開封と取り付け、デスクへの固定まで。テレワークやゲームの作業効率が上がります♪ ホストマシンを汚さずにdocker-composeでVue.jsの開発環境を構築する方法。Dockerfileとdocker-compose.ymlの作成、コンテナ内でVue-CLIのプロジェクト作成、開発サーバーのポート変更、QuasarとPugの追加まで♪ ジムに通わず自宅で筋トレするために揃えた道具を開封レビュー。IROTECのダンベルセット、adidasのトレーニングマット、DANNOのプレート止め、トレーニンググローブ、ベンチ代わりの収納スツール。在宅の運動不足解消に♪ Vue-CLIで作ったプロジェクトに、PrettierとESLintによるVSCodeの保存時自動整形と静的チェックを有効にする設定手順。.prettierrcへのリネーム、.eslintrc.jsの確認、.vscode/settings.jsonの作成まで♪ 収納・オットマンチェア・踏み台の1台3役で使える武田コーポレーションのコンパクト収納スツールを開封レビュー。組み立てはチャックを閉めて底板をはめるだけ。30cm四方で耐荷重80kg、一人暮らしにもぴったりです♪ もしもアフィリエイト経由のAmazonアソシエイトで何の商品が売れたかを確認する方法。通常のレポートでは商品名が見えないので、プロモーションレポートの商品情報ボタンからCSVをダウンロードすると商品名や金額が分かります♪ CloudFront+S3で配信している静的サイトをgzip形式で配信して高速化する方法。CloudFrontのCompress Objects Automaticallyを有効にするだけで、curlでcontent-encoding: gzipを確認できます。画像は対象外です♪ サーバー上やMacにあるJPEG画像をCLIツール「jpegoptim」で一括圧縮する方法。HomebrewやyumでのインストールからコマンドとオプションまでWordPress運用者向けにまとめました。1000枚でも数分で終わります♪ MySQLでNULLを含むカラムをORDER BYするとASCではNULLが先頭、DESCでは末尾になります。NULLの優先度を制御するには、ORDER BY句の先頭にIS NULLを追加します。4パターンの書き方をご紹介♪ WordPressのAmazonJSでAmazonアソシエイトの商品が表示されなくなった原因は、PA-APIがv4からv5に変わったため。AmazonJSプラグインを0.10にアップデートし、必要なら認証キーを再発行して設定するまでの手順です♪ HTML5で追加されたbuttonタグのformaction属性を使えば、JavaScriptを書かずにボタンごとにフォームの送信先URLを切り替えられます。サンプルコードと、formタグにactionが無い場合の書き方も♪ MySQLのポートを変えようと~/.my.cnfを作っても反映されない原因は、起動コマンドに--defaults-fileオプションが含まれていたこと。--defaults-extra-fileで設定ファイルを明示的に追加すれば上書きできます♪ ポケモン剣盾の無限ワットバグをArduino互換マイコンで自動化する方法。PythonもArduino IDEも不要で、dfu-programmerで書き込んでSwitchにUSB接続するだけ。必要な部品と手順をまとめました♪ Twitterで話題になった葛飾北斎の富嶽三十六景「凱風快晴」をモチーフにしたパスポートケースを購入して開封レビュー。パスポートの赤を活かした和のデザインで、質感も良くジャストフィット。海外旅行のお供に♪ スピーカー非搭載のPCモニターに合わせて、Amazonで見つけたELEGIANTのUSB接続PCスピーカーを買いました。開封から外観、内容物、接続方法まで。コンパクトで音もクリア、LEDライト付きでコスパ良しです♪ PlayFramework2.7でJaCoCoのカバレッジ出力対象からviewsやroute、controllerのjavascriptなど自動生成パッケージを除外する方法。build.sbtに追記するだけでレポートの肥大化を防げます♪ PlayFramework2系をsbtではなくGradleで動かす方法。公式のGradleプラグインでgradle runPlayから起動し、JUnitやJaCoCoも使えます。PlayFramework2.7以上・Scala2.13以上は非対応なので注意♪ Bauhutteの昇降式L字デスクを開封レビュー。メインのPCデスクの拡張デスクとしても単体の作業用デスクとしても使えます。外装、内容物、30分ほどで組み立てた完成形、天板の広さと高さ調整まで。開封撮影のスペースにも♪ PlayFramework2.7で配列のクエリパラメータをFormモデルにbindFromRequestDataでマッピングすると最初の要素しか入らない問題。[]を付けるお作法と、[]無しでbindしてBeanバリデーションする自前の対処法をご紹介♪ PlayFramework2.7のプロジェクトでsbt-jacocoプラグインを使い、JUnitのカバレッジレポートをHTML形式で自動生成する方法。plugins.sbtへの追記とsbt jacocoでの実行、分岐を網羅していない場合の見方まで♪ sbtを使ってPlayFramework2.7のプロジェクトをJavaで作成する方法。Homebrewでのsbtのインストール、sbt newでのプロジェクト作成（ScalaとJavaの場合）、実行、生成されるディレクトリ構造、JUnitテストの実行まで♪ javacコマンドのコンパイルエラーログを日本語ではなく英語で出したいときは、-J-Duser.language=en オプションを付けるだけ。英語のエラーメッセージのほうがネットで調べやすいときに便利です♪ JBLとアンダーアーマーのコラボ完全ワイヤレスイヤホン「UA SPORT WIRELESS FLASH」のレビュー。抜群の装着感、トークスルー機能、充電ケース付きで一日中再生可能。開封から使用感、AirPodsとの比較まで♪ 筋トレの前後に筋肉をほぐして筋肉痛や疲労を軽減できるマッサージガン（Pitaya）を開封レビュー。収納ボックス、梱包物、アタッチメントの種類、20段階の強度と残電池量を表示する背面液晶、コードレスの使い勝手まで♪ 一人暮らし歴10年超の筆者が買って良かったAmazonの便利グッズまとめ。洗濯ネットやランドリーボックス、ダイソンのコードレス掃除機とスタンド、キッチンの保存容器やペーパーホルダー、ハンガー類など♪ JavaでListやMapを操作するとUnsupportedOperationExceptionが出る原因は、Collections.emptyListやArrays.asListで作った固定長のコレクション。finalとは無関係です。new ArrayListでラップすれば操作できます♪ UpdraftPlusのバックアップからWordPressをローカル環境へ丸ごと復元する手順。DBダンプ内のURLを置換し、ローカルにWordPressを立ててプラグインから復元。バージョンアップの検証に♪ zip・gz・tarの違いは「圧縮」と「まとめる」の役割分担です。gzipやtarコマンドでファイルやディレクトリを圧縮・解凍する手順を、tar.gzの合わせ技や注意点も含めてまとめました♪ PlayFramework2.7でCookieに保存されるSession情報の名称や有効期限、HttpOnly、Secureなどの属性を変更する方法。デフォルト値の一覧と、application.confのplay.http.session配下のキーで上書きする手順です♪ docker-composeでWordPress5.3系・PHP7.3・Apacheの環境をローカルに爆速で構築する方法。docker-compose.ymlを用意してdocker-compose upするだけで、ApacheやPHPを入れずにログイン画面まで表示できます♪ iPadの実機で表示しているWebページのレイアウトをMacのSafariの開発者ツールでデバッグする方法。iPad側でWebインスペクタを有効にし、Mac側で開発メニューを表示してUSB接続するだけ。DOMやCSSを直接操作できます♪ MySQL WorkbenchでWHERE句なしのUPDATEやDELETEが「Error Code: 1175」で失敗する原因はsafe update mode。SET SQL_SAFE_UPDATES = 0 で一時的に外す方法と、設定で恒久的に変える方法、注意点まで♪ ゲームのグッズを飾る棚がホコリまみれになるので、Amazonでロールスクリーンを買って取り付けました。ディノスのスペースラックにサイズぴったり。到着から取り付け、素材や紐の使い勝手までレビューします♪ FlutterアプリでGoogle Maps PlatformのAPIを使って地図を表示する方法。pubspec.yamlにgoogle_maps_flutterを追加し、AndroidとiOSそれぞれの設定ファイルにAPIキーを追記、main.dartを修正して両OSで動作確認します♪ GoogleのクロスプラットフォームSDK「Flutter」の開発環境をMacとVSCodeで構築する手順。Flutter本体のインストールとパス追加、flutter doctorでAndroidとXcodeの確認、プロジェクト作成、両エミュレーターでの実行まで♪ VSCodeでSpringBootの開発環境を作る手順。Spring Boot Extension Packを入れてコマンドパレットからGradleプロジェクトを生成し、デバッグ起動まで。devtoolsを入れればホットリロードも効きます♪ VSCodeでGradleプロジェクトを動かす手順。Gradleのインストールとプロジェクト作成、tasks.jsonでVSCodeから実行、依存ライブラリ追加後に.classpathを更新してimport補完を効かせる方法まで♪ VSCodeでJavaの開発環境を作る手順。Java Extension Packの導入からjava.homeの設定、jEnvでの複数バージョン共存、import補完やブレークポイントでのデバッグまで実際に試しました♪ ロジクールのワイヤレスゲーミングヘッドセット「G533」のレビュー。DTS 7.1サラウンド、PRO-Gドライバー、15時間バッテリー、ノイズキャンセリングマイク。開封から接続、7.1chの有効化まで♪ PlayFramework2.7のファイル送信フォームで10MB以上を送るとHttpStatus 413「Request Entity Too Large」が出る原因はデフォルトの上限値。application.confのplay.http.parser.maxDiskBufferを変更して広げます♪ WordPressで一部のSVG画像だけ「このファイルタイプはセキュリティの観点から許可されていません」とアップロードできない原因は、ファイル先頭にxml宣言が無いこと。1行目に追加すれば解決します♪ TypeScriptでconsole.errorなどを使うと出る「Calls to 'console.error' are not allowed.」の警告は、tslint.jsonのrulesに1行追加するだけで消せます。ログ出力にconsoleを使いたいときの解決方法です♪ Node.jsのnpmモジュール「sitemap-generator」でサイトをクロールしてsitemap.xmlを自動生成する方法。インストールから実行、出力先の指定やlastmodの追加などのオプションまでまとめました♪ Vue-CLI 3系のQuasarでFontAwesomeやMDIのアイコンが表示されない原因は、導入時に選んだアイコンセットしか読み込まれないため。quasar.tsの設定に追記して後から有効にする方法です♪ Vuexのプロジェクトに「vuex-i18n」で多言語対応を導入する方法。インストール、英語と日本語のメッセージファイルの用意、storeへのデフォルト言語設定、i18n.tsの作成、template側の実装、プルダウンでの動的切り替えまで♪ fish shellで$(コマンド)の記述を実行すると「fish: Command substitutions not allowed」が出ます。fishではCommand Substitutionが許可されていないので、eval (コマンド)に書き換えれば解決です♪ Java8のStream APIでListをMapにするとHashMapになって順序が保証されない問題の解決方法。Collectors.toMapの引数にLinkedHashMap::newを渡せば元の並び順を保てます。TreeMapではダメな理由も♪ Hibernate5でDBのスネークケースのカラムをEntityのキャメルケースのフィールドに自動でマッピングする方法。廃止されたImprovedNamingStrategyの代わりにPhysicalNamingStrategyStandardImplを継承して設定します♪ TypeScriptで依存ライブラリ側のstreamやBufferなどNode.jsコアモジュールのエラーが出るときは、tsconfig.jsonのcompilerOptions.typesに「node」を1行追加するだけで解決します♪ ヘッドレスブラウザPhantomJSのラッパー「NightmareJS」で大量の画面キャプチャを自動保存する方法。インストールからスクリーンショット保存、複数画面の一括キャプチャ、レスポンシブ、スクロール領域の全体キャプチャまで♪ TypeScriptでcanvasのtoDataURLを使うと出る「Property 'toDataURL' does not exist on type 'HTMLElement'.」の原因と対処法。取得したcanvas要素の型をasでキャストするか、ジェネリックで明示的に指定すれば解決します♪ PWAアプリのインストールボタンのクリック・インストール・キャンセルの3イベントをGoogle Analyticsに送信して集計する方法。gaのevent処理を追加するだけ。ストアを介さないPWAでは貴重なデータになります♪ PWAアプリのインストールダイアログをJavaScriptのbeforeinstallpromptイベントで制御し、ボタンを押したタイミングでインストールできるようにする方法。初回に断られると出なくなるダイアログの代わりに導線を用意します♪ PWA（Progressive Web Apps）の概要と、既存サイトをPWA対応にするやり方まとめ。manifest.jsonとService Workerを用意してホーム画面追加やキャッシュに対応させ、GoogleAnalyticsでPWA経由の流入を見るところまで♪ Vue-CLI3のプロジェクトをルート以外のサブディレクトリにデプロイするときのURL設定。vue.config.jsにpublicPathを書くだけです。Vue-CLI2のassetsPublicPathは廃止、baseUrlも非推奨になっています♪ TypeScriptでFileReaderのevent.target.resultをstring型のフィールドに代入するとコンパイルエラーになる原因は、戻り値がstring | ArrayBuffer型だから。フィールドの型定義を合わせれば解決します♪ Vue-CLI3で作ったVueプロジェクトにBootstrap4ベースのUIフレームワーク「Bootstrap-vue」を導入する方法。vue addコマンドで追加し、公式ドキュメントのカードコンポーネントで動作確認するまで。シンプルで使いやすいです♪ GitHub Actionsで特定ブランチへのマージをトリガーにAWS-cliでS3へファイルを転送するWorkflowを組んでみました。利用申請、Hello Worldでの確認、Secretの登録、Workflowの定義、cdの注意点、料金についても♪ Vue-cli3でTypeScriptのプロジェクトにVuetifyを入れると出る「implicitly has an 'any' type.」のビルドエラーは、tsconfig.jsonに1行追加するだけで解決します。@types/vuetifyのインストールは不要です♪ ElectronアプリにGoogleAnalyticsを入れて機能の利用状況を解析する方法。ビルド後はドメインが無くて普通のGA導入は動かないので、universal-analyticsでイベント送信し、ClientIDを付与して集計します♪ PlayFramework2.7で自作のBeanValidatorのエラーメッセージをscalaテンプレートから取得しようとするとAbstractNestablePropertyAccessorでエラーになる原因。Formモデルにフィールドを定義すれば回避できます♪ Vue-CLIで作ったElectronプロジェクトにPugを導入する方法。vue-cliでvue-cli-plugin-pugを追加するだけで、HTMLをPug記法に書き換えられます。閉じタグが無くなって記述量が半分以下になります♪ Electron + Vue.jsのアプリでタイトルバーを消す方法。BrowserWindowのオプションにtitleBarStyle: hiddenを加えるだけ。消すとウィンドウをドラッグ移動できなくなるので、-webkit-app-region: dragのCSSも当てます♪ Electron + Vue.jsアプリのUIフレームワークにマテリアルデザインベースの「Quasar」をvue-cliで導入する方法。コンポーネントの追加、vue-cliとyarnで扱えるバージョンの違い、Routerの変更点、Layout Builderでのコード生成まで♪ Electron + Vue.jsで作ったデスクトップアプリにオリジナルのアイコンを設定する方法。アイコンファイルをsrc/assetsに置き、vue.config.jsにvue-electron-builderのビルド設定を書くだけです♪ Electron + Vue.jsのデスクトップアプリ開発環境をvue-cliだけで構築する手順。vue-cliのインストール、プロジェクト作成、electron-builderの追加、動作確認、アプリのビルドまでコマンド操作のみで完結します♪ Node.jsのパッケージ管理をnpmではなく高速で信頼性の高い「yarn」で行う方法。Homebrewでのインストール、yarn init、add・remove・installなどnpmとの基本コマンドの比較表つき♪ MySQLのgeometry型に緯度経度を入れて2点間の距離をkmで計算する方法。非推奨になったGEOMFROMTEXTの代わりにST_GEOMFROMTEXTを使い、距離をメートルで求める関数の結果を1000で割ります♪ MySQLでgeometry型を使わず、double型で持っている緯度経度から2点間の距離をkm単位で計算するSQLの書き方。県庁所在地テーブルを例に、東京タワーやディズニーランドなどからの距離で近隣検索を試しました♪ TwitterやTikTokで見かける「To Be Continued」動画の元ネタは、アニメ『ジョジョの奇妙な冒険』のエンディング前の演出です。由来と流行った理由、自由に使える編集用の素材動画もご紹介します♪ Google AdSenseのホーム画面に「ads.txtの問題を修正してください」という警告が出たときの対処法。認定デジタル販売者を宣言するads.txtを作成してドメインルートに配置するだけ。放置すると収益に影響するので必ず対応を♪ Swagger/OpenAPIの定義から今風の見やすいAPIドキュメントを作れる「ReDoc」の導入方法。SwaggerUIとの違いと、HTMLファイル1つとSpecファイルを置くだけで動く手軽さをご紹介します♪ Nuxt.jsで@nuxtjs/axiosを使って外部APIにリクエストを投げ、レスポンスを画面に表示する方法。axiosとは何か、yarnでのモジュールインストール、nuxt.config.jsの編集、asyncDataの修正、動作確認まで♪ Javaのバージョンをコマンド一つで切り替えられる「jenv」の導入方法。anyenv経由でのインストール、環境変数の設定、caskroom/versionsでJava8とJava11のJDKをダウンロード、jenvへの追加、globalとlocalでの切り替えまで♪ pyenvやnodenvなどのバージョン管理ツールをまとめて扱える「anyenv」をHomebrewで導入する方法。環境変数の設定、init、nodenvのインストール、対象バージョンの適用まで。fish shellでの注意点も♪ MacBook Pro 2019のMojaveでDocker for macが「Docker Desktop is starting」のまま起動しないときの回避策。VirtualBoxを入れてdocker-machineでdefaultを作成し、環境変数を登録して自前のDockerホストで動かします♪ ユーザーフレンドリーな新しめのシェル「fish shell」をMacに導入する方法と使い方まとめ。Homebrewでのインストール、起動シェルへの設定、レイアウトなどの各種設定、プラグイン管理のfisherとpecoプラグインの導入まで♪ MacBook Proを買ったときにやった初期設定とインストールしたアプリのまとめ。スクリーンショットの保存先変更、キーリピートの高速化、GitHubのSSH設定、Dockの自動非表示、Homebrewで入れる無料アプリなど♪ VSCodeからDockerコンテナ内で動くNuxt.jsにリモートデバッグでアタッチする方法。docker-compose.ymlへのデバッグ用ポート追加、launch.jsonの作成、package.jsonに--inspect=0.0.0.0:9229のタスク追加まで♪ Nuxt.jsのプロジェクトに後からTypeScriptを導入する手順。@nuxt/typescript・ts-node・vue-property-decoratorをyarnで追加し、nuxt.config.jsとtsconfig.json、pagesをTypeScript対応。lintエラーの対処も♪ 2019年夏モデルのXperia 1（SO-03L）をドコモオンラインショップで購入したので開封レビュー。合わせて買った耐衝撃ケースやガラスフィルム、外観と付属品、インターフェース、トリプルレンズカメラの作例まで♪ Nuxt.jsのvueファイルからHTML（Pug）・JavaScript（TypeScript）・CSS（Sass）をそれぞれ外部ファイル化して、src属性で読み込む方法。言語単位でファイルを分けると修正範囲や影響範囲を絞れて保守しやすくなります♪ GUIで爆速にモックAPIサーバーを立てられる「Mockoon」の使い方。HomebrewやインストーラーでMacやWindowsに入れて、ルートを定義してサーバー起動まで。動的レスポンスやアクセスログも便利です♪ Nuxt.jsのプロジェクトにHTMLテンプレートエンジン「Pug」を導入する手順。閉じタグ不要で記述量が激減します。必要ライブラリのインストールとテンプレートファイルのpug形式への変更だけで、nuxt.config.jsの修正は不要♪ Nuxt.jsのプロジェクトにSassを導入する手順。SASS記法とSCSS記法の違い、必要ライブラリのインストール、sassファイルの作成、pagesのstyleでlang=scssとscopedを指定、nuxt.config.jsの修正まで♪ Nuxt.js連載のプロジェクト作成編。Dockerコンテナ内でvue-cliを使ってプロジェクトを作成し、モジュールのインストールと起動まで。ホットリロード、ルーティングの自動設定、nuxt generateなどの便利なコマンドも紹介♪ サーバーサイドレンダリングができる「Nuxt.js」の開発環境をDockerで構築する手順。Vue.jsとNuxt.jsの概要、Dockerfileとdocker-compose.ymlの作成、コンテナの起動とyarnの確認まで。連載の環境構築編です♪ 新型MacBook Pro 2019の15インチ、2.4GHz・メモリ32GBモデルを2015モデルから乗り換えで購入。スペックと価格、開封、外観と梱包物、合わせて買ったスリーブ・USB-Cハブ・Kickflip・液晶保護フィルムもご紹介♪ SpringBoot2でJUnitに代わるテストフレームワーク「Spock」を使ってコントローラーのユニットテストを書く方法。依存関係の追加、テストクラスの作成と要点の解説、実行、HTMLのエラーレポートまで。TDD入門に♪ EclipseでSpringBootのリモートデバッグを行う方法。Debug ConfigurationsでRemote Java Applicationをポート5005で作成し、デバッグ用オプションで起動したアプリにアタッチします。Dockerで動かしていても使えます♪ 特定のTwitterアカウントのツイートをSlackに自動で転送する方法。SlackのManage appsからTwitterアプリを連携し、転送したいアカウントと送信先チャンネルを登録するだけ。ポチポチで完了します♪ 初めてのゲーミングキーボードに「Logicool G PRO テンキーレス」を買いました。特徴と仕様、開封、パッケージとUSBケーブル、本体の外観、打鍵感などの使用感まで。FPS向けでデスク周りをLogicoolで統一♪ SpringBoot2でリクエストの処理時間（latency）をログに出力する方法。AbstractRequestLoggingFilterを継承したクラスを実装してBean登録するだけで、ミリ秒単位の所要時間が出ます。パフォーマンス改善に♪ 初めてのPCデスクにBauhutteの昇降式PCデスク「BHD-1200M」を買いました。幅120cm×奥行55cmで天板の高さを簡単に調整可能。開封から組み立て、天板の質感まで。PCゲームや作業、レビュー撮影が快適になります♪ SpringBoot2でリクエストのヘッダーやボディをログに出力する方法。CommonsRequestLoggingFilterをConfigクラスで@Bean登録し、application.ymlでDEBUGレベルを有効にするだけ。GETとPOSTでの出力例つき♪ SpringBoot2のLogbackのログをlogback-json-classicでJson形式にする方法。build.gradleへの依存追加とlogback-spring.xmlの修正を、標準出力の場合とAWS CloudWatch Logsの場合に分けてご紹介♪ SpringBoot2でLocalDateやLocalDateTimeをレスポンスに返すと出るJSR310FormattedSerializerBase.findFormatOverridesエラーの解決方法。build.gradleにjackson-datatype-jsr310の依存を1行追加するだけ♪ SpringBoot2のLogbackのログをcloudwatch-logback-appenderでAWSのCloudWatchに転送する方法。IAMの用意、Gradleの依存関係の追加、logback-spring.xmlへのCloudWatch用設定の追加、転送の確認まで♪ SpringBoot2でレスポンスヘッダーに独自の項目を追加する方法。OncePerRequestFilterを継承したFilterでMDCのX-Request-IDをヘッダーに載せ、ConfigurationでBean登録するだけ。ログ調査が楽になります♪ SpringBoot2とLogbackで、リクエストごとにUUIDを自動採番してX-Request-IdとしてログにMDCで埋め込む方法。Filterクラスの用意、Configでの登録、logbackのパターン修正まで手順つきです♪ SpringBoot2の@ControllerAdviceでエラーハンドリングを共通化する方法。HttpStatus単位の独自エラークラス、メッセージ用の定数クラス、Adviceクラス、error.propertiesを用意し、リソースの有無で動作確認します♪ SpringBoot2のLogbackで、環境（プロファイル）ごとにログの出力先やフォーマットを切り替える方法。logback-spring.xmlで環境別のlayout.xmlをincludeする構成と、1ファイルにまとめる書き方も♪ SpringBoot2で独自のmessage.propertiesをロジックから読み込むための設定。読み込み用の設定クラスを用意して呼び出すまでと、ファイル名に言語コードを付けてLocaleごとに出し分ける多言語化まで♪ SpringBoot2のデフォルトのエラーレスポンスはパッケージ情報やエラー詳細が返ってしまい脆弱性の原因に。DefaultErrorAttributesを継承してgetErrorAttributesをOverrideし、独自のエラーレスポンスにする方法です♪ SpringBoot2でJPAを使い、SQLを書かずにテーブル結合（INNER JOIN）してデータを取得する方法。Entityのアノテーションでマッピングし、Repository・Service・Controllerまで実装して動作確認します♪ docker-composeでSchemaSpyを動かし、既存のデータベースからテーブル構造・カラム・PK/FK・ER図のドキュメントを自動生成する方法。プロパティファイルの準備から起動、publicスキーマしか出ない場合の対処まで♪ SpringBootでpostgresqlとspring-data-jpaを入れると起動時に出る「PgConnection.createClob() メソッドはまだ実装されていません」エラーの原因と回避方法。hibernate.propertiesを用意するだけで消えます♪ SpringBoot2のプロジェクトにGradle経由でFlywayを組み込み、DBのパッチ適用を自動化する手順。application.ymlとbuild.gradleの設定、パッチファイルとafterMigrateの用意、flywayCleanでのリセットまで♪ EclipseでSpringBootをデバッグ起動するたびに止まるSilentExitExceptionは、spring-boot-devtoolsの仕様によるもの。設定のJava→Debugで「Suspend execution on uncaught exceptions」のチェックを外せば解決します♪ Spring Boot 2 + Gradleのマルチプロジェクトをapi・datasource・entity・valueのレイヤー構造に整理する手順。各プロジェクトの役割とディレクトリ構成、ビルド関連ファイル、各レイヤーを通してレスポンスを返すまで。DDD入門♪ Atomで.gitignoreに追加したファイルがファイルツリーに表示されないときの設定変更。Preferencesのtree-viewパッケージの設定で「Hide VCS Ignored Files」のチェックを外すだけで表示されるようになります♪ Spring Boot 2 + Gradleのマルチプロジェクトをrest APIとして動かすまで。build.gradleへの依存関係追加、GETリクエストにJSONを返す簡単なコントローラーの作成、devtoolsでのオートリロードの有効化まで♪ Spring Boot 2 + Gradleのマルチプロジェクトを開発するためにEclipseプロジェクト化する手順。build.gradleにeclipseプラグインを追加してコマンドを実行し、Eclipseから既存プロジェクトとしてインポートするまで♪ Spring Boot 2 + Gradle + Java8でマルチプロジェクトの個人開発を始める環境構築編。Spring Initializrでのプロジェクト作成、devtoolsプロジェクトの作成、gradleプロパティの外部ファイル化、profileごとのプロパティ整理まで♪ AWSのEC2のディスク容量がいっぱいになったときにEBSのボリュームサイズを増やす方法。マネジメントコンソールからボリュームを変更して再起動するだけ。growpartでエラーが出た場合の対処と確認コマンドも♪ PCデスクとゲーミングチェアをまとめてカバーできるBauhutteの「デスクごとチェアマット BCM-160BK」のレビュー。床の傷防止、キャスターの騒音軽減、デスクのガタつき防止に。開封から広げたサイズ感、裏面の滑り止めまで♪ 初めてのゲーミングチェアに「AKRACING WOLF-GREY」を買ったら大正解でした。開封から外観、梱包物、組み立て、座り心地まで。ランバーサポートで長時間のPC作業やゲームでも腰が痛くなりません♪ Javaがメインの筆者がGo言語を独学して引っかかった記述方法の違いまとめ。行末のセミコロン、パッケージ定義、importの方法、関数の引数の順番など、JavaとGoのコードを並べて比較しています。随時更新♪ ゲーミングマウスG502 HEROに合わせて買ったLogicoolのクロスマウスパッド「G240」のレビュー。適度な表面摩擦で滑らかにエイムが合わせやすく、手首の負担も少ないです。パッケージ、付属品、使い心地まで♪ ロジクールのゲーミングマウス「G502 HERO」のレビューと初期設定まとめ。開封から重りの調整、専用ソフトでのボタン割り当てまで。コンバーターを使えばPS4やSwitchでも使えます。FPS・TPS向け♪ IKEAのキッチンタイマー「ORDNING」を改造して、回転するGoProのタイムラプス用マウントを自作する方法。三脚ネジ穴の加工、ベルの無音化、必要な道具まで。格安で面白い映像が撮れます♪ 充電式コードレスで小型な電動ドリルドライバー「BLACK+DECKER BDCDD12」のレビュー。開封、本体・バッテリー・チャージャー・交換用ビットなどの梱包物、ビットの取り付け、パワーと軽さの使用感まで。DIYや一人暮らしに♪ WordPress4.7で追加されたREST APIのレスポンスにはアイキャッチ画像の情報が含まれません。functions.phpにrest_api_initのアクションを追記して、アイキャッチのURLやサイズをfeatured_image項目として追加する方法です♪ Twitterに貼ったAmazonの短縮リンクで商品画像（OGP）が表示されないときの対処法。原因ははっきりしませんが、筆者はこの方法で毎回画像つきでツイートできるようになりました。アソシエイト向け♪ Java8の日付API（LocalDate / LocalDateTime）からUnixTimeを取得する方法。秒単位はtoEpochSecond、ミリ秒単位はtoEpochMilliを使います。UnixTimeから日付へ戻す変換もサンプルつきでご紹介♪ ブラウザのブックマークからJavaScriptをワンクリックで実行できる「ブックマークレット」の作り方と登録手順。引用ブロックの自動生成のように、ブロガーの繰り返し作業を自動化できます♪ Python3で環境変数に配列を持たせたいときは、カンマなどの区切り文字を含めた文字列で定義してsplit関数で分割します。AWS Lambdaの環境変数でリストを扱いたいときに使える小技です♪ AWS LambdaとCloudWatch Eventsを組み合わせて、Cron指定でLambda関数を定期実行する方法。サーバーレスでバッチ処理が実現できます。トリガーの作成からCloudWatch Logsでの実行確認まで手順つき♪ AWS Lambdaの関数をコマンド一発でアップロードできる「lambda-uploader」の使い方。インストール、IAMロールの用意、lambda.jsonとrequirements.txtの準備、アップロードからコンソールでの動作確認まで♪ Python3でos.environから取った環境変数はstr型なので、そのままでは数値として使えません。int関数でキャストする方法と、アルファベットや全角数字を渡したときにどうなるかも試しました♪ Java8でURLのパス文字列を分解して末尾や途中の値を取り出す方法。正規表現を使わず、java.nio.fileのPathsクラスとgetFileName・getParent・getNameで扱えます。末尾がスラッシュの場合の挙動も♪ MacのSpotlightのショートカットがIDEのコード補完とかぶって邪魔なときは、キーボード設定のショートカットから「Spotlight検索を表示」のチェックを外すだけで無効化できます。Alfredがあれば困りません♪ ブログ初心者が無料のWordPressテーマで雑記型のIT・技術ブログを運営して月間1万PVを達成するまでの道のりまとめ。ブログの目的、方針、運営費、使用テーマ、StaticPressとS3による高速化、PVと収益の推移まで♪ サンドウィッチマン伊達みきおさんの「カロリーゼロ理論」をまとめました。ドーナツは真ん中が空洞だからゼロ、カステラ、カツカレー、柿の種など、アメトーークで語られた迷理論を一覧でご紹介♪ AWS LambdaのPythonスクリプトをローカルで動作確認できる「python-lambda-local」の使い方。pipでのインストールから、外部依存なし・リクエスト依存・外部ライブラリ依存の3パターンの実行方法とJSONエラーの対処まで♪ Pythonのboto3でAWSを操作するとき、defaultではなく任意の認証情報を使う方法まとめ。boto3.sessionでprofileを指定する書き方と、ACCESS_KEYとSECRET_KEYを直接指定する書き方の2通りです♪ Photoshopでレイヤーが「インデックス」と表示されて追加も編集もできないときは、カラーモードがインデックスカラーになっているのが原因。イメージ→モード→RGBカラーに戻すだけで直ります♪ AMP For WordPressプラグインが出力するAMPページのレイアウトとデザインを、テンプレートファイルと専用CSSでカスタマイズする方法。amp/style.phpとamp/single.phpの作成から、AMPツールでの有効判定まで♪ AMPページではJavaScriptが使えないのでAmazonJSの商品カードが表示されません。amp/aws_api.phpとamp/single.phpを用意してAmazonJSのプラグインを修正し、AMPページでも商品画像と情報を表示させる方法です♪ AMP for WordPressで生成したAMPページにGoogle AdSenseの広告が表示されないときの対処法。AdSenseの管理画面からAMP自動広告を有効にし、手順2と3のスクリプトをfunctions.phpに追加するだけです♪ AMP for WordPressでAMP対応した途端にGoogle AnalyticsのPV数が下がった原因は、AMPページにAnalyticsタグが入っておらずスマホからの流入が集計されていなかったこと。プラグインのAnalytics設定で解決します♪ ブログ記事でショートカットキーを説明するときに便利な、キーボードボタン風デザインのCSSサンプル。span要素にクラスを振ってstyle.cssにコピペするだけ。背景色やサイズは自由にカスタマイズできます♪ リモートサーバーとローカルマシンでファイルを転送するFTPソフト「FileZilla」のインストールと使い方。FTPとは何かから、サーバーへの接続、ファイルのダウンロードとアップロードまで。Windows/Mac両対応♪ さくらのレンタルサーバーに構築したWordPressサイトにBasic認証をかける方法。サーバコントロールパネルのファイルマネージャーからディレクトリを選び、アクセス設定でパスワード制限とユーザーを追加するだけ♪ WordPressなどのPHPで変数や文字列をデバッグログに出力する方法。error_log関数を使えば簡単で、引数の説明とシンプルな書き方をまとめました。var_dumpやechoを使わずにログで動作確認したいときの備忘録です♪ IntelliJ IDEAでSpringBootのリモートデバッグを使う手順。Dockerなどで環境が分かれていてもホスト側のデバッガーが使えます。ブレイクポイントの設置、Remote構成の作成、起動コマンドへのオプション追加まで♪ StaticPressで出力したAMPページがSearch Consoleで「meta http-equiv」エラーになる原因は、自動追加されるLast-Modifiedタグ。class-static_press.phpとplugin.phpを修正してAMPページでは追加しないようにします♪ unzipコマンドで解凍先のディレクトリを指定するには -d オプションを使います。何も付けないとカレントディレクトリに展開されて上書き事故のもとになるので、覚えておきたい小技です♪ SVGやPNGの画像1枚からWindows・Mac・Webサイト用のアイコンファイルをまとめて自動生成するnpmモジュール「icon-gen」の使い方。favicon作りやElectronアプリのアイコンに。マルチアイコンにも対応しています♪ Javaライブラリの動作確認用プロジェクトをGradleでサクッと作る方法。HomebrewでのGradleのインストール、gradle initでのプロジェクト作成、ユニットテスト、Jacksonなどライブラリの追加と確認まで。xmlいらずです♪ ポケモンGOの2018年12月コミュニティデイは、これまでのコミュニティデイに登場した全ポケモンが12月1日から3日まで大量発生する内容。限定技も覚えられて復帰勢に嬉しい内容です。期間とボーナスをまとめました♪ USBポートが足りない問題を解決してくれる5ポート急速充電器「Anker PowerPort Speed 5」のレビュー。Quick Charge 3.0対応、63W、PowerIQなどの特徴と、パッケージ、付属品、使用感まで。コンセント周りがスッキリします♪ ポケモンピカブイのクリア後要素「マスタートレーナー」の解禁方法と、151匹分の出現場所を一覧表にまとめました。頭上のポケモンアイコンが目印で、対象ポケモンを先頭にして話しかけると1対1のタイマン勝負ができます♪ ポケモンピカブイでメガシンカを使うには、バッジ7つでトキワジムを訪れるイベントでグリーンからキーストーンと御三家のメガストーンをもらいます。持ち物が廃止された本作では持たせる必要もありません♪ ピカブイのGoパークにポケモンGOからポケモンを連れてくる方法。Bluetoothでのペアリング設定、転送の手順、Goパークでの捕獲まで。転送するとメルタン捕獲用の「ふしぎなはこ」ももらえます♪ ピカブイは自転車が廃止されているので、代わりにポケモンに乗って移動速度を上げます。クチバシティで最短入手できるウィンディ（ピカチュウ版）とペルシアン（イーブイ版）のもらい方をご紹介♪ ポケモンピカブイで個体値を確認するジャッジ機能の解放方法。クチバシティ東の建物2階にいるオーキド博士の助手に、図鑑の捕獲数30匹以上で話しかけると使えるようになります。使い方もあわせて♪ ポケットモンスター Let's Go! ピカチュウのモンスターボールPlusセットを買ったので開封と序盤のプレイレポート。付属品、モンスターボールPlus、ピカチュウとの出会い、野生ポケモンの捕獲システムの変更、相棒との触れ合いまで♪ WordPressのサイトを「AMP for WordPress」プラグインでAMP対応する方法。AMPとは何か、表示速度アップなどのメリットと修正が必要などのデメリット、プラグインのインストールと確認まで。StaticPress運用でも対応できます♪ Switch版フォートナイトを始めたガチ初心者がまずやるべき設定。コントローラー感度とターゲット感度、武器の自動回収、コントローラータイプの選び方。弾が当たらない・敵を倒せない人向けです♪ 通信障害で中止になったポケモンGOのダンバルコミュニティデイの再実施日時が10月28日（日）12時〜15時に決定。内容は変更なしで、ハロウィンイベントのアメ2倍も適用されます。公式情報と開催概要をまとめました♪ ポケモンGOのハロウィンイベントで伝説のポケモン「ギラティナ（アナザーフォルム）」が伝説レイドに初登場。ゴースト・悪タイプのポケモン増加、捕獲時のアメ2倍、ミカルゲのスペシャルリサーチ、ハロウィン風衣装など内容まとめ♪ Oracle JDKの有償化を受けて、無償のAdoptOpenJDKをMacにインストールする方法。OpenJDKとの違い、Homebrewでのインストール、複数バージョンの切り替え設定、確認まで手順つきです♪ ポケモンGOの2018年10月ダンバルコミュニティデイが通信エラー連発で中止になり、後日再実施になった顛末。開始直後は順調だったのに湧かなくなった経緯と、公式からの再実施連絡、原因の考察まで。 AmazonアソシエイトのURLに含まれるトラッキングIDを複数作成して使い分ける方法。複数サイトを運営しているとサイト単位でレポートを見られて分析しやすくなります。管理画面での追加とリンク作成時の選び方まで♪ MacのcurlでHTTP2のリクエストを投げられるようにする方法。brew uninstallは依存関係で失敗するので、brew reinstallでHTTP2対応版を入れ直してパスを変更します。gRPCを試したい方に♪ お名前.comで取得したルートドメインへのアクセスをサブドメインへリダイレクトさせる方法。EC2を立てずにRoute53とS3のリダイレクト設定だけで実現できます。サブドメイン側はCloudFront+S3で表示。curlで301を確認♪ GitHub Universe 2018でPull Request以来の新機能「GitHub Actions」が発表されました。GitHub上の操作をトリガーにDockerコンテナを連携させてビルド・テスト・デプロイを自動化でき、main.workflowファイルで管理します♪ 標準出力をインクリメンタルに絞り込み検索できるGo製ツール「peco」の使い方。Homebrewでのインストール、ディレクトリの検索、コマンド履歴の検索を関数登録して呼び出す方法まで。grepより断然使いやすいです♪ ffmpegで.mov動画から高画質なGifを作る方法。Homebrewでインストールしてコマンド一発で変換できます。24fps・30fps・60fpsとGiftedで作ったものを並べて画質を比較しました♪ 脚を反転収納できて携帯性抜群のVelbonの三脚「ULTREK UT-45」のレビュー。高伸縮比、3Way雲台、クイックシュー機構などの特徴と開封、最大157cmまで伸ばした様子、夜景の試し撮りまで。旅行用に♪ 幻のポケモン「メルタン」の入手方法が判明。ポケモンGOからピカブイにポケモンを送るともらえる「ふしぎなはこ」で出現します。ピカブイでも連れ歩け、冬頃にはスペシャルリサーチにも登場予定なのでピカブイが無くても入手可能♪ 記事のタイトルを修正してもGoogleの検索結果のタイトルが変わらないときの対処法。旧Search ConsoleのFetch as Googleで取得してインデックス登録をリクエストすれば、約4日で検索結果が更新されました♪ Electron製ターミナル「Hyper」のおすすめプラグインまとめ。.hyper.jsのpluginsに追記するだけで導入できます。Hyperpower、Hyper Pokemon、Hyperterm Material、Hyper Statusline、Hyper Searchなど♪ Zshとpreztoでプロンプトをカスタマイズしていると、Electron製ターミナル「Hyper」で文字化けが発生します。原因はフォント設定で、Source Code Pro for Powerlineを設定の先頭に追加すれば直ります♪ 本を俳優や声優の朗読で聴けるAmazonのボイスブックサービス「Audible（オーディブル）」の紹介。月額とコインの仕組み、無料期間、スキルアップ・リラックス・エンタメの楽しみ方まで。通勤時間が有意義になります♪ ポケモンGOで10月6日から15日までエスパーウィークが開催。エスパータイプのポケモンが多く出現し、フィールドリサーチが追加、色違いのスリープも実装されます。レアなラルトスも対象なので捕まえておきましょう♪ Electron製でWindows/Mac両対応のターミナルアプリ「Hyper」のインストール方法。起動と.hyper.jsでの設定管理、「prompt_segment:5: character not in range」が出る場合の対処まで。カスタマイズ性が魅力です♪ Google Analyticsに「h/4314943.html」のような存在しないページへのアクセスが突然増えた原因を調査。計測タグごとページをコピーされて別ドメインのPVがカウントされていました。worldwide-seo-services.netの被リンクスパムについても♪ SpringBootの起動時に出るバナーを好きな画像やテキストに差し替える方法。src/main/resourcesにbanner.pngを置くだけでASCIIアートに変換されます。カラー出力やbanner.txtでの細かい調整も試しました♪ Java8以降はDateやCalendarではなくLocalDate・LocalDateTimeを使いましょう。現在日時の取得、日付を指定したインスタンス生成、文字列からのパースなど、新しい日付APIの基本的な使い方をまとめました♪ Canon Kiss X9iでボケのある写真を撮りたくて、Sigmaの単焦点レンズ「30mm F1.4 DC HSM」を買いました。開封から外観、標準レンズや魚眼との撮り比べまで。純正より安くてコスパ最強です♪ 発売日当日に届いたGoPro HERO7 Blackを開封しました。開封動画、外観、付属品の一覧と、合わせて買っておいた液晶保護フィルムとmicroSDカードの紹介、保護フィルムを貼るところまで♪ ポケモンGOに突如現れた謎の新ポケモンの正体は、幻のポケモン「メルタン」でした。ナットポケモン・はがねタイプ・液体金属の体など公式発表の図鑑情報をまとめ、ピカブイとの連携についても触れています♪ 東京ゲームショウ2018でSwitch版ドラゴンクエスト11が「ドラゴンクエスト11 S」として正式発表されました。タイトルの「S」の意味、ボイス付きでON/OFF可能、発売日未定などの新情報と、2D/3D/HD全部入りという筆者の予想♪ GoPro HERO7が正式発表、国内発売日は9月27日。ジンバル不要の手ぶれ補正HyperSmooth、防水、音声コントロール、スーパーフォト、ライブストリーミング、TimeWarpなどの特徴と、Black・Silver・Whiteの3機種比較表♪ ポケモンGOの個体値をスクリーンショットから自動判定してくれるアプリ「Poke Genie」の使い方。インストールと設定、読み取れないときの対処法まで。個体値チェッカーに手入力する手間がなくなります♪ Python3で数字を0埋めした文字列にする方法。桁数が決まっているならformat関数の{0:04d}、桁数を動的に指定したいならzfill関数を使います。0桁・1桁を指定したときの挙動も確認しました♪ 口にくわえて両手を自由に撮影できるGoProの「バイトマウント + Floaty」のレビュー。特徴、開封、外観と付属品、取り付け方、バイクに乗りながら実際に使ってみた動画まで。バイクやサーフィンに♪ ポケモンGOのウルトラボーナスの内容まとめ。フリーザー・サンダー・ファイヤーが伝説レイドに再登場、カントー地方のポケモン大量発生、ミュウツーがレイドに参戦、7kmタマゴから地域限定ポケモンが孵化。復帰勢に嬉しい内容です♪ 生産終了で手に入らないポケモンGo Plusの代わりに、Brookの「Pocket Auto Catch」でポケモン捕獲とポケストップを全自動化。開封から充電、接続、有効化までをレビューします。非公式なので自己責任で♪ ポケモンGOで2016年7月〜8月に捕まえたポケモンを交換すると確定でキラポケモンになるようになりました。交換後の個体値の最低ラインが12-12-12に上昇。確定の条件と公式説明の怪しい部分についても♪ ローソン限定の伊藤園飲料キャンペーンで付いてきたドラゴンクエストライバルズのモンスターマグネットシール全12種をコンプリート。対象商品、シールとアイテムコード、冷蔵庫に全部貼った様子までご紹介♪ 2年ぶりにポケモンGOへ復帰したら別ゲームになっていました。相棒ポケモン、レイドバトル、スペシャルリサーチなど、引退中に追加された新機能を浦島太郎状態からおさらいします♪ Windows10に標準搭載されたパッケージ管理システム「PackageManagement」の使い方。パッケージプロバイダーChocolateyのインストールと初期設定、コマンドでのアプリケーションのインストールまで。Homebrew感覚で管理できます♪ Canon一眼向けの対角線魚眼レンズ「Sigma 15mm F2.8 EX DG DIAGONAL FISHEYE」のレビュー。全周魚眼と対角線魚眼の違い、特徴と仕様、開封、外観、実際に撮影した作例までご紹介します♪ ㍉㍑㌢㌧のようなカタカナの組み文字（単位記号）を並べて遊ぶネタまとめ。一覧表とコピペで使える組み合わせ例、正式な文書では使わないなどの注意点をご紹介します♪ MacBook Proの背面に貼って角度を付けられる「Bluelounge Kickflip フリップスタンド」のレビュー。排熱効果、手首の負担軽減、タイピングのしやすさを実感しました。特徴、開封動画、外観、付属品、取り付けまで♪ YouTubeの動画に好きなサムネイル画像を設定する「カスタムサムネイル」の有効化と設定方法。電話番号によるアカウント確認をすれば、パートナープログラムの審査中でも使えます♪ WordPressテーマ配布サイト「Elegant Themes」が無料で配布しているマテリアルデザイン風のアイコンセットの紹介。PDF/PNG/AI/EPS形式で単色とカラーの両方が入っています。ダウンロード手順つき♪ GoPro HERO7のリーク情報まとめ。歴代HEROシリーズの発売時期から2018年9月発売と予想、海外の認証機関への登録情報、Black・Silver・Whiteの3機種展開、9月20日の新製品発表会の告知まで随時更新しました♪ PCにSDカードスロットが無いので、Amazonで格安の「BUFFALO USB3.0 BSCR21U3 マルチカードリーダー」を買いました。特徴と仕様、開封、外観と付属品、使用感まで。ドライバ不要で挿すだけで使えます♪ 旅行やエコロジー関連の可愛いアイコンを無料で配布している「tympanus」の紹介。AI/SVG/PSD/PNG形式で配布されているのでブログのアイキャッチやサムネイルに使いやすいです。ZIPファイルのダウンロード手順も♪ 初めてのワイヤレスイヤホンにSoundPEATSのエントリーモデル「Q30 Plus Bluetooth」を買いました。無線イヤホンのメリットとデメリット、製品情報と防水性能、開封、スマホとのペアリングまでレビュー♪ WordPressのカテゴリにアイコンを付けられるプラグイン「Easy Category Icons」の使い方。インストール後、カテゴリ編集画面でアイコンを選ぶだけ。サイドバーのウィジェットにも表示されて見た目が良くなります♪ WordPressの管理画面でアップロードしたSVG画像のサムネイルが表示されない原因は、縦横1px指定のstyleになっているため。管理画面用のCSSに数行追記するだけでサムネが表示されるようになります♪ WordPressの管理画面側のCSSを変更する方法。管理画面用のCSSファイルを用意してサーバーに転送し、functions.phpで読み込むように追記します。SVG画像が管理画面で表示されない問題の対処などに♪ WordPressでSVG画像をアップロードするとエラーになる原因は、MIMEタイプのチェックでSVGが許可されていないから。functions.phpに許可する記述を追記するだけで対応できます。バックアップの上で自己責任で♪ LightroomからInstagramへ直接投稿できるプラグイン「LR/instagram」の使い方。プラグインのインストール、ログイン、アップロードまで。毎回書き出してスマホから投稿する手間がなくなります♪ WordPress4.2から自動で読み込まれる絵文字用のwp-emoji-release.min.jsは読み込みに時間がかかります。絵文字を使わないならfunctions.phpに2行追加して除去し、表示速度を上げましょう♪ サブドメインとルートドメイン、サブディレクトリの違いをblogenist.jpを例に解説。複数サイトを運用するならサブドメインが将来性あり。GoogleやAmazonのサブドメイン運用例も紹介します♪ RESTful APIのドキュメントをテキストベースで定義できるフレームワーク「Swagger」の紹介。Swagger Spec・Swagger Editor・Swagger UI・Swagger Codegenの各モジュールの役割をまとめました。Git管理しやすいのが魅力♪ 自作PCに取り付けたHDDがWindows10のエクスプローラーで認識されないときの対処法。原因は未割り当ての状態なので、コンピューターの管理画面から新しいシンプルボリュームを作成すればDドライブとして認識されます♪ 初めての自作PCを組み立ててインターネットに繋ぐまでの記録。ASUS X470マザーボードにRyzen 7 2700を載せ、メモリ・CPUクーラー・電源・GPUの取り付け、ケーブル配線、起動確認まで写真つきで♪ Webフォント「Google Fonts」の導入方法と使い方。公式サイトでフォントを選び、linkタグを読み込んでCSSで指定するだけ。テキスト画像を書き出す手間がなくなり、色やサイズもCSSで変えられます♪ brew update後にiTerm2で「dyld: Library not loaded: libgdbm.4.dylib」が出てZshが動かなくなったときの対処法。標準ターミナルを一時的にbashに変更し、Zsh関連をHomebrewで再インストールすれば直ります♪ 開封動画でよく見る真上からの「真俯瞰撮影」に必要な機材をそろえました。Velbonのクランプキット、SLIKのスライディングアーム、自由雲台、折りたたみテーブル。組み合わせてカメラを固定するまでの手順です♪ WindowsとMacの2台使いで、USB HDDの繋ぎ直しが面倒なのでNASを導入しました。NASのメリットとデメリット、開封、ルーターとの接続、WindowsとMacそれぞれからの接続設定、初期設定までご紹介♪ AWSのEC2インスタンスのサイズ（インスタンスタイプ）を構築後に変更する手順。インスタンスを停止してからアクションメニューのインスタンスタイプの変更で任意のタイプを選び、再度起動するだけです♪ Windows10でスクリーンショットを簡単に撮る方法。Windowsキー+PrintScreenで自動的にPicturesフォルダに保存、Windowsキー+Shift+Sで範囲指定ができます。ペイントやSnipping Toolより断然楽です♪ Google AdSenseの収益が住所確認基準額の1000円に到達すると、PINコードが記載されたハガキが郵送されます。到着までの期間、ハガキの開封、AdSenseの管理画面でのPINコード登録手順をまとめました♪ AWSのEC2にPingが通らない原因は、セキュリティグループでICMPが許可されていないから。インバウンドルールに「すべてのICMP」を追加すれば通るようになります。SSHは入れるのにPingだけ返ってこないときに♪ GoProの弱点は暗所撮影。サードパーティ製のLEDライトアクセサリーを5製品試して比較しました。Knog QUDOS、Manfrotto Off road、Andoerのリングライトとダイビングライト、そして一番おすすめの防水LEDライト♪ AWSのプライベートサブネットのEC2でyumが「Cannot find a valid baseurl for repo: amzn-main/latest」で失敗する原因はインターネットに出られないこと。NATゲートウェイを作成してルートテーブルに追加すれば解決します♪ 8年使ったデスクトップPCが起動しなくなったので、4K動画編集ができる自作PCに挑戦。Ryzen、X470マザーボード、GeForce、G.Skillメモリ、Samsung SSD、ケース、CPUクーラー、電源、OSなど購入パーツを一覧でご紹介♪ 独自VPC上のEC2インスタンスは再起動してもパブリックIPが変わらないという話を検証しました。デフォルトVPCと独自VPCそれぞれで、作成直後・再起動・停止→起動のIPアドレスを比較。ElasticIPの説明も♪ 独自VPCのpublicサブネットにbastion（踏み台）サーバー、privateサブネットにwebサーバーとdbサーバーのEC2を構築する手順。ElasticIPの設定、セキュリティグループの作成、踏み台経由のSSH接続確認まで♪ AWSでVPC（Virtual Private Cloud）を自分で作る手順。VPCの作成、サブネットの作成、インターネットゲートウェイの作成とアタッチ、ルートテーブルの作成とサブネット・ゲートウェイの関連付けまで♪ UnixやLinuxで定期実行を設定する「Cron」の基本。分・時・日・月・曜日の書き方と指定できる値、crontabでのスケジュール登録・確認・削除の手順、実行されないときのチェックポイントまでまとめました♪ SSL証明書を取得するときに認証局へ提出するCSRの作り方。コマンドで秘密鍵を生成し、ディスティングイッシュネームを入力してCSRを作成するまでの手順と、CSRとは何かの説明もあわせて♪ YouTubeチャンネルの初期設定をカスタマイズする手順。Googleアカウント側でチャンネル名とアイコンを変更し、YouTube側でチャンネルアートを設定するまでを画面つきで。動画投稿前に見た目を整えましょう♪ ブログで取得済みのGoogle AdSenseアカウントをYouTubeに連携する手順。AdSenseアカウントの2種類の違い、GoogleアカウントとYouTubeの連携、チャンネルの作成、収益の有効化まで。パートナープログラムの条件についても♪ Macのスクリーンショットの保存先をデスクトップから任意のフォルダに変更する方法。defaults writeコマンドで保存先を設定し、killall SystemUIServerで反映するだけ。デスクトップに戻す方法も♪ StaticPressS3で転送するとheadタグに追加したFeedへのlinkタグが消えてFeedのHTMLも生成されない原因は、プラグインが特定のlinkタグを除去する仕様のため。class-static_press.phpを修正して対処します♪ AWSのEC2にpemキーでSSH接続すると「WARNING: UNPROTECTED PRIVATE KEY FILE!」が出る原因は、鍵ファイルのパーミッションが0644で緩すぎるから。chmodで600に変更すれば接続できます。初心者が必ずハマる壁です♪ Homebrew Caskで「undefined method `release' for OS::Mac:Module」が出てbrew cask uninstallできないときの対処法。Caskroom配下と/Applications配下のファイルを手動で削除します。自己責任で♪ 無水鍋とは食材の水分だけで調理できる鍋のこと。圧力鍋との違い、メリットとデメリット、ストウブ・ル・クルーゼ・バーミキュラ・無水鍋®の各ブランドの特徴を比較してご紹介します♪ WordPressの管理画面の投稿一覧に記事の最終更新日時の列を追加してソートできるようにするカスタマイズ。functions.phpに追記するだけ。古い記事を定期的に更新して鮮度を保つSEO対策に役立ちます♪ 一眼レフデビューでCanon EOS Kiss X9iのレンズキットを買ったので開封しました。カメラケース、レンズプロテクター、レンズフード、液晶保護フィルム、SDカードなど一緒に買っておきたい備品もご紹介♪ はてなブログでjQueryを使おうとすると「$が見つからない」エラーになる原因は、jQueryの読み込みがHTML下部で行われるタイミングの問題。addEventListenerでDOM読み込み後に実行するように書き換えれば動きます♪ StaticPressでWordPressのRSS Feedを出力するとindex.htmlになってしまう問題の解決方法。xml形式で出力する設定と、FeedのURLが管理サーバーのままになる問題をplugin.phpへの追記で直す手順です♪ コメント機能を使っていないWordPressサイトでcomment-reply.min.jsを読み込まないようにする方法。StaticPressでwp-includesを除外して出るエラーの対処にも。functions.phpに条件付きの記述を追記します♪ StaticPressが添付ファイルページやauthor、wp-admin、wp-includesなどの不要ファイルまでS3に転送してしまう問題の対処法。class-static_press.phpとplugins.phpを修正して出力対象から除外します♪ StaticPressS3でS3に転送しても更新済みの記事がCloudFrontのキャッシュで即時反映されない問題の対処法。手動でInvalidateする方法と、Lambda関数で転送時に自動でInvalidateする設定までご紹介♪ WordPressは画像をアップロードすると大・中・小の複数サイズを自動生成してディスクを圧迫します。メディア設定とoptions.phpのmedium_large_size_wを0にして、不要な画像ファイルが生成されないようにする方法です♪ StaticPressで再構築してもsitemap.xmlやrobots.txtが出力・転送されない問題の対処法。原因はプラグイン側の既存バグで、ソースコードのcase句に1行追加するだけで正常に出力されるようになります♪ StaticPressで再構築ボタンを押しても処理中のまま止まってしまう原因はプラグインのjQueryの既存バグ。開発者ツールでエラー箇所を確認し、該当行の前に1行追加するだけで処理が進むようになります♪ WordPressのsitemapを自動生成してくれるプラグイン「Google XML Sitemaps」のインストール方法。記事の追加・更新時に自動でsitemapを更新して検索エンジンに通知してくれます。設定は初期値のままでOK♪ WordPressのコメント機能自体を無効化する方法。管理画面のディスカッション設定ではOFFにできないので、functions.phpにadd_filterで1行追記します。StaticPressで静的化しているサイトに♪ WordPressのショートコード機能の作り方。functions.phpに登録したPHP関数を記事投稿画面から呼び出せるので、動的な処理やHTMLを簡単に挿入できます。クイックタグとの違い、独立型と引数型のサンプルつき♪ S3とCloudFrontで公開しているWordPressサイトをAWS Certificate Managerの無料SSL証明書でHTTPS化する手順。SSLとHTTPSの説明から、SESでのドメイン確認メールの受信設定、証明書の取得、CloudFrontへの設定まで♪ StaticPressでS3に転送したWordPressサイトを、Route53とCloudFrontを使ってお名前.comの独自ドメインで公開する手順。S3のバケットポリシー、CloudFrontのDistribution作成、Route53のHosted Zone設定まで♪ StaticPressで静的化したWordPressサイトを、拡張プラグイン「StaticPressS3」でAWSのS3バケットに転送して公開する手順。S3側のバケット作成、プラグインのインストールと設定、エラーの対処、S3側の調整まで♪ WordPressのブログを静的なHTMLに書き出して軽くするプラグイン「StaticPress」の導入方法。パーマリンクとmod_rewriteの準備、プラグインの設定、HTML化して表示を確認するまでの手順です♪ はてなブログに登録してブログを開設するまでの手順。はてなIDの会員登録、メール認証、ブログ開設、最初にやっておくべき基本設定・詳細設定・デザイン設定まで画面つきで。SEOに強く初心者におすすめです♪ メディアブログ向けの無料WordPressテーマ「LION MEDIA」の導入方法。AMP対応・SEO最適化・レスポンシブで、テーマを入れるだけで55の機能が使えます。ダウンロードから子テーマのインストール、有効化と確認まで♪ 自分でサーバーやWordPressを用意せずにブログを始められる無料ブログサービスの比較まとめ。Amebaブログ、FC2ブログ、ライブドアブログ、Seesaa、はてなブログ、JUGEMの特徴と出来ること・出来ないことを整理しました♪ WordPressのテーマとは何かをブロガー初心者向けに解説。公式・非公式（無料）・有料の種類、親テーマと子テーマの関係、デザインが豊富でレイアウトが自動調整され機能拡張もできるというメリットまで♪ WordPressのパーマリンクを後から変更するとSEOがURL単位でリセットされてPVも収益もほぼ0になった筆者の失敗談。SNSのシェアも無効になります。数日で徐々に戻り始めた経過と、最初にしっかり決めるべき理由。 WordPressの記事URLを決めるパーマリンクの設定方法。設定画面のカスタム構造で使える%year%や%postname%などのタグ一覧と、変更して確認するまで。SEO的に意味のあるURLになるので最初に設定しましょう♪ WordPressの記事ページのtitleタグはデフォルトで「記事タイトル – サイトタイトル」形式。WordPress4.4以降ならfunctions.phpに数行追記するだけで区切り文字を「|」などに変更できます。開発者ツールでの確認まで♪ Ansibleのplaybook実行時に「Failed to set permissions on the temporary files Ansible needs to create」が出たときの対処法。ansible.cfgに設定を追記するだけで回避できます。備忘録です。 AnsibleでEC2にWordPressをインストールするplaybookの備忘録。ansible.cfg・hosts・group_vars・host_vars・handlers・rolesのファイル群と実行コマンド、ブラウザでインストール画面を確認するまで。 AnsibleでEC2にMySQLをインストールするplaybookの備忘録。inventories・roles・templatesのディレクトリ構造とファイルの中身、実行コマンド、正常パスワードと不正パスワードでの接続確認までまとめています。 AnsibleでEC2にPHP5.6をインストールするplaybookの備忘録。hosts・group_vars・host_vars・handlers・rolesのディレクトリ構造とファイルの中身、実行コマンド、ブラウザでの確認まで一式まとめています。 サーバー移行やドメイン変更のときに、WordPressの全記事内の古いURLなどの文字列をSQLで一括置換する方法。MySQLのREPLACE関数とLIKE句を組み合わせたUPDATE文をphpMyAdminで実行します。バックアップ必須♪ DockerコンテナにインストールしたMySQLを起動すると「/etc/sysconfig/network: No such file or directory」が出て起動できないときの対処法。コンテナに入ってnetworkファイルを作成するだけで解決します♪ 「ቻﾝቻﾝがቺቻቺቻ」の正体はエチオピアのアムハラ語。本当は何と読むのか、なぜカタカナの「チ」に見えるのかという文字の仕組みと、コピペで使える組み合わせ例をまとめました♪ Djangoのテンプレートでheadやfooter、navなどの共通部分をパーツ化して読み込む方法。includeタグを使えば別のHTMLを任意の場所に挿入できるので、修正が一箇所で済んで保守が楽になります♪ 2018年時点のGoPro製品ラインナップ一覧。HERO6、HERO5 Session、HERO、360度カメラのFusion、ドローンのKarmaの各機種の特徴と、買収問題やドローン事業からの撤退などGoProの今後についてまとめました♪ Philips Hueのスターターセットで照明器具をスマートホーム化しました。フルカラーLEDとHueブリッジの開封、ブリッジの接続、Hueアプリの初期設定とルームのセットアップ、ライトのON/OFFや光量調整の操作まで♪ 個人事業主の事業用口座に振り込まれた預金利息の仕訳方法。勘定科目は「事業主借」で処理します。法人の受取利息とは異なり、利子所得として源泉徴収済みなので事業所得には含めません。仕訳例つき。 Amazon Echo Plusを買って付属のPhilips Hueランプを操作してみました。Echoの種類の選び方、開封、電源接続とAlexaアプリでのセットアップ、Hueの設定、アプリからのスマートホーム操作まで♪ treeコマンドでディレクトリ構造をテキストで出力する方法。MacならHomebrewで入ります。日本語の文字化け対応、階層の指定、ディレクトリのみ表示、除外パターン、ファイル出力などオプションもまとめました♪ Djangoのテンプレートで配列をループ表示する書き方と、要素数を取得する方法。len関数はテンプレート側では使えずエラーになるので、lengthフィルターを使います。プログラミング備忘録です♪ 複数のDockerコンテナをまとめて起動・管理できる「Docker Compose」の使い方。RedmineとMySQLの構成を例に、docker-compose.ymlの作成から起動、ブラウザでの確認まで。コマンド一発で済むようになります♪ 対話型のAIアシスタントを搭載したスマートスピーカーの比較まとめ。Google Home、Amazon Echo、ソニーのLF-S50G、LINEのClova WAVEについて、発売日や価格、連携できるサービスなどの特徴を整理しました♪ プロジェクト管理ツール「Redmine」をDockerでインストールする手順。RedmineとBacklogの違い、RedmineとMySQLのイメージ取得、データストアディレクトリの作成、コンテナ起動からブラウザ確認まで♪ 個人事業主やフリーランスにおすすめの節税制度「小規模企業共済」の解説。経営者の退職金制度と呼ばれる仕組み、加入条件、掛金全額が所得控除になる節税効果、元本割れの有無、支払い方法、申し込み方法まで。 AnsibleでApacheをインストールするplaybookの備忘録。hosts・group_vars・host_vars・handlers・rolesのディレクトリ構造と各ファイルの中身、実行コマンド、ブラウザでの確認までまとめています。 DjangoのtemplateファイルからCSS・JavaScript・画像などの静的コンテンツ（staticファイル）を読み込む仕組みと手順。アプリ配下にstaticディレクトリを作り、load staticとstaticタグで相対パス指定します♪ Apache製の負荷テストツール「JMeter」をMacにHomebrewでインストールして使う方法。スレッドグループの作成と設定、HTTP Requestの追加、実行、View Results Treeのリスナーを追加して結果を確認するまで♪ Google AdSenseに追加された機械学習で広告を自動配置する「自動広告」を試してみました。有効化と設定の手順、実際にheaderタグ内・footerタグ内・サイドバー内に自動挿入された結果とレイアウト崩れの注意点♪ 2018年にβ版が公開された新しいGoogle Search Consoleの有効化方法と新機能の紹介。インデックスカバレッジと検索パフォーマンスのレポートを旧版と比較。UIが今風になり条件指定のカスタマイズ性も上がっています♪ はてな製のクラウド型サーバー監視サービス「Mackerel（マカレル）」の導入手順。登録からAPIキーの確認、エージェントのインストール、ダッシュボードでの確認、アラートをSlackに通知する設定まで♪ JenkinsやGitHub、mackerelなどの外部サービスからSlackに通知を送るためのIncoming WebhookのURL取得方法。チャンネルを選んでWebhookを追加し、シェルスクリプトで通知テストするまで♪ ローカルのDockerで動かしているAmazon LinuxのEC2コンテナにSSH接続できるようにする手順。SSH認証鍵の準備、sudoやcurlなどを入れるDockerfileの作成、イメージのビルド、コンテナ起動、SSH接続と確認まで♪ PythonのWebフレームワーク「Django」のインストールから起動まで。pipでのインストール、プロジェクトの作成、DBのマイグレート、管理ユーザーの作成、アプリを起動して管理画面にログインするところまでコマンドベースで♪ Twitterでブログ記事をシェアしたときにタイトルやアイキャッチ画像を綺麗に表示させるTwitter向けOGPの設定方法。WordPressのheader.phpにmetaタグを追記するだけ。横長のアイキャッチが見切れるときの対処も♪ ブログやサービスの広告塔になるFacebookページの作り方。個人ページとの違いとメリット、個人アカウントからのページ作成、画像のアップロード、投稿者の設定、ページURLの調整、ブログURLの設定まで♪ ECRで配布されているAmazon Linuxの公式Dockerイメージを取得して、ローカルのDockerにEC2相当の環境を作る手順。AWS-cliでのECRログイン、権限エラーの対処、イメージ取得、コンテナ起動と確認まで♪ Macのスクリーンショットのファイル名はデフォルトで日本語が含まれます。ターミナルで defaults write com.apple.screencapture name を実行するだけで、保存されるファイル名の先頭を好きな文字列に変えられます♪ サイトをSSL化してhttpsにしたときのGoogle Search ConsoleとGoogle Analyticsの再設定方法。httpとhttpsは別サイト扱いなのでSearch Consoleは新規登録とサイトマップの再送信が必要、Analyticsはプロパティとビューの変更だけです♪ S3バケットで公開しているWebサイトに特定のIPだけ閲覧できるIP制限をかける方法。セキュリティグループは使えないので、バケットポリシーのJSONを修正してホワイトリストのIPを指定します。確認手順つき♪ AWSのS3バケットで静的サイトをホスティングする手順。サーバーを借りずにHTML/JS/CSSのサイトを公開できます。バケットの作成、コンテンツの配置、Webサイトホスティングの設定、バケットポリシーまで♪ After Effectsのメニュー言語を日本語から英語に変える方法。書類フォルダに「ae_force_english.txt」という空ファイルを置くだけで切り替わります。英語前提のエクスプレッションでエラーが出るときに♪ GitHubへのpushを検知してJenkinsのJobを自動実行する設定手順。CIツールとは何かから、Jenkins側のジョブ設定、GitHub側のWebhook登録、サーバー側の設定、pushして動作確認するまで♪ プリンターが無くてもセブンイレブンで書類を印刷できる「ネットプリント」の使い方。会員登録なしでファイルを登録し、届いた予約番号をマルチコピー機に入力するまでの流れを画面つきで♪ Ansibleに登場するgroup_vars・roles・files・templatesの各ディレクトリの用途と動きをまとめました。inventoriesごとの変数定義、rolesの構造、templatesで変数を置換してコピーするところまで実際に実行して確認♪ MacでSSHキーを作成してGitHubにHTTPSではなくSSHで接続する手順。HTTPSとSSHの違い、ssh-keygenでの鍵作成、GitHubへの公開鍵登録、configファイルの作成、接続確認まで。認証キーでの接続を覚えておくと便利です♪ Visual Studio CodeにGo言語の開発環境を整える手順。Go拡張機能の追加、settings.jsonへのGOPATH設定、関連ツールとデバッガーのインストール、F5でのサンプル実行まで。コード補完も効いて便利です♪ WordPressでCSSを変更しても反映されないのはブラウザキャッシュが原因。CSSの読み込みURLに更新日時のクエリパラメータを付けて即時反映させる方法を、header.phpとfunctions.phpそれぞれの場合でご紹介♪ Microsoft製のオープンソースエディター「Visual Studio Code」をMacにHomebrew Caskでインストールする方法。起動確認、ターミナルのcodeコマンドから起動できるようにする設定、JSON形式のユーザー設定まで♪ Google Analyticsの分析から検索エンジンのクローラーやbotの訪問を除外する方法。ビュー設定の「既知のボットやスパイダーからのヒットをすべて除外します」にチェックを入れるだけ。数クリックで終わります♪ GitHubのアカウント名を変更する手順と、変更後にクローン済みのローカルリポジトリやSSH接続がどうなるかの検証。Settingsから変更し、プロフィール・リポジトリページ・originのURLを直すところまで♪ After Effectsでフッテージを選択してもバウンディボックスの枠が表示されなくなったときは、ショートカットで再表示できます。MacはShift+Command+H、WindowsはShift+Ctrl+Hで表示を切り替えられます♪ 会計ソフト「MFクラウド」で確定申告の書類を作成する手順まとめ。現預金出納帳の確認、確定申告書Bと決算書の作成、書類のダウンロードまで。初めて青色申告をした筆者の備忘録です。 WordPressの記事内の画像とテキストの境界線が分かりにくいときは、style.cssに記事エリア内のimg要素へ枠線と影を付けるCSSを追加するだけで見やすくなります。キャプチャ画像が多いHowTo記事に♪ WordPressでタグを付けすぎるとSEO的に良くないので、タグクラウドのページをnoindexにする方法。header.phpに分岐処理を追加するだけ。カテゴリーや日付などのアーカイブページをまとめてnoindexにする書き方も♪ インフラ構築を設定ファイルで自動化・可視化する「Ansible」をAWSのEC2にインストールする手順。Ansibleとは何か、メリットとデメリット、インストールと確認、簡単なplaybookでのping接続まで♪ フリーランスや個人事業主が苦手な確定申告とは何かをまとめました。会計結果を確定して国へ申告する作業、青色申告と白色申告それぞれのメリット・デメリット、なぜ個人事業主が嫌がるのかまで。 WordPressのクイックタグ機能をカスタマイズして、よく使うHTMLをボタン1つでテキストエディターに挿入する方法。functions.phpに追記するだけでプラグイン不要。改行コードの埋め込み方も♪ WordPressにアイコンフォント「FontAwesome」をCDNで導入して使う方法。CDNとは何か、header.phpへの読み込み追加、アイコン一覧の探し方、HTMLでの使い方、CSSで見出しの先頭にアイコンを付ける方法まで♪ WordPressの記事PV数を初期化・修正する方法。管理画面からはリセットできないので、phpMyAdminでPV数を管理しているテーブルを開いて直接値を書き換えます。バックアップを取って自己責任で♪ Google Analyticsの「すべてのページ」レポートでURLと一緒にページタイトルを表示する方法。セカンダリディメンションに「ページタイトル」を追加してカスタムレポートとして保存するだけ。5分で終わります♪ Dockerfileでnginxのコンテナを立ち上げて簡単なWebサーバーを作る手順。Dockerfile・index.html・nginx.confの用意、イメージ作成、コンテナ起動、ブラウザ確認、再起動と削除まで一通り♪ Macでパスワード付きzipファイルを作る方法。標準のFinderでは作れませんが、ターミナルで「zip -e」コマンドを使えば一発です。コマンドの意味と、実際にパスワードがかかっているかの確認まで♪ MacにHomebrewでrbenvとruby-buildを入れてRubyの複数バージョンを使い分ける方法。インストール可能なバージョンの確認、インストール、バージョンの切り替え、切り替わらないときの環境変数の設定まで♪ Dockerfileの書き方と実行方法の基本。Dockerfileを作成してdocker buildでイメージを作り、docker runでコンテナを起動、コンテナとイメージの削除まで。コマンド引数では限界がある処理をファイルで管理できます♪ Homebrew Caskを使ってDocker for Macをインストールする手順。コマンド1つで入れてDocker.appを起動し、管理者権限の許可、dockerコマンドの確認、ubuntuイメージでHello worldを出すところまで♪ Go言語のパッケージ管理ツール「Glide」のHomebrewでのインストール方法と使い方。vendoring方式の説明、バージョン定義ファイルの作成、依存パッケージの追加、src が無いエラーの対処、ソースからの利用まで♪ ディレクトリごとに環境変数を切り替えられる「direnv」のインストール方法と使い方。Homebrewで入れて.zshrcに設定を追記し、.envrcファイルを置けばそのディレクトリに入ったときだけ環境変数が反映されます♪ Go言語の複数バージョンを管理して切り替えられる「goenv」をHomebrewでインストールする方法。既存のGoの削除、goenvの導入、バージョン指定でのインストール、環境変数パスの追加、切り替えとアンインストールまで♪ MacにHomebrewでGo言語の開発環境を構築する方法。Go言語とは何かから、インストールコマンド、バージョン確認、hello.goでHello Worldを実行してバイナリに変換するところまで。数分で終わります♪ Gmailのエイリアス機能で1つのGoogleアカウントから複数のメールアドレスを使う方法。アカウント部分に「+キーワード」を付ける、ドメインをgooglemail.comにする、「.」を含めるの3通りを実際に試しました♪ お名前.comで取得した独自ドメインのメールをGmailで送受信する設定手順。お名前.com側のメール転送設定と、Gmail側の二段階認証・アプリパスワードの発行、送信元アドレスの登録まで画面つきで♪ Twitterでフォローバックしてくれないアカウントを整理できる無料サービス「ManageFlitter」の使い方。アクセスから一方的なフォローの確認、JavaScriptコンソールを使った一括フォロー解除まで。凍結には注意です。 さくらのレンタルサーバーでPythonのpipコマンドを使えるようにする手順。python用ディレクトリの作成、pipのインストール、.bashrcへのパス追加、seleniumを入れて確認するまで。sudoが使えない点の注意も♪ MacのFinderでスペースキーを押すだけでファイルをプレビューできる標準機能「クイックルック」の使い方と、Homebrew Caskで入れられる便利プラグインQLColorCode・QuickLookJSON・QuickLookCSVをご紹介♪ AWSのIAMユーザーとアクセスキーの作り方。IAMとは何か、マネジメントコンソールでのユーザー追加、管理者グループの新規作成、アクセスキーの発行まで。rootユーザーをそのまま使うのは非推奨です♪ AWSのEC2インスタンスのシステム日付はデフォルトでUTCなのでJSTと9時間ずれます。/etc/localtimeをJapanに変更するコマンドで日本時間に変える方法と確認手順。再起動不要で即時反映されます♪ After EffectsとPhotoshopを使って動画からGif画像を作る方法。AEのレンダーキューからQuickTime形式でmovを書き出し、Photoshopで開いてWeb用に保存からGifとして書き出します。ループオプションは無限に♪ さくらのレンタルサーバーはSSH接続してもデフォルトではcshとviしか使えません。chshでbashを有効化して.bash_profileを作成し、Vimをインストールしてサーバー操作を快適にするまでの手順です♪ MacのターミナルからさくらのレンタルサーバーにSSH接続する方法。契約メールにある接続情報の確認、パスワードでのSSH接続、鍵ファイルの作成と転送による鍵認証の設定、パーミッションの変更まで。自己責任で♪ Macのユーザーアカウントのアイコン画像を変更する方法。システム環境設定の「ユーザとグループ」で、アイコンのエリアに好きな画像をドラッグ＆ドロップするだけ。位置の微調整まで画面つきで♪ Macでスリープから復帰するときに短時間でも必ずパスワードを求めるようにする設定。システム環境設定のセキュリティとプライバシーで「スリープとスクリーンセーバの解除にパスワードを要求」を「すぐに」にするだけです♪ Macで日本語入力中に変換ボックスが表示されなくなったときの対処法。原因は日本語入力プログラムなので、アクティビティモニターのメモリタブから「日本語」で検索して終了し、再起動すれば直ります♪ After Effects CCでH.264(mp4)形式に書き出す方法。レンダーキューから直接は選べなくなったので、Adobe Media Encoderと連携して出力します。インストールから書き出し、容量の比較まで♪ After Effectsで作った動画をAdobe EncoreでDVDに焼く手順。NTSC DVでの書き出しからEncore CS6のインストール、メニューやエンドアクションの設定、ディスク作成まで。結婚式の余興動画などに♪ Macのライブ変換が日に日にもっさりしてきたときは、アクティビティモニターから日本語入力プログラムを終了して再起動するだけで元のスピードに戻ります。メモリが600MBまで膨らんでいたのが原因でした♪ YouTubeやTwitterの動画をコマンドラインから保存できる「youtube-dl」の使い方。MacならHomebrewでインストールして、URLを渡すだけで音声込みの動画ファイルが落ちてきます。常識の範囲内で♪ After Effectsでタイムライン上にフッテージが無いのにレンダリングされてしまう不具合はキャッシュが原因。キャッシュとは何か、メリットとデメリット、環境設定からキャッシュを削除して解消する手順をご紹介♪ Macで画面操作を録画してGif画像にする方法。標準のQuickTime Playerで画面の一部を収録し、無料ソフト「Gifted」でGifに変換するだけ。GitHubやQiitaでよく見る操作説明Gifが簡単に作れます♪ WordPressの記事にソースコードを綺麗に埋め込めるプラグイン「Crayon Syntax Highlighter」の紹介。40種類以上の言語のシンタックスハイライトに対応。インストールと有効化、専用ダイアログからの使い方まで♪ MacのショートカットやキーボードをWindows風の操作感に近づける設定まとめ。キーの入れ替え、Alt+Tabでのウィンドウ切り替え、メニューバーのキーボード操作まで、元Windows使いがやった設定です♪ WordPressの目次プラグイン「Table of Contents Plus」のデフォルトのちょっとダサいレイアウトをCSSでお洒落に調整する方法。デフォルトCSSの無効化、CSSの調整、開閉時の横幅固定まで。作業前のバックアップは必須です♪ Twitterのフォロワーを自動で増やす無料ツール「鬼ったー」の使い方。会員登録、Twitterアプリの作成、アカウントの設定、キーワードによるフォロー設定まで。機械的なフォローなので凍結には注意です。 水中と水面を一枚の写真に収められるGoPro用アクセサリ、polarproの「FiftyFifty」を開封レビュー。開封動画、外観、本体・保護カバー・手持ち棒などの梱包物、GoProへの取り付けまで。ダイビングや素潜りに♪ 無料WordPressテーマ「stinger8」の物足りない点を補う子テーマ「8beat Style」の紹介と導入方法。子テーマとは何か、ダウンロードから有効化、一覧ページと記事ページのレイアウト確認まで♪ Macでrar形式など標準では解凍できない圧縮ファイルを開くなら無料の「The Unarchiver」。対応形式が豊富で文字化け対策もあります。App StoreとHomebrewそれぞれのインストール方法をご紹介♪ Macで大量のttf/otfフォントファイルをまとめてインストールするなら標準アプリの「Font Book」。ファイル→フォントを追加でディレクトリを選ぶだけで、配下のフォントを全部入れてくれます♪ Gravatarに登録せずにWordPressのアバター画像を設定できるプラグイン「WP User Avatar」の使い方。インストールと有効化、ユーザー編集画面での画像選択、記事ページでの確認まで画面つきで♪ 自宅の無線LANで繋がったWindowsとMacの間で共有フォルダを使う設定方法。Windows側のコンピューター名とワークグループ、ネットワークと共有の設定から、MacのFinderでサーバーに接続するまで♪ 「ポンポンペイン」の特殊文字 pͪoͣnͬpͣoͥnͭpͣa͡inͥ の正体と表示方法。前の文字にくっつく結合文字の仕組みを1文字ずつ分解して解説し、自分で作る手順と使うときの注意点もまとめました♪ ニンテンドースイッチのパッケージ版とダウンロード版のメリット・デメリットを比較し、ダウンロード版ソフトをニンテンドーeショップから購入してダウンロードするまでの手順をご紹介。店に並ぶ必要がありません♪ ニンテンドーアカウントの新規登録手順。Switchのニンテンドーeショップから案内メールを送り、届いたURLで登録情報を入力し、確認番号をSwitchに入れて連携するまでを画面つきでご紹介♪ ニンテンドースイッチを買ったら最初にやる本体初期設定の手順。パッケージの内容物、買っておくべきmicroSDカード、ユーザー情報の作成やWi-Fi接続、microSDXCカードを使うための本体更新まで♪ GoPro HERO6 Blackが発売と同時に発表されました。新チップGP1でHERO5の2倍のパフォーマンス、4K60fpsと1080p240fpsのスローモーション、ハウジング無しで水深10m防水、音声コマンド、手ぶれ補正などの魅力をまとめました♪ 文字を並べ替えて別の言葉にするアナグラムを自動生成してくれる「Internet Anagram Server」の紹介。statue of liberty ⇔ built to stay free など、意味が通って面白いアナグラムの例もまとめました♪ 品薄だったニンテンドースイッチを手に入れるまで3ヶ月かかった冒険記。マイニンテンドーストア、ビックカメラ、ジョーシンのネット抽選に応募し続けて落選し続けた末に、どこで入手できたのかをご紹介♪ Google Chromeでタブを開きすぎてメモリを圧迫し、PCがもっさりするときに入れたい拡張機能「TabMemFree」。一定時間使っていないタブのメモリを自動で解放します。導入方法と解放時間の設定変更まで♪ GoPro HERO5 Black・HERO5 Session、INBYTE ISAW Extreme、JVC ADIXXION GC-XA2、CASIO EX-FR100の5機種を実際に使って比較。仕様比較表と使用感から、筆者がGoPro HERO5 Blackに落ち着いた理由をまとめました♪ Google AdSenseとGoogle Analyticsを連携して、どの記事や配置が収益に繋がっているかを分析できるようにする設定手順。Analytics側の管理画面でAdSenseのリンク設定をし、AdSense側で確認するまで数分で終わります♪ WordPressのDBデータやアップロードファイルを定期的にGoogleドライブへバックアップしてくれる無料プラグイン「UpdraftPlus」の導入方法。インストールと有効化、バックアップ設定、Googleアカウントとの連携まで♪ クリックだけで報酬が発生するGoogle AdSenseの申請から設定までの流れ。A8.netやAmazonアソシエイトとの違い、Amazonアソシエイトに2回目で合格したときの状況、一次審査の申し込み、サイトの認証まで♪ 副業ブログ連載の独自ドメイン取得編。お名前.comで取得したいドメインの空き確認、会員登録と支払い、さくらのレンタルサーバーのコントロールパネルでのドメイン割り当て、ブラウザでの確認まで♪ 副業ブログ連載のWordPressインストール編。さくらのレンタルサーバーのコントロールパネルでデータベースを新規作成し、クイックインストールからWordPressを入れて独自ドメインでアクセスするまで♪ セキュリティソフトの定番「ノートン セキュリティ」のインストール方法。プロダクトコードの確認、公式ページでのアカウント作成とプロダクトキーの登録、インストーラーの実行から導入完了まで画面つきで♪ 副業ブログでお小遣いを稼ぐ連載の第1回。WordPressとは何か、ブログ開設のメリット、必要なもの（サーバー・エディター・独自ドメイン・データベース）と、さくらのレンタルサーバーを借りる手順をご紹介♪ 商用利用OK・クレジット表記不要で使えるフリーイラストの定番「いらすとや」の紹介。ブログや会社の資料にも使えます。出来レース、宗教の二世、中二病など、個人的に好きなシュールなイラストも♪ Google Analyticsで自分自身のアクセスをカウントしないようにするフィルタ設定の手順。除外したいIPアドレスを指定してリアルタイムで確認するまで。集計はリセットできないので導入時に設定しておきましょう♪ WordPressの記事ページに目次を自動で追加してくれるプラグイン「Table of Contents Plus」の導入方法。インストールと有効化、設定メニューTOC+での調整まで。長い記事でも全体を把握しやすくなります♪ PCからInstagramへ画像や動画をアップロードできるMac/Windows対応ソフト「Gramblr」のインストール方法と使い方。インストーラーのダウンロードと実行、開発元未確認で起動できないときの対処、言語設定、サインアップまで♪
