人気のあるUIサンプル

• Mac ターミナルのPC名ユーザー名を非表示
• macOS Catalinaのときの備忘録です。 デフォルトでターミナルの表示を変更します。 [[ユーザー名noMacBook-Air:カレントディレクトリ ユーザー名$]] ↓...
• 2020-07-05 17:47:41

• NodeJS テンプレートへ変数をアサイン
• app.jsからHTMLのテンプレートへ変数や配列の値をアサインするサンプルです。 ejsのモジュールを使います。ない場合はインストールしましょう。 [[npm install ejs]] 今回のサンプルはシンプルにnode.jsでHTMLに値を渡す基本的なもの...
• 2020-07-07 22:58:12

• NodeJS JSONを表示する
• Node.jsでJSONを表示するシンプルなサンプルです。 配列をそのままJSONで表示させたいときのサンプルです。 [[ var http = require("http"); var server = http.createServer(); //配列 arr =...
• 2020-07-12 20:15:45

• NodeJS 基本的なnpmのコマンド
• バージョン取得 [[npm -v]] パッケージのインストール [[npm install パッケージ名 npm i パッケージ名]] インストール済みのパッケージ一覧...
• 2020-07-12 20:29:05

• NodeJS ディレクトリ構成を作る
• expressパッケージを使ってディレクトリごとに実行される処理を書くサンプルです。 expressパッケージをインストールします。 参考：https://expressjs.com/ja/ 「/」つまりトップページで処理されるapp.jsのサンプルです。 [[const exp...
• 2020-07-12 22:33:20

• HTML5 ローカルのCSVを読み込み加工する
• ローカルにあるファイルをHTML5で実装されたFileAPIを使って読み込み表組を作成するサンプルです。 HTML5というもののHTMLは以下の二行で、他はJavaScriptになります。 また、以下のサンプルはjQueryも利用しています。 まずはinputするボタンを設置します...
• 2020-07-19 16:09:09

• HTML5 ローカルCSVを読み込み検索合算する
• 以下のようなCSVがあったとします。 その中で金額の値を合算するJavaScriptのサンプルです。 [[ ID,社名,種類,商品,金額,評価 1,A社,入力機器,マウス,...
• 2020-07-21 07:34:19

• JavaScript 配列の値をユニークにする
• エクセルの関数のようなことはJSでもある程度できます。 例えば以下のような配列の値があったとします。 [[1,2,3,4,5,6,6,6,7,7,8,9,1,2,3,4,5,6,6,6,...
• 2020-08-02 00:06:06

• jQuery スクロールの値を取得する
• スクロースしたときの数値を取得して表示します。 開いているブラウザのwindowの一番上が０となります。 [[ $(window).scroll(function() { $(&...
• 2020-08-10 14:25:47

• jQuery 上部スクロールでローディングアニメ
• スマホで最上部までスクロールし、さらに引っ張ると更新されたり、データが読み込まれたりするUIがよくあります。 そのサンプルを作ってみました。 スマホ...
• 2020-08-11 23:50:19