category icon

DIY/GARDENING

( 2 )

数日かけて庭中の枝を粉砕したので、組み立てから使用感、良い点・悪い点をレビューとしてまとめてみました。

2022-08-27

KYOCERA
GS-2020

実際に使ってみて、背の高い雑草に対しては無力です。ですが、背の低い畑の雑草に対しては、雑草が生えにくくなるバフが付く(はず)ので、畑に対してはアリだと思います。

2022-08-27

三陽金属
畑のシェーバーDX
HiKOKI
草刈り機、刈払機
category icon

Microsoft C#

( 2 )


Windows 用にプログラムを書くなら C# がとっても楽。
最近はマルチプラットフォームも力を入れているようです。

この記事は Visual Studio 2017 の入門用として「初めてのC#アプリケーションを作ってみよう」という方を対象に簡単なアプリケーションの作成方法を記載しました。

2018-05-08

Windows 10 64bit
1709
Visual Studio
2017

プロパティの変更だけで行番号の表示ができるわけではなく自前で行番号を描画する必要があります。

2021-09-01

Visual Studio
2019
.NET Core
3.1
category icon

CSS - Tailwind

( 1 )


HTMLマークアップに最新のWebサイトを迅速に構築

『手順や作業ステップを表すコンポーネント』を Tailwind CSS で実装してみました。作り方を解説しています。

2022-04-14

TailwindCSS
3.0.23
category icon

E メール関係

( 3 )


E メール関するいろいろ。

普段使用していて操作に慣れたアプリを使いたいので、ここでは別のアプリで開く方法をメモします

2021-11-30

Thunderbird
91.3.2

『代わりに現在のメールアドレスを使用』が表示されないことがある。ちょっとだけ、はまったので解決手段をここに記載しておきます

2022-09-02

Googleアカウント
category icon

FortiGate

( 6 )

FortiGate の物理ボタンによるリセット方法

2022-08-30

FortiGate 60F
FortiOS
6.4.4

FortiGate の初期状態は英語になっているため、まずは日本語に切り替えることをお勧めします。なお、翻訳にほとんど問題なく、ちゃんと日本語化されます。

2021-09-10

FortiGate 60F
FortiOS
6.4.4

今回は例題として、FortiGate に管理者ログインした場合に、管理者のメールアドレスにログインしたことを通知する設定を行ってみます。 全体としては、イベントトリガーの作成 ⇒ アクションの設定 ⇒ イベントの設定 ⇒ メール受信確認 といった流れとなります。

2021-09-17

FortiGate 60F
FortiOS
7.0.1

FortiGate は標準の設定で5分間操作が無いと、自動的にログアウトされる仕様となっています。ちょっと調べ物をして FortiGate の画面に戻ったら、無情にも セッションの期限切れです。 と表示されることも少なくありません。セキュリティ的には短い方が間違いないのですが、色々試行錯誤をしている段階では、このセッションタイムアウト時間は長い方が都合が良かったので、設定を変更する方法を記事にしました。

2021-09-17

FortiGate 60F
FortiOS
7.0.1
category icon

git

( 3 )

Windows の TortoiseGit でのデフォルトブランチ名を変更する方法をメモしておきます。

2024-03-29

Windows 11
23H2
TortoiseGit
2.15.0.0

TortoiseGit と WinMerge のインストールタイミングによっては、WinMerge が TortoiseGit と連携されていないことがあります。この記事では手動で TortoiseGit で WinMerge を使用できるようにする設定する方法を記載します。

2022-09-02

Windows 10 64bit
21H2
TortoiseGit
2.12.0.0

Git のバージョン、ユーザー名設定、メールアドレス設定のコマンド

2022-05-16

git
2.25.1
category icon

Google Analytics (GA4)

( 2 )

レポート ⇒ ユーザー属性 ⇒ ユーザー属性の詳細:国 ページ内にあるディメンションを『国』から『地域』に切り替えます。

2021-09-09

Google Analytics
v4

サイト立ち上げ時にテスト目的でサイトの動作確認を行っていたため、私自身のアクセス記録が大量かつ無駄に残ってしまいその期間のデータを削除する方法を調べました。全体の流れとして、データ削除のリクエストを設定してから7日以降に削除処理が行われるようで、削除日の指定やすぐに削除はできないようです。

