JavaScript npm 依存ライブラリ確認 アップグレード
ライブラリに依存しているか確認 % npm ls @types/react @0.1.0 /Users/ユーザー/workspace/プロジェクトフォルダ ├─┬ @mui/icons-material@5.15.6 │ └── @type...
JavaScript
JavaScript 
JavaScript JavaScript 関数とスコープ
関数とスコープ 関数とスコープ定義された関数はそれぞれのスコープを持っています。スコープとは変数や関数の引数などを参照できる範囲を決めるものです。 JavaScriptのスコープは、ES2015において直感的に理解しやすい仕組みが整備されま...
JavaScript JavaScript 文字列とUnicode / ラッパーオブジェクト
文字列とUnicode 文字列とUnicode JavaScriptは文字コードとしてUnicodeを採用し、エンコード方式としてUTF-16を採用しています。 このUTF-16を採用しているのは、あくまでJavaScriptの内部で文字列...
JavaScript JavaScript 条件分岐 / オブジェクト / プロトタイプオブジェクト / 文字列
条件分岐 条件分岐 真偽値以外の値の場合、その値を暗黙的に真偽値へ変換してから、条件式として判定します。 真偽値へ変換するとtrueとなる値の種類は多いため、逆に変換した結果がfalseとなる値を覚えるのが簡単です。 次の値は真偽値へと変換...
JavaScript ノンブロッキング IOをコンビニのレジで説明
コンビニのお会計を例にして説明 シングルスレッド × ブロッキング IO マルチスレッド × ブロッキング IO シングルスレッド × ノンブロッキング IO
JavaScript JavaScript 演算子
JavaScript Primer で演算子の勉強を再学習した。 目次 演算子 べき乗演算子（**） べき乗演算子と同じ動作をするMath.powメソッドがあります。 単行演算子（+） 単項プラス演算子（+） 単項マイナス演算子（-） イン...
JavaScript Next.js Firebase Hosting (Functions) へデプロイ SSR SSG のサンプル実装
2022 年 10 月 25 日に Firebase Summit 2022 で Next.js と Angular Universal を用いたサーバサイドレンダリングによる動的な Web サイトにも対応することを発表しました。 これまで...
JavaScript ドットで区切ったキーからキー配列をつくりネストしたオブジェクトを生成してマージ
環境 JavaScript （es5） 今回したいこと ドットで区切ったキーがあって、値がある ドットで区切ったキーはドットの部分でネストしたオブジェクトにしたい キー、値が複数ありネストしたオブジェクトのマージもしたい 元の値 キー 値 ...
React Reactライフサイクル
React component ライフサイクル図
React ReactNative chrome debug
macでreact-native run-android -> cmd + m -> Debug JS Remotely androidのエミュレーターで、ReactNativeアプリを起動して、chromeでデバックしようとしたら Una...
JavaScript Reactをはじめる
はじめに JavaScript 界隈って動きが早くってどんどん新しいものが出現します。この記事で紹介するのは、JavaScript で見た目の部分を作る JavaScript の UI ライブラリ「React」を紹介します。上澄みだけをざっ...
JavaScript eslintやtslintのメモ
Parsing error: Unexpected token = ESLint標準のパーサーでは、まだ標準化されていないクラスフィールド構文は扱えないため、babel-eslintを追加すると解消できる。 npm install babe...
JavaScript JavaScript（ES6）メモ
「=> ってなんだ？」と思った人は、ちょっと古いJavaScript使いでしょう。アロー関数と呼ばれ、ECMAScript2015で導入された無名関数の省略記法 自覚はなかったのですが、ちょっと古いJavaScript使いなってしまったので...
JavaScript npm outdated・npm-check-updates
現在インストールされているバージョンを確認 npm list --depth=0 npm outdated Current 現在インストールされているバージョン Wanted 存在するバージョンのうち、package.json に記載された...
JavaScript jquery 指定要素 自身を含めたhtmlを取得
ぱっと思いつかなかったのでメモ 例） <div id=”hoge”> <input type=”text”/> </div> $("#hoge").html(); だと<input type=”text”/> が取得されるだけ これで...
AngularJS Angular.js imgタグで404エラー srcにmodelの値をセット
$scope.user.image = "" スコープのユーザーモデルに画像のURLの設定し、imgタグのsrcに設定する。<img src="{{user.image}}" />これだとsrcにURLがセットされる前に、ブラウザが画像を読...
AngularJS node.js(express) 、angular.js クロスドメインの $http POSTにはまった
これまでにクロスドメインの対応をしたことはあったが、node.jsでは未経験でした。 PHPでは経験がり、サーバー側のレスポンスヘッダーへ以下を追加すればすぐにできるだろと思っていましたが、あまかった。苦戦したのでメモ。Access-Con...
JavaScript macにMongoDBをインストール
まず、HomebrewをインストールHomebrewとはmacにソフトウェアやライブラリをインストールするパッケージ管理システムHomebrewのサイトの手順通りにすれば良いのインストールbrew install mongodbデータディレ...
JavaScript angularjsの$scope.$apply(); エラー
データバインドが効かないとき、$scope.$apply(); を実行して反映させるが、むやみやたらと実行してしまってる。 そんなとき以下のエラーが。。。Error: $apply already in progress ほんとうに実行をす...
AngularJS AngularJS データバインドが反映されない なんで
とりあえず、以下を実行したら反映された。$scope.$apply(); .csharpcode, .csharpcode pre { font-size: small; color: black; font-family: consola...
JavaScript javascript jquery などで音声録音調査
applican というHTML5でアプリ開発をするやつのチュートリアルにあった monacaに似ているのかな？ JavaScriptで作れるiPhone用ボイスレコーダー WEBで録音を実現する「WAMI recorder」が便利すぎてワ...
css Google Material Design
脳にスッと入ってくるデザインだそうだ。デザインって大切ですよね勉強します。
css ボタンデザインのメモ
なかなかいい
css javascript、ｃｓｓの調査で便利baseurlタグ
デザインの調整などでjsやcssの調査をしたいときあります。手元のソースがないけどローカルで実行しながら調査したいときwebページを「名前を付けて保存」し、調査することがあります。 そのときローカルに画像、js、cssも一緒にダウンロードさ...
JavaScript backbone.jsでsaveするときの注意点
Backbone.js のPOSTリクエストContent-Type: application/json PHPのPOSTリクエストContent-Type: application/x-www-form-urlencoded php側でリ...
JavaScript Bracketsのインストールメモ
Brackets html,css,javascriptのコーディングするための開発環境で良さそうなのでインストールして使ってみることに html,css,javascript以外のコーディングでは機能不十分で難しいそう。まず文字コードの設...
JavaScript jqueryプルダウンで選択した値をもとにスクロールをさせる
下記画像のようにスクロールのある表データがあり、プルダウンで選択した場合に指定された箇所まで移動したいという画面を仕事で実装していました。jqueryには.animate()というメソッドとscrollTopがあるのでこの2つを使って実装し...
JavaScript JavaScript 関数の呼び出しテクニック
JavaScriptを勉強中、関数呼び出しのTipsをおそわったのでめもめも。// ソートする関数 function sort_high(){}; function sort_low(){}; // セレクタで例えば値が"high"や"lo...
JavaScript monaca
仕事、個人でもJavaScriptの習得を下半期の目標にしていた。仕事が忙しかったことを言い訳になにも習得していない。JavaScriptのことをネットで検索しているとmonacaにばったり。 JavaScript を調べてたら encha...