JavaScript

heightやwidthの値修正に便利なparseInt関数

こんにちは、@yoheiMuneです。 今日はライトなネタを。JavaScriptの関数でparseInt関数があるかと思います。文字列などを数値に変換してくれる関数です。その便利な使い方Tipsをブログに残しておきたいと思います。 widthやheightの値変更にparseIntが役立つ…

iPhoneのSafariで加速度センサーを使う

こんにちは、@yoheiMuneです。 今日は、iPhoneのSafariにて、iPhoneアプリのように加速度センサーを使う方法を学んだので、ブログに残しておきたいと思います。 加速度センサーとは 加速度センサーとはその名の通り、iPhoneが移動した際の加速度を検知するセ…

スマートフォン向けWebページでタッチイベントを取得す

こんにちは、@yoheiMuneです。 今日は、スマートフォンのWebページで、タッチイベントを取得する方法をブログに残しておきたいと思います。 スマートフォンのタッチイベント スマートフォンではマウスの代わりに指を使って画面を操作しますよね。Web画面上で…

マウスの動きをJavaScriptで取得した

こんにちは、@yoheiMuneです。 今日は、Web画面上のマウスの動きを、JavaScriptで取得する方法をブログに残したいと思います。 マウスの動きをどのように取得するのか、どんな値が取得出来るのかを知りたくて調べました。思ったより情報をGETできて良かった♪…

DIVのスクロールをJavaScriptから操作する

こんにちは、@yoheiMuneです。 今日はライトなネタを。 Webページを作成する際に、要素の高さを固定して、内容量によってはスクロールして表示させる事があるかと思います。そのスクロールの上げ下げをJavaScriptで操作する方法を調べたので、ブログに残して…

Webページで選択中の文字を取得

こんにちは、@yoheiMuneです。 今日はJavaScriptを利用して、ページでマウスなどで選択中の文字列を取得するサンプルを作成♪(´ε` ) 実装方法を忘れないように、ブログに残しておきたいと思います。 JavaScriptを用いて選択中の文字列を取得する方法 JavaScr…

Webページでスマートフォンかどうかを見分ける(JavaScr

こんにちは、@yoheiMuneです。 今日はWebサイトにおいて、PCやスマートフォンによってページの内容を変える実装に取り組んでみました♪(´ε` )面白いですね。今回はとりあえずJavaScriptを利用してみた。今後はPHPやJavaでもやってみようかと思います。 ユー…

JavaScriptの便利なSelectorを2つ

こんにちは、@yoheiMuneです。 今日は、javaScriptのセレクターについてブログに書きたいと思います。 JavaScriptでdocument.getElementById()などを要素選択の為に使うかと思いますが、実は猛ちょい便利な2つのセレクターがあるようです。今日はそれを調べ…

ご自由に。CSSをWebページに表示する際に色付けするJav

こんにちは、宗定洋平(@yoheiMune)です。 今日は、Webページにソースコードを表示するときに簡単に色付けしたい。そう思い立ち、さっそくCSSを表示する際に色付けするJavaScriptを作成しました。 もし万が一使ってみたいかもと思って頂いた方、ご自由にご…