2021-09-05

Google Analytics
v4
category icon

Grav

( 2 )

本来はプラグインを作って対応するべきなのですが、ずぼらしてテーマ内のテンプレートを直接いじって対応しました。 なので、テーマを更新をしてしまうと追加したコードは消えてしまうと思います。

2021-08-28

Grav
1.7.18
Grav Coder
0.1.8
category icon

HTML

( 3 )

Chrome v83 から内蔵の DevTools にて色覚異常のシミュレーションができるようになったようです

2022-06-23

chrome
102.0.5005.115

URLに openExternalBrowser=1 クエリを追加することで LINE 内ブラウザの代わりに外部ブラウザで URL を開きます

2022-10-13

category icon

JavaScript

( 7 )

この記事では、GSAP を利用して、簡単にアニメーションを実装するサンプルを記載します。

2022-05-17

gsap
3.10.4

実験やテスト的に待機時間を入れたいとき用に sleep 関数を実装してみました。

2022-09-03

javascript
typescript

全体として、window.navigator.userAgent でユーザーのブラウザ固有の値を取得してから、IE の判定を行う流れとなります。

2021-09-17

category icon

JavaScript - Nuxt2/Bridge

( 1 )

2021-11-25

nuxt2
category icon

JavaScript - Nuxt3

( 16 )

2022-10-07

nuxt
3.0.0-rc.8
typescript

① nuxt3 プロジェクトをセットアップします。②「npm run generate」コマンドで SSG (静的サイトジェネレート) できます。

2022-08-05

nuxt
3.0.0-rc.9

Nuxt.JS v3 で Tailwind CSS をインストールする方法を記載します。Nuxt2 用の @nuxtjs/tailwindcss パッケージ は利用せず、素の Tailwind CSS を nuxt3 で使えるようにセットアップを行います。

2021-12-16

nuxt
3.0.0
tailwindcss
3.2.4

vue3 で利用できる gtag 用パッケージ、`vue-gtag` を nuxt3 のプラグインとして実装します

2023-03-30

nuxt
3.3.2

Nuxt3(Nuxt.js) と Vue3(Vue.js) での、Google AdSense 広告の貼り方です。Vue は仮想 DOM を技術ベースとしているため、Google が指定するコードでは動作しません。Vue のお作法に則って実装したサンプルを紹介します。

2022-04-29

nuxt3
3.0.0-27500677.83d27bd

この記事では NuxtJS v3 のプラグイン実装方法と利用方法のサンプルを記載します

2022-08-05

nuxt
3.0.0-rc.6

VS Code のエディタ部分をブラウザで動かせちゃう Microsoft 製の Monaco Editor を Nuxt3 で使う方法です。

2022-08-18

nuxt
3.0.0-rc.8
monaco-editor
0.34.0

