現象 JavaScriptでclassファイルを使って構築中。 開発者ツールで「Uncaught TypeError: (void 0) is not a constructor」エラーが出た。 原因 該当の箇所は import SomeObject from "./SomeObject"; const someVar = new SomeObject(foobar); という処理。 …

久しぶりにVue.jsを触っている。Vue.jsは割と公式のドキュメントが読みやすいとされているようだしそれには同意するが、JavaScriptの記法が自由闊達すぎるため、参考ソースがけっこう見つけにくいところはあるように思う。 今回Vue.js2系統を触っていて詰ま…

コードをいじっていたらREST APIでkintoneレコード登録がうまくいかなくなり、検証のためにVSCodeの「REST API」機能拡張で以下のようなリクエストを投げた。 POST https://{{subdomain}}.cybozu.com/k/v1/records.json HTTP/1.1 Host: {{subdomain}}.cybozu…

こういう細かいところでハマるのがkintoneならでは、という気がする（苦笑） AとB二つのアプリの数字が合わず、調整を繰り返していた時のこと。 「計算」フィールドを使って「foo」フィールド×「bar」フィールドをしている。 正解は「fooに1.5を入力し、bar…

アホらしいミスなんだけど、一応こういうのも誰かの役に立つかも知れない。 なんでこんなにエラーの特定に時間がかかったのかというと、ノートPCが故障修理中で、代替機でなんとかやりくりしている時だったので、考えられる要因が多すぎたのだ。 そしてまた…

友人が古いブログをWordPressに移行したいという。古いブログはMovableTypeなので、普通ならエクスポートインポートすればいいのだが、あまりに古いこともあり、もうMovableTypeの管理画面に入れないとのこと。画面から手作業でコピペをするのが辛いというこ…

最近、技術的な内容を検索すると、特定の「内容は粗製濫造だがSEOがしっかりしているため上位に表示される」サイトが出て来て困っている。 いわゆる「Google仕事しろ」案件だが、つい反射的に上位サイトをクリックして哀しい気持ちになることが多い。 そこで…

目次 目次 環境 手順など js.jsなんて変な名前のファイルが生成されるので首を傾げていたが、entryの書き方が悪かったのだと気がついた。 entryの値は、オブジェクト（連想配列的に）で書くこともできるし、配列で書くこともできる。オブジェクトで書いた時…

以前にもwebpackを導入したことはあったのだけれど、というかその時には先輩に導入してもらったような感じで、すっかり記憶から抜けてしまった。 JavaScript案件の開発をするので改めて入れ直そうとしたら、webpack4になっていろいろ変わったらしい。 目次 …

webで「JavaScript ファイル分割」など調べるとimportとかrequireとか、webpackとかbabelとかが出てくる。 だが待てよ？ ブラウザって、jquery.jsを読み込んで普通にそっちの関数とか使うじゃん？ 別ファイルの関数とか読めるんじゃなかったっけ？

CSS3とChrome開発者ツールをほぼ理解できてからというもの、Chromeの機能拡張Stylusを使って、自分に使いやすいようにCSSを書き換えるようになった。 さらにJavaScriptを使えるようになり、Stylusでも対応しきれない時にはTampremonkeyを使ってカスタマイズ…

目次 目次 環境 ajaxを待ってくれない 解決方法 環境 JavaScript jQuery3.2.1 ajaxを待ってくれない web上のリソースにJavaScriptでアクセスしたくてこんなコードを書いた。 async function getData() { $.ajax({ type: 'GET', url: 'https://some.url.json'…

目次 目次 環境 awaitの戻りを待たずに次の処理が進んでしまっている（ように見える） Promiseオブジェクトの状態を調べてみた 結論 環境 JavaScript ES2017 awaitの戻りを待たずに次の処理が進んでしまっている（ように見える） async関数の中にawaitを書い…

自分用に作っているwebアプリで構成比率の円グラフ（Pie chart）を作りたいので、ライブラリについて調べて見た。 Requirements JavaScript Vue.js 記事 JavaScriptでグラフ描画入門！全８個のライブラリをコード付きで一挙に解説！ - paiza開発日誌 Chart.j…

巷で人気のVue.jsだが、初心者にとってわかりづらかった点など。 どっからどこまでが予約語なのよ Vue.jsの本家サイトも、どの初心者サイトも、概略を伝える際に、予約語がどこまでなのかわからないのが辛かった。色分けしといてくれたらいいのに。大文字に…

Node.jsについてわかったこと 仕事でがっつりNode.jsと取り組んだ結果、わかったことまとめ。 https://nodejs.org/en/nodejs.org Node.jsって何？ よく「サーバーサイドJavaScript」と呼ばれるけど、実際どういうことかわかりづらい。 通常ブラウザ上で実行…

混乱したのでまとめておく。JavaScript自体が標準でDeferredに対応したらしいので、今後需要は減るかもしんないけど。async/awaitだっけ？ Deferredに限らず、レファレンスとか簡単な使い方みたいなのはwebでも見つかるけど、基本の構造とか標準的な使い方ま…

Vue-routerを使ったサイトで「リンクをクリックしても遷移しない」という現象が起きて頭をひねっていた。 結論から言うと、同じコンポーネントから同じコンポーネントへ移動しようとすると、コンポーネントが再利用され、再描画されない現象が起こる。そのた…

やっとlumen by Laravelがちゃんと動く感じに整ってきてここからコーディングに…と思ったら自分の理解が浅かったことを知らされる。新米いずくんぞ先輩プログラマの遠大な設計を知る。 今までPHPでルーティングしてPHPからviewファイルを返すというlumenらし…

Garoonを扱っていてふと気になったのが、特定の画面からスケジュールを表示させられないこと。 スケジュール画面の中で「予定」をクリックすると、詳細画面に飛ぶわけなんだけど、詳細画面には「週」表示ボタンなどがないので、いちいち「戻る」しなければな…

Wordpressで「Uncaught TypeError: jQuery.easing[jQuery.easing.def] is not a function」というのが解決しなかったので、解決策を探した結果の備忘録。 wordpress - jQuery.easing[jQuery.easing.def] is not a function - Stack Overflow jQuery.easing […

コーディングをしていると「それは罠だろ」と思う瞬間があります。 教科書通りに組んでいるのに動作しない。何がおかしいのか一生懸命に調べて、そして分かった時の「 俺は悪くない 」「 そんなのわかるわけないだろ 」感。一言で言うとそれが罠です。 WordP…

jquery でイベント登録フォームを作った パパゴトというサイトを作っていて、そのトップページには「赤羽から行けるイベントのリスト」というのをつけている。これはPHPとデータベースで実現している。 ここにイベントを誰でも登録できるようにしようと思っ…

web上の情報を集めていく時に、案外思った通りのものが見つからないで苦労する場合もあるので、そうしたことをメモしておくことにした。自分のためにも、誰かのためにも。 英語で書いてもいいかもしんないなー、とか思ったり。思わなかったり。