Javascriptの基礎中の基礎を上げておこうと思います。 phpとの違いや知らんかったことを書いていきます。 変数とデータ型 ・真偽値 Boolean true/false ・文字列 stri…
Object.keysとは？ あるオブジェクトがあったとして、その中のキー名だけを抽出したい時に使う 値が取れたあとは新しい配列を生成する # 実践 まずはじめに以下のようなオブジェクトを用意しま…
SQLとかApacheとか書こうと思いましたがjavascriptの成り立ちなどについて ちょうど学ぶ機会があったので短いですがせっかくだから書いておこうと思います。 普段触ってるものがどうして出来…
概要 Visual Studio Codeの拡張機能であるLive Serverをインストールし、Go Liveを押してもブラウザが起動しない場合に設定すべき項目をまとめます。 現象 本来ならば以…
一行のみ <div className="truncate"> 一行のみを・・・にする場合 </div> 複数行 ライブラリを導入 yarn add @tailwindcss/line-clamp …
方法 参考にした記事 https://www.javadrive.jp/javascript/dom/index3.html https://www.javadrive.jp/javascript…
はじめに http://localhost:3000/user/1'などのパスの最後の数値を取得し変数代入することがあったので方法を記録しておく。 結論 // 対象となる文字列 const tex…
viteでAntDesignのテーマのカスタマイズを行おうとしたときに inline JavaScript is not enabled. Is it set in your options? とい…
Abstract JavaScript, TypeScriptなどでHTML, CSSの文字列を生成して返すような処理を書くことが稀にありますよね。そういった際に、その文字列は当然HTML, CS…
Apollo ClientはReactで使える状態管理ライブラリです。ローカルとリモートのデータをGraphQLで扱えます。本稿は公式サイトの「Refetching queries in Apoll…
エルデンリング（もしくはダークソウル）のゲームオーバー時に表示される「YOU DIED」をWebページ上で再現するブックマークレットを作りました。この先、時間の無駄があるぞ。 javascript…
日付の入力フォームに「バリデーションを実装している時のこと。 Safariだけ、存在しない値を入力してもバリデーションに通ってしまうという謎現象に遭遇。 結論 フォーマット時の書き方をSafariに…
この記事でやること 今回はface-api.jsで使ってみたかった「顔認識」を試してみます！ face-api.jsとは face-api.jsはブラウザで顔検出（face detection：人…
概要 webpackを利用してjQueryを記述中にeslintのエラーが出たので、エラーの意味と解決策 ① javascript var storyTitle = $(".p-story").f…
OpenLayersでは難なく実装できましたが、Leafletではちょっと苦戦したので書いてみました 手順を踏みながら実装していきます GeoJSONとは JSONをもとにした、GISデータを記述す…
概要 単に、ブログデータだけを取得するのであれば、Googleログインは不要で、$.ajax()を使用して取得できることを確かめました。ブログの投稿、更新、削除するには、GoogleログインしてO…
この記事の趣旨 この記事ではJavaScriptのプロトタイプ（prototype）という概念について整理しています。 扱うトピックは大きく分けて以下の三つです。 * プロトタイプとはなにか？ *…
TL;DR StripeとはAPIベースのヘッドレスな決済サービスであり、 カードはもちろん銀行振込やコンビニ決済の代行もできます。 そして、通常の決済はもちろん、サブスクリプション決済の実装も可…
ファイル保存時にimport文を追加、削除、並べ替えをする方法 追加するための設定 VSCodeでファイル保存時にimport文を追加するためにはsetting.jsonに以下のように記述します。 setting.jso…
Progateを使ってWeb製作をし始めてから2週間。ある程度知識が集まってきたので、ほぼ同じでもいいから自分で何か作ってみようと始めた矢先...。 エクスプローラに置いている静的HTMLファイルを…
