人気のあるUIサンプル

• HTML 横書きのふりがな
• 文字の上にふりがな（ルビ）を付けたいときに使えるrubyタグのサンプルです。 漢字の読み方を記述するときにふりがなを使います。 HTMLではふりがな用のタグが用意されてます。 ふりがなは概ねのブラウザで横書きの上に配置されます。...
• 2019-12-28 23:05:25

• HTML 縦書きのふりがな
• 文字を縦書きにしたとき、ふりがな（ルビ）をつけるサンプルです。 ウェブでは主に文字は横書きが主流です。 横書きのときのふりがなのコーディングは別ページに記載しています。 猫ねこ を...
• 2020-01-05 22:07:04

• JS 通信速度の検知
• 現在Chromeではブラウザで通信速度をJacaScriptで計測できます。 navigator.connection.***の値で取得できます。 2020年１月現在、IE,EdgeやSafariではまだ実装されていません。 これをうまく使うと回線速度に応じたコン...
• 2020-01-15 07:23:56

• JS 値の型について
• 代表的な値の型について、型を検出するtypeof関数を使って表示したサンプルを紹介します。 変数の中にはいろんな型があって型によって処理を分けないと思った通りに動いてくれないことがあります。 typeof関数を使うと型を調べることができます。...
• 2020-01-19 23:29:07

• jQuery 狭いエリアに文字をアニメで格納する
• 文字列を動的に埋め込むとき、デザインの都合上、どうしても横幅に 制限あるときがよくある。そんな時に使ってほしいサンプルがこちら。 スマホなどの横幅が狭い画面で、人の名前や地名など動的に入ってくる文字を設置したいことがあります。 そんなときサーバーサイドで文字を切って「…...
• 2020-01-27 00:36:08

• JS アナログ時計を作る
• 今回は時間のデータを使ってアナログの時計を作ってみたサンプルです。 JSで時間を扱うことはよくあります。 そんなときMoment.jsというライブラリを使うと年月日のフォーマットや時差の扱いなどが簡単にできます。 時間を数値...
• 2020-02-02 12:54:04

• python インストール
• pythonでグラフを描画することをゴールとしてまずインストールからやってみた備忘録です。 サーバーはすでに準備してあるものとしてインストールの手順のメモです。 pythonのサイトからwgetする例です。 [[ mkdir -p ~/work/py3 cd ~/work/py3...
• 2020-02-02 23:58:17

• JS ブラウザでQRコード読み込み
• ブラウザのページのボタンからカメラを起動し、ページに戻ってQRコードから取得した値を表示するサンプルです。 近年QRコードはだいぶ広まってきました。 URLを筆頭に長い文字や数字を打ち込むのが面倒なときの入力補助ツールになっています。 そこで今回はブラウザか...
• 2020-02-04 21:28:21

• JS カメラの映像を表示させる
• カメラの映像をブラウザに表示させるサンプルです。 このサンプルではパソコンやスマホの画面側についているカメラの映像を取得して、ブラウザに表示します。 以下のボタンを押すとブラウザがカメラにアクセスし...
• 2020-02-11 22:38:25

• python Anacondaのインストール
• Anaconda（アナコンダ）のインストールのメモ書きです。 データサイエンスでPythonを使う時のポピュラーなプラットフォームなので、勉強がてらインストールしました。 データサイエンスでPythonを使う時のポピュラ...
• 2020-02-16 15:37:17