JavaScript テスト用ブログを用意して動作確認をする

ブログに JavaScript を使った計算ページを作る記事 を書いてきましたが、作った計算ページを投稿してみると、ちゃんと動作していなくて、下書きに戻して直すことがけっこうありました。 そこで考えたのが、JavaScript テスト用ブログを作って、そこでテストしてから本来投稿するブログで投稿するという方法です。 JavaScript テスト用…

Google Chrome 系ブラウザのエラー：STATUS_ACCESS_VIOLATIONについて

今月中旬だと思いますが、Google Chrome が起動しない、クラッシュするという不具合が発生していたようです。 これについては、すでに不具合を解決したアップデートがリリースされていて、Google Chrome コミュニティに投稿がありました。 アップデートの適用方法も書いてあります。

タスクバーに天気予報が表示されない理由はおそらくこれ

職場のパソコンの1台でタスクバーに天気予報が表示されていますが、自分の使っているパソコンでは、これが表示されていません。 どうしても欲しい機能というわけではないですが、自分のパソコンで表示されないのは、ちょっと気になります。 …

ファンブログのスマートホン版CSS（スタイルシート）を追加する方法

つい先日まで、ファンブログではスマートホン版のスタイルシート（CSS）は、追加しても機能しないと思い込んでいたのですが、単に書く場所を間違えていただけと分かりました。 以前、なぜ機能しないのか調べていたときに、ヘルプのどこかに「スマートホン版はスタイルシートが使えない」というようなことが書いてあったような記憶がありますが、その記憶も勘違いだった可能性が高いです。 ひょっとしたら、他にも同じように…

JavaScriptの勉強の最初の一歩は、簡単な計算ページを作ってみるのがいいかも

たまたま HTML5 の outputタグを使って簡単な計算ができることを知って、いろいろな計算をやってみたところ、その限界を感じて、初めて JavaScript というものに挑戦してみることにしました。 挑戦といっても、取っ掛かりは参考になりそうなコードをネットで見つけて、そのコードを少し変えて試してみたという程度のもので、そこから少しずつ改良することで、ブログに計算ページを作るだけなら、まあ使えるレベルのものが作…

共通のJavaScriptコードはサイドバーに設置／ブログでJavaScriptで計算

前回記事で、足し算と掛け算を計算するページが完成しました。 ↓ 計算フォームの見た目を整える／ブログでJavaScriptで計算 そのページでは、JavaScript コードはすべてその記事ページの中に入れてあります。 これを元に計算ページをいろいろ作っていくとすると、計算部分の JavaScript コードはそれぞれのページで違ってき…

計算フォームの見た目を整える／ブログでJavaScriptで計算

前回記事までで、思いつく機能はすべて盛り込めました。 ↓ 数値入力ボックスでIMEを半角入力モードにする／ブログでJavaScriptで計算 今回は、計算フォームの見た目を整えます。 具体的には、ボタンや計算結果の表示スペースのデザインを変えて、ボタンを横に並べたりといった感じです。 JavaScript 部分は見た目に関係ない…

数値入力ボックスでIMEを半角入力モードにする／ブログでJavaScriptで計算

前回記事では、計算結果のコピーを3桁区切りカンマが入らないものにできました。 ↓ コピーする計算結果の数字は3桁区切りのカンマなしにする／ブログでJavaScriptで計算 今回は、数値を入力するときにIMEが半角入力モードになるようにします。 こういったことも、「JavaScript （やりたいこと）」みたいな言葉でネット検索す…

コピーする計算結果の数字は3桁区切りのカンマなしにする／ブログでJavaScriptで計算

前回記事では、計算結果の数値に3桁区切りカンマが入るようにしました。 そのため、計算結果をコピーするボタンをクリックしたときにコピーされる数値も、3桁区切りカンマが入ったものになっています。 ↓ 計算結果の数字に3桁区切りのカンマを入れる／ブログでJavaScriptで計算 このコピーされた数値を、業務用ソフトや Excel …

計算結果の数字に3桁区切りのカンマを入れる／ブログでJavaScriptで計算

前回記事で、計算結果をクリップボードにコピーできるボタンが設置できました。 ↓ 計算結果をコピーできるボタンを設置する／ブログでJavaScriptで計算 今回からは、少し見た目の改善をしていきます。 まずは、計算結果の数字の桁数が大きくなったときに、3桁区切りのカンマを入れて表示するようにします。 やり方は、「Java…

計算結果をコピーできるボタンを設置する／ブログでJavaScriptで計算

前回記事で、javascript を使ってブログの記事内で計算できる「計算ページ」のようなものを作ることは、そんなに難しくないことが分かりました。 ↓ ブログの記事内でJavaScriptを使って計算できるようにする

ブログの記事内でJavaScriptを使って計算できるようにする

HTML5のoutputタグを使うと、ブログの記事内で簡単に計算ができることが分かったので、いろいろな計算をやってみました。 そのときの記事がこれ ↓ です。 ブログ上でHTML5の新機能outputを使って2乗・平方根・四捨五入などの計算をする 関数もJavaScriptと同じように書いてあげれば、ちゃんと計算してくれます。 仕事で、電卓で計…