2023-01-01から1年間の記事一覧

JavaScript のはてなブログへの埋め込みテスト

Web プログラミング プログラミング-JavaScript

この前、マウスオーバーしたら色が変わるアニメーションを anime.js で作る方法の記事を書いた。 ack-ludum.hatenablog.com これをはてなブログ上で実現できないかなと思って色々試したところ、 以下のようなコードを書いたら上手くいった。

JavaScript/TypeScript初学者の備忘録（６）

Web プログラミング プログラミング-JavaScript

概要 TestView を用いた MVVM (Model-View-ViewModel) パターン実装の続きに取り組む。 概要と事の経緯については、 0. Figma 奮闘記と JavaScript との邂逅を参照のこと。 0. Figma 奮闘記と JavaScript との邂逅 1. 最低限の環境構築とアニメーション 2. T…

JavaScript/TypeScript初学者の備忘録（５）

Web プログラミング プログラミング-JavaScript

概要 前回は、 JEST の導入と TDD (テスト駆動開発) を進めるだけで終わってしまった。 今回は、 TestView を経由して MVVM (Model-View-ViewModel) パターンを導入していこう。 概要と事の経緯については、 0. Figma 奮闘記と JavaScript との邂逅を参照の…

JavaScript/TypeScript初学者の備忘録（４）

Web プログラミング プログラミング-JavaScript

概要 ここでは、これまで作ってきた GUI モデルに MVVM (Model-View-ViewModel) パターンを導入する。 テストもできるようにする。というか、 TDD (テスト駆動開発) も導入しながら進めていく。 概要と事の経緯については、 0. Figma 奮闘記と JavaScript と…

JavaScript/TypeScript初学者の備忘録（３）

Web プログラミング プログラミング-JavaScript

概要 ここでは、紫微斗数という占いの命盤を作るための盤面を表す HTML/CSS と、 そこにアニメーションを加える TypeScript を書いてみる。 概要と事の経緯については、 0. Figma 奮闘記と JavaScript との邂逅を参照のこと。 0. Figma 奮闘記と JavaScript …

JavaScript/TypeScript初学者の備忘録（２）

Web プログラミング プログラミング-JavaScript

概要 ここでは、 JavaScript で作った環境を TypeScript に変換して、 Anime.js を使った簡単な Web アニメーションの試作を再現してみる。 概要と事の経緯については、 0. Figma 奮闘記と JavaScript との邂逅を参照のこと。 0. Figma 奮闘記と JavaScript …

JavaScript/TypeScript初学者の備忘録（１）

Web プログラミング プログラミング-JavaScript

概要 ここでは、 JavaScript の実行環境である Node.js をインストールして、 Anime.js を使って簡単な Web アニメーションを試作する。 概要と事の経緯については、 0. Figma 奮闘記と JavaScript との邂逅を参照のこと。 0. Figma 奮闘記と JavaScript と…

JavaScript/TypeScript初学者の備忘録（０）

プログラミング プログラミング-JavaScript Web

概要 知り合いからフロントエンド・バックエンド環境について話を聴く機会があり、 興味を持って調べてみた。 もともと占いソフト開発とか TODO ソフト開発とかに興味はあった。 その中で重要な GUI 要素として、 HTML は汎用的な GUI の候補とは認識してい…

CソースコードをPythonパッケージで使う（６）

プログラミング プログラミング-C プログラミング-Python

プロジェクト「CソースコードをPythonパッケージで使う」 0. 概要 1. C language project 実装 2. CMake 実装 3. Python 用 C 言語 Wrapper 実装 4. Python/C Wrapper の CMake 化 5. Docker と setup.py の整備 6. pyproject.toml の整備 github.com （６）…

CソースコードをPythonパッケージで使う（５）

プログラミング プログラミング-C プログラミング-Python

