強まっていこう

あっちゃこっちゃへ強まっていくためのブログです。

JavaScript

SvelteKit の使い方をわかりやすく解説してみる - Svelte Vol.2

暗黙の世界 SvelteKit は脳みそが小さい連中が嫌う暗黙のルールで溢れ返っている なので、そう言うのが嫌いなら絶対に使うべからず 逆に暗黙が好きなら最高の使用感を得られるはずだ基本的に同一階層にファイルを作るだけで暗黙の継承がバンバン行われたりす…

Svelte 使ってるけど良い感じ。でもドキュメントが微妙過ぎて終わってる - Svelte Vol.1

表題の通り。公式サイトは御託だらけで読みづらいくせして情報が色々足りない 色々苦労したのでメモがてらに皆に共有(※ あくまで個人ユースで遊びで使っている限りはイケている感じ これを本格的なプロジェクトにぶっこんで規模のデカいものを開発した時 Rea…

UMD を出来るだけシンプルに説明してみる

何? Node.js とブラウザの両方で強引にコードを読ませるための暴力的な書き方 実例 public/js/umd.js にモジュールが存在し、そこが Web でも公開されているとして呼び方は以下のようになる Node.js で呼ぶ場合 #!/usr/bin/env node const UMD = require('.…

Vue3 の Draggable を CDN で呼びたいのにがやり方が分からん全国の女子高生集まれ

こんだけいろいろ調べて試しているのに動かないのマ~?と全国の女子高生達が困っているはず。ろくな情報ヒットしないもんな。Node.js でやるのばっか。ちょっと試したいだけだとか、ちょっとサイトで使いたいだけなのにビルドとかマジウザイわな。今日は機…

結局 redux-thunk って何なのマジ?超ムカつくんですけど

ググってもろくな情報が出ずイライラしている諸氏に送るシリーズ。redux-thunk の使用を推奨しているわけでは無いのであしからず。 無邪気キッズがインタネッツの情報に踊らされた結果導入->破綻しその尻拭いをする事になったおっちゃん達向け。 こちとらイ…

Redux と React hooks どっち使ったら幸せになれるの?

結論としては React を使わない事が一番の幸せへの道。React ファンボーイはそっ閉じの方向で、以下読むべからず。簡単なものを作るのにもアホほど時間がかかるので膨大な予算が無駄に取れる贅沢プロジェクトで暇つぶししたい場合のみに使うと良い。表示速度…

ガタガタ抜かさず Redux の使い方だけ簡単に教えろ!

決して、React や Redux の使用を推奨するものでは無い事をご了承願いたい。React/Redux なるものをヨダレ垂らした noob エンジニアがググった結果がいっぱい出てくる = 流行っている、と言う無邪気な理由だけで導入。 案の定大トラブルとなり、そいつは抜け…

gulp で PHP + twig + pug + SCSS あたりで快適にコード書きつつ js、css を min 化するそんな素敵ライフを送る方法

UI のプロトタイプとかちゃちゃっと書きたい時に pug で書いてたりはしたんだけど、pug ばっか書いてすっかり中毒になると、もう素の HTML で twig なんて書いてらんない体に。 pug を twig に変換するやつを書いてくれてる人もいて試しちゃみたけど、どうも…

PHP、JS、Sass 編集でブラウザを自動更新しつつ CSS、JS を min 化して幸せになっときたい諸氏へ

大概の FW 使ってると、public 以下が公開用ファイル達のいるドキュメントルートで、その上に PHP のファイルなどが居る的な感じになっているはず。controllers/*.php models/*.php sass/*.scss js/*.js public/css/*.min.css public/js/*.min.js public/ind…

HTML、JS、Sass 編集でブラウザー自動更新、そして、CSS、JS を min 化、そんな gulpfile.js は無いかとお困りの貴殿へ

どうやりゃ良いんですか?って聞かれたので。確かにまとまってるところが無いっぽい。よくやるパターンだと思うけどなぁーーーと思ったので貼り付ける。 npm i gulp@3.9.1 gulp-plumber gulp-sass gulp-uglify gulp-clean-css gulp-rename browser-sync --sa…

jQuery-Validation-Engine で Ajax の独自チェックを追加する方法

ユニークチェック等一度 DB を舐めてやらないとイケない場合等は処理をバックエンドに回す必要があるんですがその方法がいまいちドキュメントとして無かったのでメモがてらに残しておきます。 <script> $(function() { $('#form').validationEngine('attach', { prom…