生活情報オンライン

ソフトウェアエンジニアが役立つ情報を発信します。

javascript

HTML5でCSS/javascript読込「外部ファイル読込」と「インライン」

HTML5でCSS/javascript読込 最近のマイブームは図書館で本を片っ端から読んでいくことです。仕事終わりから閉館までなので1日2時間程度しか居られないのですが、毎日読み込んでいることで早く深く読めるようになった気がします。「仕事を辞めて本を読むこ…

progress要素の4つの状態とmeter要素との使い分け

今回の記事ではHTML5のプログレスバーのご紹介をします。 プログレスバーは進捗の達成率を表します。Adobeの調査によると使い時は10秒以上かかる長い処理の間に表示するのが適しています。 10秒以上画面が固まるのは退屈ですもんね。 (個人的には5秒程度で…

意外と使う!読めない記号の読み方をご紹介

今回の記事では「記号の読み方」をご紹介します。日常にあふれている記号ですが、意外と読めないものも多いですよね。 システム開発の現場でも記号はよく使用します。自分で使ってる分には読めなくとも問題ないのですが、人に伝えるとき「あれ、くにゃっとし…

javascript 即時関数の書き方

今回はjavascriptの即時関数を紹介します。 私は最初に即時関数を見たときはその記述方法に驚きました。 しかし、その機能はいたってシンプルで「定義後、即実行」する関数だというだけです。 だんだん見慣れてもきますので、もし即時関数を難しく感じても最…

javascript(jQuery)読み込みの仕組みを解説!

今回は javascript / jQuery の読み込まれる仕組みを解説します。 window.onload / ready / $(function(){}) など 色々なイベント処理があります。みなさんはフロントエンドの基本であるこれらをきちんと理解しているでしょうか。これらの理解があるかどうか…

jQueryでも高速化!メソッドチェーン/連想配列で値を設定

先日、jQueryで簡単に値を取得する方法を記載しました。その中で処理を高速化することについて少しだけ言及しました。 somegoro.hatenablog.com今回はその高速化についての記事です。 jQueryの処理はjavascriptの処理と比較して遅いと一般的に言われています…

jQueryでCSSのwidth, height を簡単に取得/設定する方法

今回は jQueryで width, height の値を簡単に取得する方法をご紹介します。 今までの取得方法 今まで私は、幅と高さを取得する際に次のように書いていました。 $(this).css("width"); $(this).css("height"); javascriptで取得する方法であるdocument.getEle…