やってみる

アウトプットすべく己を導くためのブログ。その試行錯誤すらたれ流す。

HTML要素の配列をbodyへ挿入しリアクティブに更新したい《VanJS》

配列の所でハマりましたが、解決したので書き残します。

ダイアログの最適解を探る〜WEBアプリ編〜

HTML,CSS,JSでアプリ作成するときダイアログが欲しいので実装方法を探ってみました。

Python+HTML+CSS+JSでアプリ開発〜インストール編〜《Eel》

動いた!

pywebviewを使いたかったけどGTKもQtもインストールできず使えなかった

Pythonのパッケージっていつもインストールに失敗して使えない印象。

超シンプル軽量爆速リアクティブDOMライブラリ《VanJS》

わずか1.8KBでReactみたいなことができちゃうスゴイ奴!

ResizeObserverで窓リサイズをキャッチしようとしてハマった

当然の話でした。皆さんは何が間違っているか、わかりますか?

JSでプライベートかつジェネレータのメソッドを定義する方法

一瞬ハマったので実際に書いてみた。

Chromeのバグ? デベロッパツールにあるスマホ・シミュレータが不正な画面サイズを返す

JavaScriptのdocument.body.clientWidthなどで画面サイズを取得すると、間違った値が返される。

はてなブログで吹き出しを出す方法(CSS埋込)

お気持ち表明するとき、吹き出しにしてみる。

JSで数値をソートすると文字列順になる罠

[9,10,1].sort()の結果が[1,10,9]になってしまう。バカなの?

BitKeepを使ってみる

BitKeepを使ってみる ブラウザ拡張機能ウォレット。ビットコインやイーサリアムなど多種にわたる暗号通貨をサポートする。

「journalctl -xb」でシステムログを見てみる

手間取らせやがって。

ラズパイ4がemergencyモードで起動するようになってしまった😨

異常に遅くなってしまい、まともに使えない。対処に迫られた。

暗号通貨モナコインを使う【Mpurse】

ビットコインの日本版みたいなやつ。なんとブラウザ拡張をインストールするだけで使える。しかもAPIがあり、送金ボタンを作れる。商品購入や投げ銭ができる。

HTMLメタデータを書く3 OpenGraph編

OpenGraphとはツイッターカードのこと。SNSで画像を表示してカッコよくみせるアレ。

HTMLメタデータを書く2 <meta>

基本的なメタデータの書き方。

HTMLメタデータを書く1

ざっくり大雑把に。

URLの記法と名称まとめ

HTMLを書くときに困らぬよう基礎知識としてまとめた。

突然ノベルゲームを作りたくなったのでツールを探してみたが超大変だった

なんかいい感じのライブラリやツールがあるだろうと思ったのだが、微妙だった。

HTML入門まとめ

25記事。

HTML文書をつくる22 仮想DOM(template, slot)

JavaScriptでHTML要素を動的につくるための要素である。

HTML文書をつくる21 入力フォーム(form, fieldset, legend, label, button, input, select, textarea, progress, meter, optgroup, option, datalist, output)

サーバに値を送信するときなど。

HTML文書をつくる20 キャンバス(canvas)

[<canvas>][canvas]は、JavaScriptで描画する領域である。</canvas>

HTML文書をつくる19 埋め込みコンテンツ(iframe, object, param, embed)

外部サイトや外部バイナリファイルを埋め込んで表示する。

HTML文書をつくる18 音声、動画(audio, video, source, track)

音声や動画を埋め込み再生する。

HTML文書をつくる17 画像(img, picture, source, figure, figcaption)

画像を表示する。

HTML文書をつくる16 ベクタ画像、イメージマップ、クリッカブルマップ(svg, map, area)

ベクタ画像やクリックできる複雑な形状の領域について。

HTML文書をつくる15 数式(math)

数式をマークアップする。

HTML文書をつくる14 インタラクティブ要素(details, summary, dialog, menu)

操作できる部分。文章の構造や意味付けではない。

HTML文書をつくる13 機械可読(data, time)

マシンリーダブルな値をあらわす。