プロジェクト「CソースコードをPythonパッケージで使う」 0. 概要 1. C language project 実装 2. CMake 実装 3. Python 用 C 言語 Wrapper 実装 4. Python/C Wrapper の CMake 化 5. Docker と setup.py の整備 6. pyproject.toml の整備 github.com （５）…

CソースコードをPythonパッケージで使う（４）

プログラミング プログラミング-C プログラミング-Python

プロジェクト「CソースコードをPythonパッケージで使う」 0. 概要 1. C language project 実装 2. CMake 実装 3. Python 用 C 言語 Wrapper 実装 4. Python/C Wrapper の CMake 化 5. Docker と setup.py の整備 6. pyproject.toml の整備 github.com （４）…

CソースコードをPythonパッケージで使う（３）

プログラミング プログラミング-C プログラミング-Python

プロジェクト「CソースコードをPythonパッケージで使う」 0. 概要 1. C language project 実装 2. CMake 実装 3. Python 用 C 言語 Wrapper 実装 4. Python/C Wrapper の CMake 化 5. Docker と setup.py の整備 6. pyproject.toml の整備 github.com （３）…

CソースコードをPythonパッケージで使う（２）

プログラミング プログラミング-C プログラミング-Python

プロジェクト「CソースコードをPythonパッケージで使う」 0. 概要 1. C language project 実装 2. CMake 実装 3. Python 用 C 言語 Wrapper 実装 4. Python/C Wrapper の CMake 化 5. Docker と setup.py の整備 6. pyproject.toml の整備 github.com （２）…

CソースコードをPythonパッケージで使う（１）

プログラミング プログラミング-C プログラミング-Python

プロジェクト「CソースコードをPythonパッケージで使う」 0. 概要 1. C language project 実装 2. CMake 実装 3. CMake を用いた Python 実装 4. Python/C Wrapper の CMake 化 5. Docker と setup.py の整備 6. pyproject.toml の整備 github.com （１） C …

CソースコードをPythonパッケージで使う（０）

プログラミング プログラミング-C プログラミング-Python

CソースコードをPythonパッケージで使う Python パッケージから、 cmake でコンパイルされたパッケージを導入しつつ、 pip install できるようなパッケージとしてパッケージングしたい。 そのための方法について、段階的に調査・実装・試験を行う。 実行環境…

比較的かんたんな「あまり」の求め方（６）

算数 算数-余り

