haiju's 開発メモ

開発に必要な情報を自分用にメモ

JavaScript

素のJavaScriptでFetchAPIを使うには

Ajaxで動的連動プルダウンリストを作れたのも束の間、form内で非同期処理が 行われていた場合に実行順序が保証されないので、Ajax処理が一旦完了しても form全体のsubmitが発火しない問題が発生し、jQueryとAjaxを使わずに動的 連動プルダウンリストを作れな…

Laravel6.xで連動する動的プルダウンリストに設定するデータのAjax Requestを取り扱うには?

連動プルダウンリストの作成で、Ajax POSTを使いたいけどどうしたらいいんや? ってことを以前からずっとやってるけど、Laravel6自身のチュートリアルについて も調べたのでメモしておく(Φω| というか検索条件にLaravelあるかないかで大分違うなー(棒) 動作…

selectのonchangeで取得した値をpure javascriptでpostしてLaravelで処理するには?

これは調査途中なので、備忘録としてメモしておく(Φω| 何度も調べているのだが別作業をするたびに忘れていくのでw jsonで返したら変換するかどうかも調べておかなければなー。 [参考サイト] stackoverflow.com developer.mozilla.org qiita.com gomakethings…

素のJavascriptでAjax通信を書くには?【作業中】

とりあえず作業中なので、参考サイトを取り急ぎメモ(Φω| [参考サイト] hrroct.hatenablog.com stackoverflow.com developer.mozilla.org qiita.com AJAX with Vanilla Javascript. (XMLHttpRequest) · GitHub gomakethings.com medium.com www.geeksforgeeks…

Laravel6.xでAjaxで連動プルダウンを作るには?

最初のプルダウンで選択したIDで動的に連動プルダウンを作りたいのだが、 動きだけ見て、AjaxでPOST送信してコントローラに送ってDatabaseを検索した 値をviewに返せばいいんじゃね?ということで、必要な情報を調べたので メモしておく(Φω| 尚、作業はこれ…

古すぎるjQueryと新しいjQueryに互換性がなかったので素のJSで書く方向に改めた

Edgeで記事を書くを選ぶと必ずではないけど1つ前の記事編集ページに なる不具合が発生する。ちなみに昨日もあった。 htmlもjsももちろんWebの汎用言語でもUTF-8指定でしか実装したことなかったけど、 環境によっては、EUC-JPとかSJIS固定で書かれているもの…

ElectronとAzulとYewとWebAssembly(wasm)とDesktop GUIについて

Visual Studio Codeは意外にメモリハングアップが頻繁に起きる けど、それはElectron製のエディタだからなんだっけ? とか、ふと思い出した。 それって最近、RustやNimのライブラリやフレームワークを調べて いて、見つけたAzulとかYewとかNiGui等でエディタ…

VS CodeでES5で書いてWarningが出たら見直すこと

VS CodeでES5の記法でテストデータを作成したら 内蔵のESLintでWarningが出たっぽいので、内容を見直してみた。 ちなみにWarningメッセージは以下。 ['subject'] is better written in dot notation(W009). betterとあるので、dot記法で書いた方がいいよと …

JavaScriptのundefinedやnullについて

JavaScriptで開発していて、undefinedとnullの判定の仕方 とか、その書き方が、人それぞれ、バージョンそれぞれで よく分からんと思ったので、あとで詳しく読んで復習する情報 をまとめてみた(ΦωΦ) [参考サイト] blog.tojiru.net www.sejuku.net qiita.com q…

MySQL5.6.xに時刻「00:00:00」を適切にINSERTするには?

細かくは「00:00:00」は予約語になっているため、GUIの クライアントツールを使用していると表示されないだけで INSERT自体はできていた。 ※全面的に表示できないと思ってたけど、A5M2.exe(x64) ではダメだったけど、Navicatでは問題なかった。 「24:00:00」…

JavaScriptで文字列の中の数字(ID)を正規表現でチェック後に取り出す

JavaScriptでBOTスクリプトを開発していて、ユーザーが 誤って登録したtodoを、「del ID」形式で手動削除する場合 に考えて実装してみたことを備忘録としてまとめる(ΦωΦ) [手順] 1.手動で削除するコマンドを正規表現を使用して実装。 if (text.match(/DEL\s(…

JavaScriptで文字列の分割と切り出しについて

JavaScriptとPHPを行ったり来たりしてると、どっちが どっちか分からなくなるため、文字列の切り出し方法に ついてメモしておく(ΦωΦ) [手順] 1.sliceを使って文字列を切り出す。 [書式] var str = 文字列; str.slice(開始位置, 終了位置); (ex)先頭から4文字…

JavaScriptで日付を0埋めで2桁で取得するには

後から後からユーザーから追加される機能を実装してて 日付を0埋めの2桁ずつで取得しておいたほうが処理が 実装しやすいことに気づいたので、0埋めの方法を メモしておく(ΦωΦ) [手順] 1.月の先頭に”0”を付けてから2桁に直す。 var month = ("0"+(date.getMon…

JavaScriptの配列と連想配列とオブジェクトについて

自分の中で、JavaScriptの配列とオブジェクトがよく 分かってなかったので、今後、混乱しないためにも 要点をまとめてみた分をメモしておく(ΦωΦ) [メモ] ・JavaScriptの連想配列はオブジェクトの一種。 ・JavaScriptではJSONもオブジェクトの一種。 ・JavaSc…

Node.jsでMySQLから日付を取り出したらdatetime形式じゃなかったので、変換する関数つくった

BOTスクリプトを実装していて、MySQLに登録した 日付を出力する必要があったので、取得した内容を 検証用に出力してみたら、datetime形式ではなく、 なんじゃこりゃー!!!(ΦωΦ;) って内容に自動変換されてたw ちなみに、こんな感じw (ex)2018/08/20 17:00:…

JavaScriptでファイルを扱うメモ

JavaScriptに限らないけど、フレームワークの設計は重要 だなと思った。 実装に制限がなければ、いろいろ試せて自由があるから 学習コストがかからないは、あくまで納期に余裕がある 時だけじゃね?ってのを最近はよく感じる(ΦωΦ) そもそも、時間的に余裕が…

JavaScriptでERROR TypeError: Cannot read property 'x' of undefinedの意味

プロパティ「x」がundefinedなのではなく、プロパティ「x」 があるデータ自体がundefinedらしい。 でも、if文でプロパティ「x」があるデータをundefiniedか どうか聞いているのに、elseに書かれてるプロパティ「x」 でエラーが発生するのはなんでやねーんっ…

BOT開発に必要な正規表現で文字列を扱う場合のおさらい【あとで見る】

正規表現は作業の度に遅延で棚卸しする感じなので、 少なくとも頭の隅にインデックスくらいは置いておく 必要があるよなーって、いつも思うんだけどw(ΦωΦ) どっかに、辞書的にまとめてメモしておけば見る機会 だけでも増えるから思い出しやすくなるといいよ…

JavaScriptのエラーハンドリングについて

現在、Hubot拡張のBOT開発のエラーハンドリングで ハマっている。 考えなければいけないことは、Node.js、WebSocket、 ES6未満、非同期、非同期と同期、イベント駆動かな? あと例外処理は使ってない。 ということで、少し調べたことをメモする(ΦωΦ) [参考サ…

ES2015ことES6について

ECMAScriptを読んでみる機会を得たのでメモ しておく(ΦωΦ) [参考サイト] babeljs.io babeljs.io github.com github.com qiita.com qiita.com www.designmap.info photo-tea.com html5experts.jp codezine.jp qiita.com qiita.com ECMAScript 6: New Features…