何ネタというべきかよく分からないけど、久しぶりに git pull して npm スクリプトを走らせると何かうまくいかない（雑）ことがあるような気がする。package.json が結構変化する場合にそういうことが起こるような気がしていて npm install しても、うまくア…

ちょっと勢いで $ nvm install stable --latest-npm したらこんなことに・・・。BuildPack NodeJS 18.0.0 Fails /lib/x86_64-linux-gnu/libc.so.6: version `GLIBC_2.28' not found · Issue #198 · GoogleCloudPlatform/buildpacks · GitHub みたい。node v16…

ふと気になる TypeScript のコードを見かけたので実験してみる。 class Message { readonly message: string; constructor(message: string) { this.message = message; } } class Messenger { private readonly message: Message; constructor(message: Mes…

息抜き用に nvm を導入して node.js を放り込む。 curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash でインストール。~/.bashrc に export NVM_ROOT="$HOME/.nvm" if [ -d "${NVM_ROOT}" ]; then export NVM_DIR="$([ -z "…

【公式】ぷよぷよeスポーツ×プログラミング なんだってー。今時 SSL 対応してないだとー！ってのはさておきにして、なんだコレゎー。 う、ぐぬぬ・・・。初級コースの実装が終わって動かすと、横にした状態で落とすと何故かぷよが縦に戻る・・・。打ち間違い…

とりあえず忘れないようにうろ覚えの内容を思い出しつつグローバルコンポーネントを使って駄コンテンツを作る。グローバルコンポーネントにおける CSS の設定がよく分からない・・・。が、グローバルコンポーネントを使うこともあんまりないだろうし、いいか…

【Web開発】ブラウザさえあれば使える無料オンラインエディター紹介・比較 2019 - Qiita jsfiddle みたいなやつで CodePen ってのもあるみたいだ。あれ？ユーザー登録が必要なのか・・・。 と書きつつ、記事を整理すると CodePen - らんだむな記憶 で既に触…

GitHub - future-architect/typescript-guide: ゼロから学ぶTypeScriptガイド なんか教科書的なのがあった。Python の型アノテーション + クラス構文とでも思っておけばそこそこ端折って読めるかな・・・。 超Vue.js 2 完全パック - もう他の教材は買わなく…

x={ ...{a:1,b:2,c:3}, d:4,e:5,f:6 } console.log(x) が { a: 1, b: 2, c: 3, d: 4, e: 5, f: 6 } か。へー。Python で >>> x=[1,2,3] >>> [*x,4,5,6] [1, 2, 3, 4, 5, 6] ってなるのとなんか似てるね。

machinelearn.js なんだろ？TensorFlow.js がつらい場合とかに使ったらいいのかな？

Adobe製品をVSCodeで制御(Javascript) - Qiita おぉ・・・あの Adobe CC を ES3 で制御できる ExtendScript が Catalina で動かないと・・・。32bit バイナリなのでダメと・・・。 なので Visual Studio Code から代理品で制御すると・・・。

slot とか v-slot については https://github.com/vuejs/vue/blob/v2.6.11/dist/vue.js#L10108-L10225で処理をしているのだろう。 el.slotTargetDynamic = !!(el.attrsMap[':slot'] || el.attrsMap['v-bind:slot']); の部分を見ると、v-bind: の省略記法(？)…

Vue CLI を導入したい。 Vue.js を vue-cli を使ってシンプルにはじめてみる - Qiitaを参考に npm install -g @vue/cli する。 Vue CLIで作成したプロジェクトで起動する開発サーバーのポート番号を変更する | Developers.IOを参考に、作成したプロジェクト…

nodebrew更新 - らんだむな記憶では nodebrew で node.js 環境を作ったが、nodenv のほうが流行っている？ので今度は nodenv を使ってみる。 と言ってもnodenv を使って Mac に Node.js の環境を構築する - QiitaとNodenv環境のインストール可能バージョンを…

Universal / Isomorphic JavaScript について - Qiita isomorphic だと・・・。 SPA は温泉みたいなやつじゃないし、SSR はスーパースペシャルレアでもないし、本当に時代についていけないなぁ。

ES2015(ES6) 入門 - Qiita ES2015 (ES6)についてのまとめ - Qiita うーむ。ES3 で頭が止まっている身にはつらい・・・。連日のように ECMA-262 を読んだ日々が懐かしくもあり、なんでそんなことをする羽目にという・・・。 アロー関数って無名関数とは this …

new Vue({...}) で起こることについてはhttps://github.com/vuejs/vue/blob/v2.6.11/dist/vue.js#L5073-L5079を見るのが素直かもしれない。 https://github.com/vuejs/vue/blob/v2.6.11/dist/vue.js#L5081で準備済みの Vue.prototype._init が実行される。→ …

リアルな DOM はなぜ遅いのか - steps to phantasien javascript - 仮想DOMを使うと早くなる理由がいまいちわかりません - スタック・オーバーフロー 色んなしがらみのない JavaScript エンジンの中でざくざくっと、DOM ツリーの構造のコピーたる仮想 DOM ツ…

new Vue({ render: function(createElement) { return createElement("div", "こんにちは") } }) は VNode を返すけど、 var div = document.createElement("div") は DOM ノードを返しますというお話。 この辺はブラウザの実装から見ると分かりやすい気もす…

クラゲちゃんを鳴かせてしまえというサンプルを Vue.js で作る。 audio 要素とか全然覚えてない。autoplay が 1 回しか効かないようなので、URL 書き換えの直前で v-if で要素を消しておいて、非同期で URL の書き換えと要素の出現を実行させてみる。4 時間…

ようこそ！2020年、Webフロントエンドの世界へ 参考になるなぁ。 Vue.js + Bootstrap4でポートフォリオサイトの雛形を作ろう！ - Qiita Vue.jsにBootstrapを適用させる方法 - Qiita ふんふん。 Vue.js + SCSS + Bootstrap + MaterialDesign + TypeScript開発…

Using the Node.js Client Libraries | Compute Engine Documentation Getting Started with Authentication | Google Cloud ら辺を参考にする。 $ npm install --save googleapis して、「IAM と管理」の「サービス アカウント」から取得した credentials …

Node.jsを入れておこう(2) - らんだむな記憶で使った nodebrew であるが、最新の node.js v13.13.0 をインストールしようとしたら v13.13.0 is not found Can not fetch: https://nodejs.org/dist/v13.13.0/node-v13.13.0-darwin-x64.tar.gzという無慈悲なロ…

【Web開発】ブラウザさえあれば使える無料オンラインエディター紹介・比較 2019 - Qiita jsfiddle 以外にも色々沢山あった・・・。

ReactとVueのどちらを選ぶか - Qiita なぜ仮想DOMという概念が俺達の魂を震えさせるのか - Qiita Reactを使うとなぜjQueryが要らなくなるのか - Qiita ふーむ。Vue.jsだけやっとけばってな世界でもなさそうだなぁ 悪魔合体キモィ・・・jQueryでぺたぺたする…

codepenでウェブ開発入門 - Qiita CodePenだけじゃない！ブラウザー上でサクッとコードを書けるプレイグラウンド7選 - WPJ ふむふむ JSFiddle みたいなのが色々あると・・・

type='range' | JavaScript プログラミング解説 oninputは対応してないブラウザがあるのか・・・そして期待通りにIEは対応していなかった・・・javascript - onchange event on input type=range is not triggering in firefox while dragging - Stack Overf…

Proposal: Control instruction set for ttfautohint on ideographs — TypeDrawers ふむふむ。 半年くらい前に試した感じではすこぶる時間のかかるフェーズがあったようだが・・・。理論的なところはよく分からないな。

InDesignをJavascriptで操作できる。これについて、少々古いが以下のドキュメントが役に立ちそうだ: http://wwwimages.adobe.com/content/dam/Adobe/en/devnet/indesign/sdk/cs6/scripting/InDesign_ScriptingGuide_JS_JP.pdf http://wwwimages.adobe.com/ww…

試しにRictyDiminished-Regular.ttfに適用してみる。おっそ $ ttfautohint -d RictyDiminished-Regular.ttf RictyDiminished-Regular_dehinted.ttf でまずはインストラクションを除去。 ideohint extractがなくなっているようなので適当に読み替えて以下のよ…