やってみる

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

否定の力を信じろ! 「でも、だって、どうせ」と向き合う者が世界を救う

嫌われものの三D。でも私は向き合う。だって大切だから後ろ髪をひかれる思いになるんだ。どうせ誰も見向きもしないだろう。でも、私にとっては大切なんだ! だからやる。とことん否定する。妥協しない。たとえ世界中の人々から嫌われようとも。だって、どう…

PostCSSをインストールする

CSS

CSS開発環境のデファクト・スタンダードと思われる。

HTMLテンプレートエンジンをインストールする【pug】

使えることを確認した。

フロントエンド開発環境を構築する(Node.js、テンプレートエンジン、プリプロセッサ、トランスパイラ、モジュールバンドラ、フォーマッタ、リント、タスクランナー)

ラズパイ4(4GB, 32bit)にて、WEBアプリやサイトを開発するために。

最小コード例(HTML, CSS, JS)

[規格][]に応じたコードを書いて動かしてみる。

規格の情報源(HTML,CSS,JS,WASM,JSON,schema.org,WebStory,EPub)

Webサイトやアプリをつくるために必要な規格をまとめた。

PWA開発について

ネイティブアプリでなくPWAにすることでクロスプラットフォーム性を優先する。反面、パフォーマンスが悪いため工夫にコストがかかる。何を気にして開発すべきか。どのようにすべきか。ざっくり考えてみる。

ソフトウェアの実装方法はどうするか(ネイティブ/HTML)

ネイティブアプリかHTMLのいずれかに大別される。

WEBサイトの画面構成はどうすべきか(スマホ/PC)

スマホ、タブレット、PCでは画面サイズが違うため最適な設計をすべき。

WEBサイトは静的/動的のどちらにすべきか

HTMLを固定にするか。それともJSやサーバサイド言語により動的にHTMLをつくるか。

WEBサイトを運用するためのネットワーク通信方法(C/S, P2P。HTTPS, ActivityPub, IPFS)

調べてみた。

インターネット回線について調べた

インターネットにまつわる環境、サービス、事業について。

分散ネットワークについて調べた(NFT, IPFS)

昔『NFTアートが75億で売れた』というニュースが世界を賑わせた。 ブロックチェーンにより本物であることを証明できることからデジタルデータに付加価値がついたらしい。私は分散ネットワークの可能性について知りたいので調べることしにた。

Web3.0について調べてみた

Web3.0とは、一言でいうとWEBの民営化である。 私たちはネットを介して国やGAFAなどの企業から支配されている。検閲により情報を得られなかったり、プロパガンダに踊らされたり、個人情報が密売されたり。世界中で社会問題になっている。そんな中、権威者た…

連番ファイル名の桁数をあわせる

たとえば1.jpgを001.jpg、99.jpgを099.jpgのようにする。

ラズパイにunrarをインストールする

2022-02-25時点。

HTMLのrubyを使うと文字列検索でヒットしなくなることがある

たとえば「文字列(もじれつ)検索(けんさく)」のようなルビがあるとき、「文字列検索」というテキストでは一致せず検索ヒットしない。「文字列」や「検索」でないとヒットしない。知らなかった。困る。

ラズパイ4にDenoをインストールする(失敗)

DenoはNode.jsの後継版。

rangerでファイル内容をクリップボードにコピーする

キーバインドに該当コマンドを紐付けるだけ。

ワンタッチで最後にpushしたリポジトリをクローンする

cloneコマンドを作った。

Googleの「他の人はこちらも検索」が超絶ウザイ

タイトルをクリックしたとき「他の人はこちらも検索」が挿入され、ミスクリックさせられる。

ラズパイ起動からブラウザでページを閲覧するまでに50〜85秒ほどかかる問題

これ以上速くできない。電源を入れてから2秒以内にブラウザ閲覧したいのに。

わからず屋、わかり屋、わからせ屋、わからされ屋

人の言葉に対する態度パターンを分析してみた。

rangerまとめ

CUIファイラrangerの情報まとめ。

rangerバグ(%%space)アプリ起動できなくなる件の対処

設定ファイルを修正することで解決する。

メディアクエリでCSS変数の初期値を振り分ける

CSS

「1行あたりの字数」をCSS変数で定義し、スマホ20、タブレット30、PC40にする。

JSでCSSの変数を保存する(LocalStorage)

閉じたとき、更新したときなどアンロードされたら保存する。

1行あたりの最適な字数はいくつ?

ブログや本などにおける1行あたりの最適な字数はいくつか調べた。

JSでCSSの変数をセットする(CustomProperty)

CSSのカスタムプロパティをJSで操作する。

CSSでグローバル変数を定義する(CustomProperty)

CSS

CSSで変数を使いたいときはカスタムプロパティを使おう。