環境構築からWEBアプリ開発・スマホアプリ開発まで。ときには動画制作やゲームも。

supilog
すぴろぐ

【ルービックキューブのタイマーを作る】第2回 急所のタイマーをつくる回

今回は本アプリの急所のタイマーを作っていく。 簡単な仕様説明 まずタイマーの操作については、スペースキーを長押しして、キーを離したらタイマースタートという動作をさせたい。誤動作を防止するために、0.6から0.7秒くらい長押ししていないとスタートしないようにしたい。 タイマーがスタートしたら、次にスペースキーを押した時に […]

Chromeの操作を動画にする【Screenshot & Screen Video Record by Screeny】そしてNotionの罠(Command+shift+K)

Chromeで、WEBの挙動なんかを短い動画として保存したいなと思って、5個くらい拡張機能を試してみたがいまいちで、たどり着いたのが、「Screenshot & Screen Video Record by Screeny」でした。 Chromeの拡張機能なので、ブラウザ上でさっと撮影できます。便利! インスト […]

【ルービックキューブのタイマーを作る】第1回 なんとなくの見た目を作る回

なにはともあれ、ざっくりとした見た目をまずは作ってみる。見た目がざっくりでも出来ると、開発のテンションがあがりますよね。 とはいえ、見た目に関しては大して説明するところもないので共有になります。 作成したもの こちらです。 細かい調整はおいといて、Flexboxベースでこのような配置にしてみました。いい感じです。 共有 […]

【ルービックキューブのタイマーを作る】第0回 つくりたいものを考える回

最近ルービックキューブを練習しております管理人です。 ルービックキューブでタイムを計るために使われる競技用のタイマーも存在するが、練習で使うにはWEBやスマホのアプリが便利。 すでに完成されたサービスはたくさんあるが、どうせなら自分で作ったものを使って練習するかと思って作成することに。今回作るのはWEBアプリです。 ち […]

nodebrew install-binaryでエラーが出る(Failure writing output to destination)

エラー内容 どうやらディレクトリが存在しないせいで、ファイルのダウンロードに失敗しているエラーのようである。 解決手順 ディレクトリを作成してあげた これにより、無事にインストールできるようになりました。めでたしめでたし。 おまけ 昔のNodeが邪魔してた Nodebrewがインストール済みだったので、てっきりNode […]

[Mac]Nodeのバージョンアップ(Nodebrew)

メモです。 現環境の確認 nodebrew node 最新にする インストールできるバージョンを確認する 今回は、「v23.9.0」をインストールしてみたいと思う。 インストールする バージョン確認 使用するバージョンを指定 無事にバージョンアップできたようだ。

【Flexbox】フッタを下部に固定するデザイン

サムネイルのようなデザインの場合、メインコンテンツ部分の高さが短くてもフッタを下部に固定したい。 メインコンテンツが短い場合 メインコンテンツ次第で、こんな風にフッタの位置が動いてしまう事ってよくある。 フッタを下部に固定する コンテンツがたとえ短かったとしても、↓こんなふうに下部に固定したい。 HTML CSS まと […]

AlmaLinux9でPostgreSQL17.4をインストールする

インストール 公式手順(https://www.postgresql.org/download/linux/redhat)に従い、インストールしてみる。 確認してみる。 初回ログイン 初期設定では、localからの接続がpeer設定になっている。PostgreSQLに保存されているユーザーとユーザーが一致している状態で […]

【minecraft】AlmaLinux9で統合版マルチサーバー構築(screen)【手順】

個人的に使用しているLinuxサーバーのメインがAlmaLinux9になったので、マイクラ構築手順を更新しておく。あと旧手順と違う点としては、screenを使用してマイクラのプロセスにアタッチできるようにしています。(コマンドが打ちたいので笑) 今回の環境 「WebARENA Indigo」のミニマムである1vCPU/ […]