概要 概要は（１）を御覧ください。 比較的かんたんな「あまり」の求め方 （１）(2,5),(4,8),(3,9) で割るとき （２）11 で割るとき （３）7 で割るとき （４）N で割るときに一般化 (一番上の位から消す場合) （５）N で割るときに一般化 (一の位から消す場…

比較的かんたんな「あまり」の求め方（５）

算数 算数-余り

概要 概要は（１）を御覧ください。 比較的かんたんな「あまり」の求め方 （１）(2,5),(4,8),(3,9) で割るとき （２）11 で割るとき （３）7 で割るとき （４）N で割るときに一般化 (一番上の位から消す場合) （５）N で割るときに一般化 (一の位から消す場…

比較的かんたんな「あまり」の求め方（４）

算数 算数-余り

概要 概要は（１）を御覧ください。 比較的かんたんな「あまり」の求め方 （１）(2,5),(4,8),(3,9) で割るとき （２）11 で割るとき （３）7 で割るとき （４）N で割るときに一般化 (一番上の位から消す場合) 概要 【数を並べた表】を斜めマス移動で登る方…

比較的かんたんな「あまり」の求め方（３）

算数 算数-余り

概要 概要は（１）を御覧ください。 比較的かんたんな「あまり」の求め方 （１）(2,5),(4,8),(3,9) で割るとき （２）11 で割るとき （３）7 で割るとき 概要 規則が無さそうな 7 (1) 3桁ずつの交互和 (2) 上位桁から一桁ずつ3倍しながら処理する方法 (3) 下…

比較的かんたんな「あまり」の求め方（２）

算数 算数-余り

概要 概要は（１）を御覧ください。 比較的かんたんな「あまり」の求め方 （１）(2,5),(4,8),(3,9) で割るとき （２）11 で割るとき 概要 知る人ぞ知る 11 11 の倍数を並べる (10 ずつ) 11 の倍数を並べる (100 ずつ) 11 の倍数を並べる (1,000・10,000 ずつ…

比較的かんたんな「あまり」の求め方（１）

算数 算数-余り

概要 最近 mod の勉強をして、小さめの数 (1～20くらい) で割るときに比較的楽に余りを求める方法を考えたことのメモ。 画期的な新発見や学術的な意味を求めて来たという方は回れ右を推奨。 ここでは、次の問題を考える。 「なにかしら数 をもってきたときに…

ASMR 系 VTuber まとめ（７）

ASMR ASMR-ASMR(2023)

概要 概要や注意事項はまとめ（１）を御覧ください。 ASMR 系 VTuber まとめ 目次 まとめ（１）: よく聴く配信者の方々 まとめ（２）: 活動中の配信者の方々（「あ」～「か」行） まとめ（３）: 活動中の配信者の方々（「さ」～「は」行） まとめ（４）: 活…

ASMR 系 VTuber まとめ（６）

ASMR ASMR-ASMR(2023)

概要 概要や注意事項はまとめ（１）を御覧ください。 ASMR 系 VTuber まとめ 目次 まとめ（１）: よく聴く配信者の方々 まとめ（２）: 活動中の配信者の方々（「あ」～「か」行） まとめ（３）: 活動中の配信者の方々（「さ」～「は」行） まとめ（４）: 活…

ASMR 系 VTuber まとめ（５）

ASMR ASMR-ASMR(2023)

概要 概要や注意事項はまとめ（１）を御覧ください。 ASMR 系 VTuber まとめ 目次 まとめ（１）: よく聴く配信者の方々 まとめ（２）: 活動中の配信者の方々（「あ」～「か」行） まとめ（３）: 活動中の配信者の方々（「さ」～「は」行） まとめ（４）: 活…

ASMR 系 VTuber まとめ（４）

ASMR ASMR-ASMR(2023)

概要 概要や注意事項はまとめ（１）を御覧ください。 ASMR 系 VTuber まとめ 目次 まとめ（１）: よく聴く配信者の方々 まとめ（２）: 活動中の配信者の方々（「あ」～「か」行） まとめ（３）: 活動中の配信者の方々（「さ」～「は」行） まとめ（４）: 活…

ASMR 系 VTuber まとめ（３）

ASMR ASMR-ASMR(2023)

概要 概要や注意事項はまとめ（１）を御覧ください。 ASMR 系 VTuber まとめ 目次 まとめ（１）: よく聴く配信者の方々 まとめ（２）: 活動中の配信者の方々（「あ」～「か」行） まとめ（３）: 活動中の配信者の方々（「さ」～「は」行） まとめ（４）: 活…

ASMR 系 VTuber まとめ（２）

ASMR ASMR-ASMR(2023)

概要 概要や注意事項はまとめ（１）を御覧ください。 ASMR 系 VTuber まとめ 目次 まとめ（１）: よく聴く配信者の方々 まとめ（２）: 活動中の配信者の方々（「あ」～「か」行） まとめ（３）: 活動中の配信者の方々（「さ」～「は」行） まとめ（４）: 活…

ASMR 系 VTuber まとめ（１）

ASMR ASMR-ASMR(2023)

概要 YouTube のおすすめに上がる配信者が増えてきたので、 個人的に音・声が良いと感じた ASMR 配信者(主にVTuber)のリストをまとめる。 定期的に更新予定(最終更新:2023年7月)。 ASMR 系 VTuber まとめ 目次 まとめ（１）: よく聴く配信者の方々 まとめ（…

はじめに

Misc

情報発信・共有をしたいと思い、はてなブログを始めました。 ハンドルネームはaki++。「アキ」や「アキプラ」等と呼ばれています。