Kijin Kamukura

Kijin Kamukura

最近の記事

公開メモ

import Eleventy from "@11ty/eleventy";async function build(template, data) { // Eleventyインスタンスを作成 let elev = new Eleventy(template, "_site", { configPath: "eleventy.config.js", config: function(eleventyConfig) { eleventyConfig.

    • Javascriptの非同期処理について

      Promiseの基本処理 (resolveとreject)Promiseは、新しい非同期処理を作成するために使います。Promiseコンストラクタは関数を引数に取り、その関数は2つの引数 (resolve と reject) を持ちます。 そして、その関数内で以下のような処理を読んで結果ないしはエラーを返却します。 resolve(value) はPromiseを成功として終了し、value を結果として渡します。 reject(reason) はPromiseを失敗として終

      • Observerパターン

        ObserverパターンObserverパターンとは、「クラスから通知を発行する仕組み」と、「他のクラスから発行された通知を受け取る仕組み」を実現するためのデザインパターンです。 主に、以下のような状況において特に有用です。 双方向ではなく、一方からもう一方へと一方通行でデータを発行する場合。 1回ではなく、複数回データを発行する場合。 任意のタイミングでデータを発行したい場合。 発行されたデータを、複数のクラスが同時に受け取りたい場合。 ざっくりいいかえれば、「い

        • Flutter × Deno(WebSocket)でチャットアプリをつくる

          成果物準備下記をインストール。 依存関係の関係で他にも勝手にいろいろインストールされるはず。 Flutter 3.16.9  - flutter_chat_ui: ^1.6.10  - settings_ui: ^2.0.2  - uuid: ^4.3.3  - web_socket_channel: ^2.4.0  - flutter_riverpod: ^2.4.10 deno 1.40.5  - deployctl 1.10.5 ※riverpod に関してはいろ

          CDN版Vue3で単一ファイルコンポーネント(SFC)の利用するためのモジュール

          <vue-sfc-loader.mjs> ////////////////////////////////////////////////////////////////////////////////// vue3 モジュール////////////////////////////////////////////////////////////////////////////////import * as Vue from 'https://unpkg.com/vue@3

          CDN版Vue3で単一ファイルコンポーネント(SFC)の利用するためのモジュール

          https://www.youtube.com/watch?v=3W3bCWRLfog 一線を超える(人を殺す)と孤独になる。 普通は二度と社会的信用を得られなくなるという恐怖がある。 殺人犯は人間関係に無頓着か、もともと孤独である存在かもしれない。 大抵、予行演習(動物を殺し晒す等)をして救いを求めてから殺人を犯す。

          https://www.youtube.com/watch?v=3W3bCWRLfog 一線を超える(人を殺す)と孤独になる。 普通は二度と社会的信用を得られなくなるという恐怖がある。 殺人犯は人間関係に無頓着か、もともと孤独である存在かもしれない。 大抵、予行演習(動物を殺し晒す等)をして救いを求めてから殺人を犯す。

          Tone.JS を使用して音楽をつくる実験

          きっかけ この手の話はよく耳にする。ただ、プログラミングしてみるという発想はなかったので、ちょっとやってみる。 perplexity.ai でライブラリを調べたところ、tone.jsが良さげだったので、tone.jsを採用。 とりあえず音を鳴らすだけでもかなり時間がかかったので、コード進行とか複雑ならメロディーラインは今後の課題とする。 現段階のものは以下で実行、閲覧できます。

          Tone.JS を使用して音楽をつくる実験

          Flutter×Flame 十字キーで図形を動かし、ネットワーク通信で同期させる

          Flameのインストールdependencies: の項に flame: ^1.4.0 socket_io_client: ^2.0.0 を追加 flutter pub get を実行 test/ 内のファイル削除(テストコードの書き方知らないです…) コーディング(クライアント)main.dart import 'dart:math' as math;import 'package:flame/components.dart';import 'package:f

          Flutter×Flame 十字キーで図形を動かし、ネットワーク通信で同期させる

          Flutter×Socket.IO チャットアプリをつくる

          サーバーサイド環境構築 わけわからない状態でローカル環境を汚すのは避けたいので、 CodeSandboxを使用してサーバーを構築する。 Socket.IOはNode.js上で動くのでテンプレートはNode HTTP Serverを選択。 立ち上がったら、npm でexpressとsocket.ioをインストールしておく。 serve.js を作成 const crypto = require("crypto");const app = require("express

          Flutter×Socket.IO チャットアプリをつくる