JavaScriptでチェックボックスの選択状態を取得する
ここでは、JavaScript でチェックボックスがチェックされているかどうかを判定する方法について説明します。チェックボックスの状態を取得するためには、input 要素オブジェクトの checked プロパティを使います。 チェックボックスに同じ name 属性が付与されている場合 ひとまとまりのチェックボックスに対して同じ name 属性が与えられている場合、name 属性を使って各チェックボックスを特定し、それぞれのチェックボックスの checked プロパティが true か否かを順番に調べます。次のサンプルプログラムを見てみましょう。 HTML <form name="form1"> <input type="checkbox" name="fruits" value="りんご">りんご<br> <input type="checkbox" name="fruits" value
JavaScriptでcookieを削除する方法
JavaScriptでcookieを削除するためには、cookieの有効期限を過去日付または残存期間に０を設定します。ただし、cookieに有効期限または残存期間が設定されていない場合には、cookieはブラウザの終了時に削除されます。
JavaScriptで文字列を数値に変換する：Number(), parseInt(), parseFloat()
JavaScriptで文字列を数値に変換する：Number(), parseInt(), parseFloat() JavaScriptで文字列を数値に型変換する方法について説明します。 Number(), parseInt(), parseFloat()を使った明示的な型変換 文字列を数値型に型変換するにはNumber(), parseInt(), parseFloat()を使います。 Number()は簡単に使えて便利ですが、数字以外を含む文字列を引数に指定するとNaNを返すので注意が必要です。 parseInt()は文字列を整数に変換し、実数の場合は小数点以下を切り捨てます。また、第2引数で変換時の基数を指定することができ、省略した場合は10進数として変換します。基数が10の場合は引数に数字以外の文字が含まれていても無視します。 parseFloat()は文字列を実数に変換します。引
トグルスイッチの誤用をやめよう
AnthonyはUX Movementの設立者で執筆者です。素敵なWeb体験をこよなく愛し、ユーザのために日々奮闘しています。 トグルスイッチを使うべき場合と使うべきでない場合があります。デザイナーが誤った使い方をするとユーザーの混乱とイライラにつながります。使うべきタイミングを知るには、さまざまなタイプのトグルの状態や選択肢について理解する必要があります。 文脈上の状態 vs システムの状態 トグルスイッチとトグルボタンをデザイナーは混同しがちです。両方とも状態を管理しますが、トグルスイッチとトグルボタンには根本的な違いがあります。トグルスイッチはシステムの状態を管理し、トグルボタンは文脈上の状態を管理します。文脈上の状態のトグルはユーザーが見ようとしている現在の画面にのみ影響を及ぼしますが、システムの状態のトグルはアプリ全体に影響を及ぼします。 トグルスイッチを文脈上の状態のために使う
PHPでクッキーを取得・送信する方法：$_COOKIE, setcookie()
PHPはWebとの親和性が高い言語です。 そのため、クッキーを保存する機能も標準で備わっています。 クッキーの保存、読み込みを行うことでクライアント側にデータを保存することができます。 クッキーとは？ Webアプリケーションではデータを保存するには本来サーバ側に保存するしかありませんでした。 しかし、クッキーと呼ばれる機能を利用することでブラウザ側（クライアント側・ユーザ側）にデータを保存することができるようになりました。 これにより、例えばユーザの名前などをアクセスする度に入力しなくても自動的にPHPで取得・表示できるようになったわけです。 クッキーを使うことでユーザの認証処理なども可能となり、ページからページへデータを受け渡すこともできるようになりました。 クッキーの保存方法 PHPでクッキーを保存するにはsetcookie()という関数を使います。
WordPressでWP-Cronを使った自動実行をする方法：wp_schedule_event() | UX MILK
WordPressには、スクリプトを定期実行するためのシステム「WP-Cron」が用意されています。 目次 ・WP-CronとCronの違い ・WP-Cronで使う関数 ・WP-Cronを使った2種類の実装サンプル ・WP-Cronイベントを確認する WP-CronとCronの違い Linuxサーバーの場合は、Cronを使ってスケジュール管理することもでできるのですが、サーバーをいじることができない等Cronを使えない環境もあります。 そのような時に、WP-Cronを使うと簡単にスクリプト実行のスケジュール管理をすることができます。 WP-Cronの特徴 ・指定時間を過ぎた最初のアクセス時に実行される ・そのため、指定時間に必ず実行される保証はない そのため、アクセスがあまりないサイトでは実行が遅延しがちになるという点に注意です。また、ローカル開発環境だと正常に動作しないことがあるようです
トラッキングを防止できるChromeの拡張機能「Ghostery」 | UX MILK
普段インターネットを利用していると、様々なWebサイトを閲覧すると思います。企業などのWebサイトでは、ほとんどが、閲覧しているユーザーの行動を監視（トラッキング）して、その情報を販売したり提供したりしています。 よく、自分が検索したものや購入を検討して閲覧していた商品などが、関係ないページを見ているのに広告に表示されたりするのを見かけると思いますが、その正体は先ほど書いたトラッキングによるものだったのです。 このトラッキングを検知して、ブロックしたりすることができるChromeの拡張機能「Ghostery」を今回はご紹介します。 ChromeウェブストアでGhosteryをダウンロードし、拡張機能に追加します。Ghosteryにアクセスしたら、＋CHROMEをクリックします。 確認画面が出るので、内容を確認して大丈夫だったら拡張機能を追加をクリックします。 アドレスバーの右側にアイコンが
MySQLでテーブル作成をする「CREATE TABLE」 | UX MILK
CREATE TABLE [データベース名.]テーブル名 (カラム1 型情報, カラム2 型情報, ...); 指定データベースに新規テーブルを作成します。「USE」文などで使用するデータベースを指定している場合は、データベース名を省略できます。 テーブル名の文字数・記号 テーブル名には、クォーテーションなしでテーブル名に使える文字は、英数字、アンダーバー「_」、ドル記号「$」です。ハイフン「-」などその他の記号は、クォーテーションなしで使えないので避けたほうが良いです。さらに、テーブル名は64バイト以内となっています。 MySQLにおける予約語 また、MySQLにはCHANGE、EXPLAIN、INDEXなどの予約語があり、予約語をテーブル名に使うのは可能であれば避けたほうが良いでしょう。 テーブル名を予約語にした場合は、テーブル名をクォーテーションで囲む必要があります。 参照：MySQ
文字や背景にピュアブラックを使ってはいけない理由
UX Movementの創立者、ライター。ユーザーに優しいUXデザインのスキルを読者の方が上達できるよう、UX Movementのブログを始める。 デザインにピュアブラックを使うと可読性が低くなると知っていましたか？ 統計によると、「アメリカの成人の58％」がコンピュータ作業で眼精疲労を経験したことがあるそうです。デザイナーは使用する黒の色に注意を払うことで、目が疲れる可能性をある程度減らすことができます。 ピュアブラックの文字や背景 ピュアブラックの文字や背景と白の組み合わせは、ユーザーが文章を長時間読むとき目に不快感を与えることがあり、眼精疲労を招いてしまいます。 白は100％の明度であり、黒は0％の明度です。このように明度のコントラストが強いと光量に不均衡が生じ、ユーザーが明るさに順応しようとするために目が酷使されることになるのです。 この現象を実証するために、暗い部屋で明るい電灯を
【su】Linuxでユーザーを切り替えるコマンド
Linuxのsuコマンドを使うと、一時的にスーパーユーザーや他のユーザーに切り替えることができます。 suコマンドの使い方 suコマンドの書式は以下の通りです。
Webデザインで「やるべきこと」と「やってはいけないこと」
１.どんなデバイスでも同様の体験を提供する サイトの訪問者は、さまざまな種類のデバイスを使ってサイトにアクセスしています。デスクトップかもしれませんし、ラップトップやタブレット、携帯電話、音楽プレイヤー、または腕時計を使っているかもしれません。 UXデザインにおいて重要なのは、訪問者がどのようにサイトを閲覧しても、デバイスの種類に関わらず同様の経験を提供しなければならないことです。 ※編集部より：一部、誤訳がありましたので修正しました（11/10 11:00） ２. 使いやすくわかりやすいナビゲーションをデザインする ナビゲーションはユーザビリティにおける要です。どんなに良いWebサイトを作ったとしても、ユーザーがサイト内で上手く操作できないならば意味がないということを覚えておいてください。そのため、サイトのナビゲーションは以下の項目に従うべきなのです。 シンプル：どんなサイトであっても最
Gmailのメールを日付で検索する方法 | UX MILK
Gmailでは容量が15GBも使えるとあって大量にメールをストックできるので、過去のメールを探したいときも一苦労です。 そこで今回は日付を指定してメールを検索する方法をご紹介します。 演算子を使って日付を検索 Gmailヘルプには「詳細検索」としてさまざまな演算子の一覧表も載っていますが、日付検索の方法としては演算子を使って検索するやり方、こういったコマンド入力に慣れてない方には、検索ボックスのプルダウンメニューから検索していくやり方があります。 こちらが日付で検索するコマンド。After と Before を使います。期間の指定、特定の日付だけという検索ができます。 日付を入力するときの注意 ここで注意しなければいけないのは、期間を指定して検索する場合、上記にも書いてありますが4月16日～4月18日までのメールを検索したい場合は18日ではなく、翌日の～4月19日と入力しなければなりません
PHPでリファラのURLを取得する：$_SERVER['HTTP_REFERER']
リファラ（referer）はあるページを開いたユーザーが、どのページから流入してきたかを知るための情報です。あるページへのリンク元のページと言うこともできます。 今回は、PHPでリファラを取得する方法を説明します。 $_SERVER変数からリファラを取得する サイト閲覧者のリファラは、PHPのスーパーグローバル変数$_SERVER['HTTP_REFERER']にあります。 以下では、parse_url関数を使ってリファラからドメイン名のみを取得するサンプルコードを紹介します。parse_url関数は、URL構成要素を分解して連想配列にして返す関数 サンプルコード $referer = $_SERVER['HTTP_REFERER']; $url = parse_url($referer); $host = $url['host']; echo $host;
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQueryでスクロール位置を取得・設定する：scrollTop() | UX MILK