Google Map の代替として [Leaflet js](https://leafletjs.com/) を Nuxt3 で使う方法です。

2022-08-20

nuxt
3.0.0-rc.8
leaflet
1.8.0

Google フォトのブラウザ版のように、URLのクエリによってモーダルを表示・非表示する方法。

2022-10-13

vue
3
nuxt
3.0.0-rc.11
typescript

nuxt3のビルド(npm run dev/build/generate)時に画像の変換を実行する例です。viteのプラグインを作成することで実現できます。

2022-11-22

nuxt
3.0.0

2023-12-20

nuxt3
3.8.1
@material/web
1.0.1

2023-11-19

nuxt
3.8.1
fabric
5.3.0
@types/fabric
5.3.6

2023-12-07

nuxt
3.8.2
wrangler
3.19.0
cloudflare

nuxt3 (3.0.0-rc.6) でセットアップしたプロジェクトに ulid:2.3.0 パッケージをインストールして使用すると、`secure crypto unusable, insecure Math.random not allowed` エラーが表示される

2022-08-05

nuxt
3.0.0-rc.6
category icon

JavaScript - Playwright

( 1 )

Playwright を使ってブラウザの自動化

2023-12-29

playwright
1.40.1
category icon

JavaScript - Strapi

( 4 )

Node.js の Strapi は Python でいう Django みたいな役割をしてくれます。バックエンドの開発がかなり減らせるので個人開発や手っ取り早く立ち上げたいときに大変助かる存在です。

2022-10-07

strapi
4.3.2

2022-08-22

strapi
4.3.2
nuxt
3.0.0-rc.8
@nuxtjs/strapi
1.5.0

npm run developer コマンド実行すると Unknown dialect undefined エラーが発生する。

2022-08-20

strapi
4.3.3
windows 11
nodejs
16.15.1
category icon

JavaScript - Three.js

( 9 )

three.js の利用方法にはいくつか方法があり、この記事では最も簡単な CDN からの使い方を記載します

2022-04-30

Three.js
0.140.0

この記事では、Vite ビルドシステムを利用して、超高速・簡単に TypeScript を使った three.js のセットアップ方法を記載します。

2022-04-30

Three.js
0.140.0

【Three.js 入門】3D 空間内にテキストを表示するためには FontLoader クラスで json 形式のフォントを読み込んで、TextGeometry クラスで指定した文字列の 3D 形状を作ります

2022-04-24

Three.js
0.139.2

Three.js で 3D モデル(GLTF)を読み込むサンプルプログラムです。

2022-05-01

Three.js
0.140.0

Three.js には PerspectiveCamera, OrthographicCamera, StereoCamera, ArrayCamera, CubeCamera と 5 種類ほどカメラがあり、それぞれの挙動を調べてみました。

2021-01-20

Three.js
0.140.0

Three.js に付属しているモデルを読み込み、エフェクトを使って発光させます。発光させることで印象が変わり、いい感じに見えるようになります。

2022-04-12

Three.js
0.139.2

Three.js で背景を透過するには、WebGLRenderer のコンストラクタ呼び出し時に透過設定を有効にして、背景色のアルファ値を透過させる必要があります。

2021-01-22

Three.js
0.117.1

2021-01-25

Three.js
0.117.1
category icon

Linux

( 11 )


みんなの憧れ Linux。

tree コマンドをインストールしようとしたら E: Unable to locate package tree エラーが表示された。

2021-09-13

Windows 10 64bit
21H1
WSL
2
Ubuntu
20.04

Google Domains のダイナミック DNS と、Ubuntu 22.04 側で ddclient を使用して DDNS を実現する方法です。

2022-09-26

ubuntu
22.04

Ubuntu (22.04) 環境に Node.js をインストールするには、NodeSource が公開しているバイナリーディストリビューションを使うのが簡単で確実です。

2022-12-28

ubuntu
22.04
nodejs
18

「cat /etc/issue」コマンドで Ubuntu のバージョンを確認できます。

2022-05-16

Ubuntu
20.04

Node.js をコマンドでインストールする手順を記載します

2022-05-16

Windows 10 64bit
21H2
WSL
2
Ubuntu
20.04

PowerShell (コマンドプロンプト) にて wsl --list --verbose コマンドを実行するとバージョンが確認できます。

2021-09-13

Windows 10 64bit
21H1
WSL
2
Ubuntu
20.04
category icon

Node.js

( 2 )

node-canvasやvercel/og-imageなども試しましたが、好きなフォントでopentype.jsのSVG描画がシンプルで良さそう

2022-04-01

Node.js
16.13.0
opentype.js
1.3.4
sharp
0.30.3

100万回繰り返しJPEG圧縮したら、めっさ画質悪くなるのでは?と思って検証してみました。結果は…

2022-04-13

Node.js
16.14.2
sharp
0.30.3
category icon

Microsoft Office

( 6 )

元々パソコンにプリインストールされていた Office を再インストールする方法です。今回は Windows を再インストール(クリーンインストール)したことで Office 関係のソフトもきれいに消えてしまったので、Office をマイクロソフトの公式サイトからダウンロードしてインストールする方法を記載します。

2021-09-01

Windows 10 64bit
21H1
Office Personal 2016 (Word, Excel, Outlook)

得意先からネットのダウンローダー経由で取得したワードファイルを開こうとしたら、こんなエラーが表示されてしまいました。

2021-11-26

Windows 10 64bit
21H2
Word 2019
2110

Windows 10 で『仮想デスクトップ』を使用していて、エクセルを開くと仮想デスクトップが勝手に切り替わる現象にずっと悩まされていたのですが、この度、エクセルを別プロセスで起動させることで回避できることがわかったので、ここではその方法を記載します

2021-12-18

Windows 10 64bit
21H2
Excel 2019 64bit
2111
category icon

Other

( 2 )

Google連絡先へのCSVインポートの簡単ガイド。UTF-8対応のCSVを用意し、Google連絡先ページからインポートします。適切なフォーマットが重要。ひな形のファイルを用意しました。

2023-05-18

category icon

Adobe Photoshop

( 1 )

初期状態の Photoshop では手のひらツール(スペースキー + マウスドラッグ) による画面移動では滑る様なアニメーションが設定されています。見た目は良さそうなのですが個人的に使い勝手が悪く感じるので、この滑るアニメーション機能を OFF にする方法を記載します。

2021-09-03

Windows 10 64bit
21H1
Adobe Photoshop
22.5.0
category icon

PHP

( 2 )

『Null 合体演算子』とは、演算子の一つで左辺が null の場合に右辺の値を返し、それ以外のときに左辺を返します。

2021-09-09

PHP
8.0.8

2022-06-23

php
8.0.18
category icon

Python

( 6 )

検索されているプログラミング言語を適当な感じで調査してみました

2021-09-02

この記事では Windows での Python セットアップ方法について解説します

2021-09-02

Windows 10 64bit
21H1
Python
3.9.7

2021-11-20

Windows 10 64bit
21H1
Python
3.9.7

Django は ジャンゴ と読み、Python で最も有名なフルスタックの Web アプリケーションフレームワークです。Django 以外で有名なフレームワークには Flask などがありますが、日本国内では Django の情報量が圧倒的に多いように感じます。

2021-11-06

Windows 10 64bit
21H1
Python
3.9.7
Django
3.2.7

Anaconda のダウンロードとインストール、動作確認まで行いました。

2022-09-06

Windows
11
conda
4.12.0
python
3.9.12
category icon

SoftEther VPN

( 1 )

2021-11-06

Windows 11
21H2
SoftEther VPN Client
4.38
category icon

SurrealDB

( 1 )

2022-11-30

surreal
v1.0.0-beta.8
category icon

Synology NAS

( 1 )

category icon

TAURI

( 2 )

2023-04-27

tauri
1.2
nuxt
3.4.2

TAURI の設定ファイルである tauri.conf.json の tauri.windows.skipTaskbar プロパティを true にすることで、アプリ起動時からタスクバーから非表示にすることができます。

2023-04-27

tauri
v1.2
category icon

VB Script

( 4 )

VBScript 実行時に管理者権限で再実行することで実現できます

2021-12-16

WSH
5.812
VBScript
5.8.16384

WSH/VBScript のバージョンを調べるためには、VBScript のコードでバージョンを取得して表示します

2021-12-16

WSH
5.812
VBScript
5.8.16384
category icon

Visual Studio Code

( 2 )

Visual Studio Code (VSCode) を既に開いている状態で一時的に別のファイルを参照するために開くことが多いのですが、標準設定では同じウィンドウの別タブとして開いてしまい個人的には扱いにくく感じるので、常に新しいウィンドウで開く設定方法を記載します。

2021-09-05

Visual Studio Code
1.60.0

ちょっとした一時的なメモを取りたいときに Visual Studio Code (VSCode) を起動すると前回終了時のファイルが開かれてしまうので、結局 gPad や Windows 標準のメモ帳などを起動していました。 ここでは以下の様に 常に VSCode を白紙の状態で開くための設定を記載します。

2021-09-05

Visual Studio Code
1.60.0
category icon

Windows

( 6 )


みんな大好き Windows。

Windows 11 のお作法に慣れようと思って 2 週間ぐらい粘ったのですが・・・無理でした~。Windows 10 の操作性に戻せる ExplorerPatcher を紹介します。

2022-05-09

Windows 11
21H2
ExplorerPatcher
22000.613.44.1

管理者権限で コマンドプロンプト か PowerShell を起動して、net config server コマンドを実行します。

2022-09-06

サブフォルダのデータを含めてタイムスタンプを保持してミラーリングコピーするコマンドです。サーバーのデータをバックアップしたい場合に活用できます。

2021-09-16

Windows 10 64bit
21H1