サクサク読めて、アプリ限定の機能も多数！
トップへ戻る
デスク環境を整える
phpjavascriptroom.com
<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAvABrzCnRluKK0Cj97fTMThTNR7aHVSEFb0WbViWwc6F-_w9PjBSogZu_7UgOTbx25ka46X-fnGmyvw" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ function load() { if(GBrowserIsCompatible()){ /* 地図インスタンス生成 */ var map=new GMap2(document.getElementById("map")); /* 中心地点 */ map.setCenter(new GLatLng(35.665246,139.7123
設置サンプルのソース <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>設置サンプル：YouTube IFrame API：音量の制御</title> <link rel="stylesheet" type="text/css" href="/content/lib/global.css" /> <style> #playerbox { width:640px; height:390px; margin-bottom:10px; } img { vertical-align:middle; } </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script> $(funct
コマンド プロンプト を起動したら、MySQLをインストールしたディレクトリ内の「bin」フォルダに移動します。 次に、ユーザー名とパスワードを入力し、MySQLサーバーに接続します。 接続が成功すれば、mysql>と表示され、mysqlコマンドに入ります。 # MySQLサーバー接続 # MySQLをインストールしたディレクトリ内の「bin」フォルダに移動 C:\Documents and Settings\Owner> cd c:\mysql\bin Enter C:\mysql\bin> mysql -u ユーザー名 Enter Enter password: パスワード Enter Welcome to the MySQL monitor. Commands end with ; or \g. Your MySQL connection id is 5 to server vers
Amazonアソシエイトリンク生成スクリプト テキストリンクのみ 2007/9/28 「タイトル」と、「テキストリンクを生成したい商品の名前とASIN（半角英数字9桁の商品番号）の配列」を指定しると、先頭にタイトルを表示し、配列で指定した商品数だけテキストリンクを生成し、最後にアマゾンへのトップリンク（powered by Amazon）を付けたHTML文を出力します。 アソシエイトID（AmazonAsociateID）はご自分のIDを指定してください。 サンプルを見る <style type="text/css"> #amazon1 { margin:0; padding:0; background-color:#f7f7f7; border:1px solid silver; } #amazon1 div.wrap { margin:10px; padding:0; } #amazo
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>YouTube IFrame API：複数の動画を切り替えて再生</title> <link rel="stylesheet" type="text/css" href="lib/global.css" /> <style> #playerbox { width:640px; height:390px; margin-bottom:10px; } </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script> $(function(){ var player; /* IFrame Player APIのコードをロード */
<script type="text/javascript"> /* JavaScript */ function fGetElementType(){ var s=""; var frm=document.forms["frmA1"]; for(var i=0; i<frm.length; i++){ s+="名前（name）= " + frm.elements[i].name + "\n"; s+="名前（type）= " + frm.elements[i].type + "\n"; s+="名前（value）= " + frm.elements[i].value + "\n\n"; } alert(s); } </script> <form action="#" name="frmA1"> <p> フォーム要素の名前・タイプ・値を表示 </p> <p> <input type="ra
開発キーの入手 2013/5/19 Google APIを使うときには、開発キーがなくても使えますが、APIリクエストに制限がかかっていますので、アクセスがかなり来そうなサイトやアプリを構築する場合は、開発キーを入手しておきましょう。 開発キーは以下のようにGoogle APIにリクエストする際に指定します。 例）Googleマップ http://maps.google.com/maps/api/js?key={開発キー}&sensor=true&libraries=places API Console - Google Codeにアクセスし、Googleアカウントでログインします。
Windows 7にTomcatをインストール unknown ここでは、Tomcat 7.0をWindows 7（64-bit）環境にインストールする流れを説明します。 なお、JavaとApacheは既にインストールされているものとします。 2011年9月現在の最新版はver7.0.21です。 Tomcatのダウンロード Apache Tomcatのダウンロードページにアクセスします。 「Binary Distributions」のところにある「32-bit/64-bit Windows Service Installer」をクリックし、「apache-tomcat-7.0.21.exe」をダウンロードします。
Atom 1.0 の基本構造 unknown <?xml version='1.0' encoding='UTF-8'?> <feed xmlns='http://www.w3.org/2005/Atom' xml:lang='ja'> <id>tag:phpjavascriptroom.comfeed/</id> <title>PHP & JavaScript Room：更新情報</title> <updated>2008-06-11T15:30:59Z</updated> <link rel='alternate' type='text/html' href='http://phpjavascriptroom.com/feed/' /> <link rel='self' type='application/atom+xml' href='http://phpjavascriptroom
ftp_chdir〔FTPサーバー上でディレクトリ移動〕 ftp_close, ftp_quit〔FTP接続を閉じる〕 ftp_connect〔FTP接続を確立する〕 ftp_get〔FTPサーバーからファイルをダウンロード〕 ftp_login〔FTPサーバーにログインする〕 ftp_mkdir〔FTPサーバー上にディレクトリ作成〕 ftp_put〔FTPサーバーにファイルをアップロードする〕 ftp_pwd〔カレントディレクトリ名を取得〕 ftp_rename〔FTPサーバー上のファイルまたはディレクトリ名を変更〕 ftp_rmdir〔FTPサーバー上のディレクトリ削除〕 ftp_size〔ファイルサイズ取得〕 カレントディレクトリを、移動先ディレクトリへ移動します。 成功した場合にTRUEを返します。 失敗した場合にFALSEを返し、E_WARNINGレベルのエラーが発生します・ <
配列からランダムに値を取得します。取得する数を省略した場合は、1つだけ取り出します。 値を1つだけ取得する場合は、ランダムなキーを返します。 取得する数に2以上の数値を指定した場合は、ランダムなキーの配列を返します。 <? $input[a] = "aaa"; $input[b] = "bbb"; $input[c] = "ccc"; $input[d] = "ddd"; $input[e] = "eee"; $rand_keys = array_rand($input, 2); //ランダムの為、結果は一例です。 echo $input[$rand_keys[0]]; //eee echo $input[$rand_keys[1]]; //aaa print_r($rand_keys); //Array(e,a); ?> <? //「取得する数」を省略すると1つだけ取得する（デフォルト）
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Language" content="ja" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta http-eq
<script type="text/javascript"> /* マウスのXY座標を取得 */ function getMouseXY_ie(){ /* IE */ document.xy.screen_x.value=event.screenX; document.xy.screen_y.value=event.screenY; document.xy.page_x.value=event.pageX; document.xy.page_y.value=event.pageY; document.xy.client_x.value=event.clientX; document.xy.client_y.value=event.clientY; document.xy.offset_x.value=event.offsetX; document.xy.offset_y.value=ev
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8" /> <title>設置サンプル - GMAPv3 - Directions - 2地点間のルート検索</title> <link rel="stylesheet" type="text/css" href="/content/css/gmapv3.css" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> <script type="text/jav
指定した場所の半径1km以内にあるスポット情報をタイプ別に検索 場所の周囲検索（location+radius）、タイプ指定あり 2013/4/7 表参道周辺で、選択した場所タイプに該当するスポットを検索し、ヒットしたスポットの座標にマーカーを立てます。 マーカークリックで情報ウィンドウでそのスポット情報を表示します。 ここでは表参道駅の周囲1kmを検索対象としてみます。 リクエスト時にlocationにgoogle.maps.LatLngオブジェクトで場所の座標を指定し、そこから半径何メートルを検索対象とするかをradiusに整数値で指定します。 500mなら500、1kmなら1000を指定します。 以下のサンプルでは、デフォルトは表参道駅付近（半径1km以内）。【現在地で検索する】ボタンを押すと現在地半径1km以内が検索範囲となります。 var request={ location:
2つの動画を配置し、再生・一時停止の再生ステイタスを同期させる。どちらか一方のプレーヤを一時停止すると、もう一方のプレーヤーも一時停止します。動画が最後まで再生された時のステイタスは一時停止、リプレイした時のステイタスは再生となります。 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>設置サンプル：YouTube IFrame API：プレーヤーの複数配置</title> <link rel="stylesheet" type="text/css" href="lib/global.css" /> <style> #playerbox { width:700px; margin-bottom:10px; clear:both; float:none; overflow:hidden; } #playerbox if
シンボリックリンクの作成・削除 2013/2/3 シンボリックリンクは、あるファイルやフォルダに別名をつけて、その別名で元のファイルやフォルダにアクセスできるようにするリンク機能です。 例えば、SVNで管理しているWebサイトをローカルApache上で動かしたいときになど、Webサイトのフォルダのシンボリックリンクをhtdocs以下に作ればそのままアクセスできるので便利です。 Windows7では、コマンドプロンプトからシンボリックリンクの作成・削除ができます。 コマンドプロンプトは、管理者権限で起動する必要があります。 シンボリックリンクを作成するには、以下の構文をコマンドプロンプトから実行します。 MKLINK /D "作成するシンボリックリンクパス" "元ディレクトリパス" 作成したシンボリックリンクを削除する場合は、以下の構文をコマンドプロンプトから実行します。 RMDIR "削除
チャンネル紹介動画を設定しよう チャンネルアートを設定しよう 情報タブに掲載する情報をカスタマイズしよう〔カスタムリンク、ソーシャルリンク、統計情報、登録チャンネル表示有無〕 サイドバー右に掲載する情報をカスタマイズしよう〔おすすめチャンネル（他チャンネル宣伝枠）、関連チャンネル〕 ホームタブのカスタマイズ〔一覧・フィードのビュー切り替え、掲載内容の設定〕 フリートークタブのカスタマイズ〔タブ表示・コメント承認の有無〕 InVideo紹介ツールでチャンネルと動画をアピール チャンネル登録者に通知するアクティビティ、ソーシャル接続での自動投稿について 2013年3月上旬からYouTubeチャンネルがYouTube One Channelとして新しいレイアウトにがらりと変わりました。 移行期間中らしく、このページの下部より新旧チャンネルデザインの切り替えができます。 テレビ、PC、タブレット、
参照：https://developers.google.com/youtube/v3/docs/channels/list 指定したチャンネルIDのチャンネル情報を取得できます。 複数指定する場合はチャンネルIDをカンマ区切りで指定します。 チャンネルIDは、http://www.youtube.com/cocoism3の"cocoism3"ではなく、「data-subscription-value」の値。 チャンネルIDはYouTubeチャンネルのソース内を「CHANNEL_ID」で検索してもわかります。 例）特定のチャンネル情報を取得する（認証なし） チャンネルID指定 2013/5/19 認証なしで、指定したチャンネルIDのチャンネル情報を取得します。 ※「id」にはチャンネルIDが入っています。 http://www.youtube.com/channel/チャンネルIDで、チャ
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>設置サンプル：YouTube IFrame API：動画の再生ステータスの取得</title> <link rel="stylesheet" type="text/css" href="lib/global.css" /> <style> #playerbox { width:640px; height:390px; margin-bottom:10px; } #status { width:640px; height:3em; margin-bottom:10px; } </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <s
Google翻訳ツールをWebサイトに埋め込む 2012/5/23 Webページの内容をGoogle翻訳にかけて表示してくれるブログパーツがGoogleから提供されているのを発見したのでご紹介。 表示モードや表示位置、翻訳対象となる言語等をオプションでカスタマイズでき、Google Analyticsで翻訳ツールの利用状況をトラッキングすることもできます。 サイトやブログに設置するには、Google 翻訳 - ツールで生成したタグを、body終了タグの直前などに貼りつけるだけでOK。
このあいだ当サイトのGoogle+ページを作ったのですが、サイトのRSSフィードは「HootSuite」を使ってGoogle+ページに自動投稿することにしました。 その時のGoogle+ページ開設からサイトのRSSフィードをGoogle+ページに自動投稿するまでのメモです。 複数のソーシャルページを運営しているとなかなか更新が大変。 ページの主旨に合わせて個別投稿もしつつ、新着だけは自動投稿というスタイルにするのもよいかも。 Google+ページを開設する 2013/2/18 Google+にログイン Google+にログインしたら、左サイドバーから「ページ」を選択します。 ※見当たらない場合は、「・・・」（もっと）をクリックすると出てくるはずです。
▼複数選択型プルダウンメニューをチェックボックス付きのドロップダウンメニューにします。 デフォルト $("#s1").dropdownchecklist(); $("#s2").dropdownchecklist(); 長いテキスト、短いコントロール widthオプションは、コントロールの固定幅を設定します。 ドロップダウンのアイテムのテキストが長い場合は、コントロールは固定幅を保持し、アイテム部分のサイズだけアイテムのテキスト長さに合わせて広がります。 $("#s3").dropdownchecklist({ width: 100 }); リストの高さを設定 maxDropHeightオプションは、ドロップダウンリストの固定幅を設定します。 指定した高さよりリストが長い場合はスクロールバーが表示されます。 $("#s4").dropdownchecklist({ maxDropHei
<form action="#"> <table> <tr> <th>親ジャンル</th> <td> <select name="parentS" onchange="createChildOptions(this.form)" style="width:200px;"> <option value="">親ジャンルを選択して下さい</option> <option value="1">Fruits</option> <option value="2">Vegitables</option> <option value="3">Driknks</option> </select> </td> </tr> <tr> <th>子ジャンル</th> <td><!--表示位置--><div id="childS"></div></td> </tr> </table> <p><input type=
reloadメソッドは、現在のページを再読込（更新）します。 ブラウザの［更新ボタン］をクリックしたのと同じ動作です。 オプションの第1引数にtrueを指定すると、サーバーからリロードされます。 FALSEを指定するとキャッシュからリロードされます（デフォルト）。 指定秒数後に再読込させたい場合は、reloadメソッドではなくmeta要素を使用します。 <meta http-equiv="refresh" content="秒数">をhead要素内に記述します。 オブジェクト名windowは省略可。 <!-- ページの再読込（更新）ボタン --> <input type="button" value="ページを再読込（更新）する" onclick="location.reload();" />
YouTube iFrame Player API 再生の制御〔再生・一時停止・停止・シーク位置〕 音量の制御〔ミュートの設定・解除、ミュート状態取得、音量の設定・取得〕 再生ステータスの取得〔経過時間、プレーヤーの状態、読み込みバイト数など〕 再生画質の制御〔画質の取得・変更、有効な画質セットの取得〕 動画情報の取得〔現在の動画の長さ、URL、埋め込みコードを取得〕 イベント プレーヤーのサイズを設定 複数の動画を切り替えて再生 プレーヤーの複数配置 字幕付き動画一覧表示＋字幕のフォントサイズ変更〔player.setOption()、onPlayerApiChange〕 iframe要素への取得と変更 YouTube iFrame Player API 2012/11/18 YouTube JavaScript Player API リファレンス ※2012.11.18 見れなくなって
table〔テーブルの定義〕 caption〔表題〕 colgroup〔表の行を構造的にグループ化〕 col〔表の行を非効率的にグループ化〕 tbody〔表の本体部分を定義〕 thead〔表のヘッダ部分を定義〕 tfoot〔表のフッタ部分を定義〕 tr〔行のグループ化〕 th〔見出しセル〕 td〔データセル〕 table テーブルの定義 2009/8/26 table要素は、表を表します。 レイアウト目的で使用しないようにしてください。 table要素内には、tbody要素またはtr要素が、1回以上出現する必要があります。 table要素に「表題」を付ける場合は、caption要素を使用します。 その場合、caption要素は、table要素内に1回のみ出現することができます。 行をグループ化する場合は、col要素またはcolgroup要素のいずれかを使用します。 その場合、これらの要素は
google.maps.StreetViewPanoramaクラスのコンストラクタ。 指定した座標またはパノラマIDのパノラマを表示します。 ストリートビューパノラマは、地図上あるいは、地図とは別のDIV要素内に表示可能です。 オプションでビューのカスタマイズが可能です。 設置サンプル ストリートビューパノラマのバインド先を切り替えるサンプルです。 <!DOCTYPE> <html lang="ja"> <head> <meta charset="utf-8" /> <title>StreetViewPanorama | 設置サンプル</title> <link rel="stylesheet" type="text/css" href="/content/css/gmapv3.css" /> <!-- スマートフォン向けviewportの指定 --> <meta name="viewpo
Windows環境のChromeでiPhoneSafariのデバッグをする Edge Inspect使用 2012/11/6 iOS5までは、端末のSafariに開発メニューがあり、そこからコンソールログなど、Webサイトのデバッグ表示ができたのですが、見当たらないと思ってたら、iOS6からはWebインスペクタに変わっていました。 weinreというリモートで動くWebサイトのデバッグツールが使われています。 Adobe Community: Forum: Edge Inspect どんなものか試してみましたので、ここではWindows環境のChromeでiPhoneSafariをデバッグする手順を簡単にご説明します。 必要なものはこちら。一度インストールしてしまえばあとは接続するだけなので簡単です。 iPhone：実機（WiFi接続）＋「Edge Inspect」アプリ Windows：
次のページ
このページを最初にブックマークしてみませんか？
『PHP & JavaScript Room』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
