Blog
ブログで学ぶUX

【JavaScript入門】JavaScriptの変数

JavaScriptにおける「変数」について説明します。変数は、JavaScriptにかぎらずプログラミングを行う際に理解しておかなければならないものです。 変数とは? 変数は、ある値を一時的に格納したり、計算結果を格納したりする入れ物です。 変数には、数字、文字列、関数など何でも入れることができますが、JavaScriptで変数を使用する場合は、使用する前に宣言する必要があります。 変数の……

投稿日:

Skypeの通話を録音する方法

大事な取引先との会話や忘れたくない会話をする場合、Skypeでの通話を録音できると便利ですよね。今回は簡単にすばやく通話を録音する方法をご紹介します。アプリケーションを使う現在、Skypeは公式的に通話の録音をサポートしていません。なので、Skypeのアプリやブラウザから録音することは不可能です。しかし、一部の開発者がSkypeのクライアントと関わり録音するアプリケーションを作成しています。ご自身……

投稿日:

JavaScriptで配列の要素を削除する:shift(), pop(), splice()

今回は配列の要素を削除する方法についてご説明したいと思います。配列の要素を削除する方法には、先頭の要素を削除する方法、末尾の要素を削除する方法、任意の位置と数を指定して削除する方法など様々な方法があります。 配列の先頭の要素を削除する方法 配列の先頭の要素を削除するためのshiftというメソッドがあります。 削除対象が先頭の要素と特定している場合は、非常に有効な方法でしょう。 function t……

投稿日:

【JavaScript入門】JavaScriptの関数と引数の使い方

プログラムでは、ある動作を行ったときに同じ処理を行う場合があります。ボタンを押したときに計算を行い、その結果を表示したりする場合などがそうです。このようにあるタイミングで決まって行われたり繰り返し行われるような処理をまとめたものを関数と呼びます。関数は、引数とよばれる値を受け取ることができ、処理の結果を関数の呼び出し元に返します。それでは、JavaScriptでは関数をどのように使うかを詳しく見て……

投稿日:

JavaScriptの連想配列に要素を追加・削除する方法

配列はプログラミングを行う上ではずすことができないものです。 使い方はプログラミング言語により多少の特色はありますが、大差はありません。 JavaScriptの配列は、いわゆる普通の配列と連想配列(ハッシュ配列)の二つがあります。 普通の配列は下の例の通り、要素の指定や追加・削除に0から始まる数字(インデックス)を指定して行います。 // 配列の初期化 var array = ['田中','佐藤'……

投稿日:

JavaScriptで確認ダイアログを表示する:window.confirm()

データを登録する際の確認など、処理を実行する前にシステム利用者に最終確認するダイアログ画面があります。アラートダイアログ画面と違う点は、OKボタンの他にキャンセルボタンが有り、最終確認でキャンセルボタンが押された場合は、それ以降の処理を行わずに処理を終了することができます。この確認ダイアログ画面も、OKボタン、キャンセルボタン、画面左上の×ボタンのいずれかを押すまでは、プログラムは中断状態にあり、……

投稿日:

【2016年1月・2月版】UXデザインの参考になる素晴らしいスライドまとめ

今回は2016年1月と2月に公開されたUXデザインに関するスライドを厳選してまとめてみました。よりよいユーザー体験を提供するために参考になるような内容ばかりです。UIデザインは誰のもの? UIデザインは誰のもの? from GMO Pepabo, Inc.アプリのデザインをする際にどのような視点をもってデザインすればいいのかが紹介されています。スライド内でデザイン時のデザイナーとエンジニアとの……

投稿日:

実はあのアニメやマンガで使われていたフォントまとめ

デザインをするとき、「あの作品みたいなフォント」のようにイメージしたり、説明したりすることはないですか?今回は有名なアニメ作品の中でもフォントが特徴的なものを集めてみました。マティス-EBアニメのフォントとして必ず引き合いに出される定番フォントがマティス-EBです。こちらは「新世紀エヴァンゲリオン」の題字で使用されていることで有名ですが、元のフォントを見ればわかるように、使用の際にはかなり横幅を圧……

投稿日:

JavaScriptのダイアログを表示する方法:alert

画面から入力したデータについてエラー情報を表示したり、誤動作について警告を表示したりするときに用いられるものとしてアラートダイアログがあります。ダイアログ画面に表示されたOKボタン、または、画面の右上にある×ボタンで閉じることができます。このダイアログ画面が表示されている間は、プログラムは保留状態にあり、ダイアログ画面を閉じると処理が再開します。それでは、実際にアラートダイアログ画面を表示させるた……

投稿日:

JavaScriptで表示中のURL情報を取得する方法:location

JavaScriptでは、現在表示しているページのURL情報を取得することができます。URL情報は、locationオブジェクトに格納されているため、このlocationオブジェクトのプロパティとしてURL情報を取得します。それでは、具体的にプログラムで見ていきましょう。表示中のURL情報を取得するvar urlInfo = location.href; alert(urlInfo ); 「htt……

投稿日: