カテゴリー: WEB

ウェブ用世界の国選択htmlのselectタグ

投稿者:isc_blog

国一覧選択セレクトボックスをつくろうと思ったらサンプルが転がってないので・・・

抜粋しました。

切り取って使ってください。(日本がデフォルト選択されています。)

[html]
<select name=”country”> <option value=”AD”>アンドラ公国</option><option value=”AE”>アラブ首長国連邦</option><option value=”AF”>アフガニスタン・イスラム国</option><option value=”AG”>アンチグア・バーブーダ</option><option value=”AI”>アンギラ</option><option value=”AL”>アルバニア共和国</option><option value=”AM”>アルメニア共和国</option><option value=”AN”>オランダ領アンチル</option><option value=”AO”>アンゴラ共和国</option><option value=”AQ”>南極</option><option value=”AR”>アルゼンチン共和国</option><option value=”AS”>米領サモア</option><option value=”AT”>オーストリア共和国</option><option value=”AU”>オーストラリア</option><option value=”AW”>アルバ</option><option value=”AZ”>アゼルバイジャン共和国</option><option value=”BA”>(ボスニア・ヘルツェゴビナ共和国)</option><option value=”BB”>バルバドス</option><option value=”BD”>バングラデシュ人民共和国</option><option value=”BE”>ベルギー王国</option><option value=”BF”>ブルキナファソ</option><option value=”BG”>ブルガリア共和国</option><option value=”BH”>バーレーン国</option><option value=”BI”>ブルンジ共和国</option><option value=”BJ”>ベナン共和国</option><option value=”BM”>バーミューダ諸島</option><option value=”BN”>ブルネイ・ダルサラーム国</option><option value=”BO”>ボリビア共和国</option><option value=”BR”>ブラジル連邦共和国</option><option value=”BS”>バハマ国</option><option value=”BT”>ブータン王国</option><option value=”BV”>ブーベ島</option><option value=”BW”>ボツワナ共和国</option><option value=”BY”>ベラルーシ共和国</option><option value=”BZ”>ベリーズ</option><option value=”CA”>カナダ</option><option value=”CC”>ココス諸島</option><option value=”CF”>中央アフリカ共和国</option><option value=”CG”>コンゴ共和国</option><option value=”CH”>スイス連邦</option><option value=”CI”>コートジボアール共和国</option><option value=”CK”>クック諸島</option><option value=”CL”>チリ共和国</option><option value=”CM”>カメルーン共和国</option><option value=”CN”>中華人民共和国</option><option value=”CO”>コロンビア共和国</option><option value=”CR”>コスタリカ共和国</option><option value=”CU”>キューバ共和国</option><option value=”CV”>カーボベルデ共和国</option><option value=”CX”>クリスマス島</option><option value=”CY”>キプロス共和国</option><option value=”CZ”>チェコ共和国</option><option value=”DE”>ドイツ連邦共和国</option><option value=”DJ”>ジブチ共和国</option><option value=”DK”>デンマーク王国</option><option value=”DM”>ドミニカ国</option><option value=”DO”>ドミニカ共和国</option><option value=”DZ”>アルジェリア民主人民共和国</option><option value=”EC”>エクアドル共和国</option><option value=”EE”>エストニア共和国</option><option value=”EG”>エジプト・アラブ共和国</option><option value=”EH”>西サハラ</option><option value=”ER”>エリトリア</option><option value=”ES”>スペイン</option><option value=”ET”>エチオピア</option><option value=”FI”>フィンランド共和国</option><option value=”FJ”>フィジー共和国</option><option value=”FK”>フォークランド(マルビナス)諸島</option><option value=”FM”>ミクロネシア連邦</option><option value=”FO”>フェロー諸島</option><option value=”FR”>フランス共和国</option><option value=”FX”>フランス本国</option><option value=”GA”>ガボン共和国</option><option value=”GB”>グレートブリテン及び北部アイルランド連合王国(英国)</option><option value=”GD”>グレナダ</option><option value=”GE”>グルジア共和国</option><option value=”GF”>仏領ギアナ</option><option value=”GH”>ガーナ共和国</option><option value=”GI”>ジブラルタル</option><option value=”GL”>グリーンランド</option><option value=”GM”>ガンビア共和国</option><option value=”GN”>ギニア共和国</option><option value=”GP”>グアドループ島</option><option value=”GQ”>赤道ギニア共和国</option><option value=”GR”>ギリシア共和国</option><option value=”GS”>南ジョージア島・南サンドイッチ諸島</option><option value=”GT”>グアテマラ共和国</option><option value=”GU”>グアム</option><option value=”GW”>ギニアビサオ共和国</option><option value=”GY”>ガイアナ協同共和国</option><option value=”HK”>ホンコン (香港)</option><option value=”HM”>ヘアド島・マクドナルド諸島</option><option value=”HN”>ホンジュラス共和国</option><option value=”HR”>クロアチア共和国</option><option value=”HT”>ハイチ共和国</option><option value=”HU”>ハンガリー共和国</option><option value=”ID”>インドネシア共和国</option><option value=”IE”>アイルランド</option><option value=”IL”>イスラエル国</option><option value=”IN”>インド</option><option value=”IO”>英領インド洋地域</option><option value=”IQ”>イラク共和国</option><option value=”IR”>イラン・イスラム共和国</option><option value=”IS”>アイスランド共和国</option><option value=”IT”>イタリア共和国</option><option value=”JM”>ジャマイカ</option><option value=”JO”>ヨルダン・ハシミテ王国</option><option value=”JP” selected=”selected”>日本</option><option value=”KE”>ケニア共和国</option><option value=”KG”>キルギスタン共和国</option><option value=”KH”>カンボディア王国</option><option value=”KI”>キリバス共和国</option><option value=”KM”>コモロ・イスラム連邦共和国</option><option value=”KN”>セントクリストファー・ネイビス</option><option value=”KP”>(北朝鮮=朝鮮民主主義人民共和国)</option><option value=”KR”>大韓民国</option><option value=”KW”>クウェート国</option><option value=”KY”>ケイマン諸島</option><option value=”KZ”>カザフスタン共和国</option><option value=”LA”>ラオス人民民主共和国</option><option value=”LB”>レバノン共和国</option><option value=”LC”>セントルシア</option><option value=”LI”>リヒテンシュタイン公国</option><option value=”LK”>スリランカ民主社会主義共和国</option><option value=”LR”>リベリア共和国</option><option value=”LS”>レソト王国</option><option value=”LT”>リトアニア共和国</option><option value=”LU”>ルクセンブルク大公国</option><option value=”LV”>ラトビア共和国</option><option value=”LY”>社会主義人民リビア・アラブ国</option><option value=”MA”>モロッコ王国</option><option value=”MC”>モナコ公国</option><option value=”MD”>モルドバ共和国</option><option value=”MG”>マダガスカル共和国</option><option value=”MH”>マーシャル諸島共和国</option><option value=”ML”>マリ共和国</option><option value=”MM”>ミャンマー連邦</option><option value=”MN”>モンゴル国</option><option value=”MO”>マカオ(澳門)</option><option value=”MP”>北マリアナ諸島</option><option value=”MQ”>マルチニーク島</option><option value=”MR”>モーリタニア・イスラム共和国</option><option value=”MS”>モントセラト</option><option value=”MT”>マルタ共和国</option><option value=”MU”>モーリシャス共和国</option><option value=”MV”>モルジブ共和国</option><option value=”MW”>マラウイ共和国</option><option value=”MX”>メキシコ合衆国</option><option value=”MY”>マレーシア</option><option value=”MZ”>モザンビーク共和国</option><option value=”NA”>ナミビア共和国</option><option value=”NC”>ニューカレドニア</option><option value=”NE”>ニジェール共和国</option><option value=”NF”>ノーフォーク島</option><option value=”NG”>ナイジェリア連邦共和国</option><option value=”NI”>ニカラグア共和国</option><option value=”NL”>オランダ王国</option><option value=”NO”>ノルウェー王国</option><option value=”NP”>ネパール王国</option><option value=”NR”>ナウル共和国</option><option value=”NU”>ニウエ</option><option value=”NZ”>ニュージーランド</option><option value=”OM”>オマーン国</option><option value=”PA”>パナマ共和国</option><option value=”PE”>ペルー共和国</option><option value=”PF”>仏領ポリネシア</option><option value=”PG”>パプアニューギニア</option><option value=”PH”>フィリピン共和国</option><option value=”PK”>パキスタン・イスラム共和国</option><option value=”PL”>ポーランド共和国</option><option value=”PM”>サンピエール島・ミクロン島</option><option value=”PN”>ピトケアン島</option><option value=”PR”>プエルトリコ</option><option value=”PT”>ポルトガル共和国</option><option value=”PW”>パラオ</option><option value=”PY”>パラグアイ共和国</option><option value=”QA”>カタール国</option><option value=”RE”>レユニオン</option><option value=”RO”>ルーマニア</option><option value=”RU”>ロシア連邦</option><option value=”RW”>ルワンダ共和国</option><option value=”SA”>サウジアラビア王国</option><option value=”SB”>ソロモン諸島</option><option value=”SC”>セイシェル共和国</option><option value=”SD”>スーダン共和国</option><option value=”SE”>スウェーデン王国</option><option value=”SG”>シンガポール共和国</option><option value=”SH”>セントヘレナ島</option><option value=”SI”>スロベニア共和国</option><option value=”SJ”>スバールバル諸島・ヤンマイエン島</option><option value=”SK”>スロバキア共和国</option><option value=”SL”>シエラレオネ共和国</option><option value=”SM”>サンマリノ共和国</option><option value=”SN”>セネガル共和国</option><option value=”SO”>ソマリア民主共和国</option><option value=”SR”>スリナム共和国</option><option value=”ST”>サントメ・プリンシペ民主共和国</option><option value=”SV”>エルサルバドル共和国</option><option value=”SY”>シリア・アラブ共和国</option><option value=”SZ”>スワジランド王国</option><option value=”TC”>タークス諸島・カイコス諸島</option><option value=”TD”>チャド共和国</option><option value=”TF”>仏領極南諸島</option><option value=”TG”>トーゴ共和国</option><option value=”TH”>タイ王国</option><option value=”TJ”>タジキスタン共和国</option><option value=”TK”>トケラウ諸島</option><option value=”TM”>トルクメニスタン</option><option value=”TN”>チュニジア共和国</option><option value=”TO”>トンガ王国</option><option value=”TP”>東チモール</option><option value=”TR”>トルコ共和国</option><option value=”TT”>トリニダード・トバゴ共和国</option><option value=”TV”>ツバル</option><option value=”TW”>台湾</option><option value=”TZ”>タンザニア連合共和国</option><option value=”UA”>ウクライナ</option><option value=”UG”>ウガンダ共和国</option><option value=”UM”>米領太平洋諸島</option><option value=”US”>アメリカ合衆国(米国)</option><option value=”UY”>ウルグアイ東方共和国</option><option value=”UZ”>ウズベキスタン共和国</option><option value=”VA”>バチカン市国</option><option value=”VC”>セントビンセント及びグレナディーン諸島</option><option value=”VE”>ベネズエラ共和国</option><option value=”VG”>英領バージン諸島</option><option value=”VI”>米領バージン諸島</option><option value=”VN”>ベトナム社会主義共和国</option><option value=”VU”>バヌアツ共和国</option><option value=”WF”>ワリス・フテュナ諸島</option><option value=”WS”>西サモア</option><option value=”YE”>イエメン共和国</option><option value=”YT”>マイヨット島</option><option value=”YU”>(ユーゴスラビア連邦共和国)</option><option value=”ZA”>南アフリカ共和国</option><option value=”ZM”>ザンビア共和国</option><option value=”ZR”>ザイール共和国</option><option value=”ZW”>ジンバブエ共和国</option> </select>
[/html]

サンプル

コード横丁 国名コード(X0304)というJIS X0304 で設定された国コードを HTML TAG化しました。
ありがとうございます!
コード横丁 コード横丁はJISやISOなどの各種コードを網羅したホームページです。

2011年4月28日

強烈!JavascriptDBでDBなしでも簡単に抽出させる!

投稿者:isc_blog

AJAX+JavascriptDBで簡易CSVデータベース利用のWebサンプルを参考に・・・

豊島区の賃貸物件情報 を作ってみました。

以前書いたように「csv」データだけ別途吐き出す仕組みさえ作ってしまえば

簡易に検索させるサイトは出来てしまいますね!


一応リレーショナルデータベースを意識して

物件テーブルと路線テーブルと駅テーブルそして
部屋数、構造、種別をマスタテーブルにして6テーブルに分けてみました。

「SELECT LINE_TBL.line_nm,STATION_TBL.station_nm,BUKKEN_TBL.toho,BUKKEN_TBL.bus,BUKKEN_TBL.menseki,ROOM_TBL.room_nm,BUKKEN_TBL.floor,BUKKEN_TBL.chikunen,BUKKEN_TBL.houi,BUKKEN_TBL.price,BUKKEN_TBL.kanrihi,BUKKEN_TBL.shikikin,BUKKEN_TBL.reikin,BUKKEN_TBL.syokyaku,TYPE_TBL.type_nm,KOZO_TBL.kozo_nm FROM BUKKEN_TBL INNER JOIN LINE_TBL on BUKKEN_TBL.line_id = LINE_TBL.id INNER JOIN STATION_TBL on BUKKEN_TBL.station_id = STATION_TBL.id INNER JOIN ROOM_TBL on BUKKEN_TBL.room = ROOM_TBL.id INNER JOIN TYPE_TBL on BUKKEN_TBL.type = TYPE_TBL.id INNER JOIN KOZO_TBL on BUKKEN_TBL.kozo = KOZO_TBL.id WHERE true AND LINE_TBL.id = “3”」

※一行で書かないといけないのがミソです。
こんなSQLが書けちゃうなんてステキです!

※昨日、「アシアル株式会社」主催のAndroid/iPhoneアプリ制作セミナーに行ってきました!アンドロイド開発したいっす!

2011年4月27日

便利なウェブサービス(忘備録メモ的)

投稿者:isc_blog

簡単に「.htaccess ファイル」を作れるサイト
.htaccess Editor

オリジナルの「favicon」を作れるサイト
favicon.ico Generator

オンラインプロジェクト管理ツール(機能制限版は無料)
プロジェクト管理クラウドサービス:teamoffice

携帯サイト制作用(各種ツールがあります)
携帯サイト制作に役立つ便利なwebサービス群

webブラウザ見栄え確認ツール
ブラウザの互換性をチェックする、クロスプラットフォームブラウザテスト – Browsershots
※ほかにもいろいろ

自分のページやサイトが各ブラウザでどのように見えるか確認できる便利なサイトいろいろ – GigaZine

2011年4月25日

Ajax+CSS+PHPチュートリアルがいっぱいあるサイト

投稿者:isc_blog

新たにプログラミング言語を習得する際、チュートリアル的なものがあると助かりますよね。
そこで今まさにWEB系アプリケーションで使われまくっているもの
「Ajax + CSS + PHP」のチュートリアルがいっぱい詰まっているサイトを発見したのでご紹介。
※英語サイトです。が・・・デモとソースを見ればなんとなくわかります。
Smashing Magazineというサイトの下記コンテンツです。
Tutorials Round-Up: Ajax, CSS, PHP and More

PHPという割にはたま~にjava Servlet/JSP も混じっています。ご愛嬌ですかね。

2011年4月24日

Googleのサービスをまとめているサイト

投稿者:isc_blog

Google Mania – グーグルの便利な使い方
こちら相当参考になります。
こういったサイトまとめられる方って尊敬します。

こちらのサイトのGoogleサービス一覧がまたステキすぎます。

私は私的にGoogle Codeの「Google Project Hosting」にプロジェクト作成してソース管理してたりしています。ソース管理サーバーなんてなかなか用意できないしすごい重宝していますよ。

※「Google Project Hosting」についてはいずれ機会があったらまとめたいなぁ~と思っています。

最近は、Android といい Google Web Api といい Google様様な私です。

2011年4月23日

JavaScriptでの順番を降順にしちゃう方法

投稿者:isc_blog

サイト制作時にHTMLタグの番号付きリスト<ol>で一覧を作成していたときのこと

お客様からこんな要望が・・・

「降順じゃないと困りますよ・・・」

え。

あ、確かに頂いた原稿は降順だ・・・

しかし、この先まだ項目数は増えるわけで・・・

お客様に項番振りなおしてください・・・というわけにもいかず(第一自分たちが修正するのも面倒くさい)

必要に迫られインターネット検索しまくって実現させました。

こんな感じで降順にしちゃえます。

ソースは・・・こんな感じ

[html]
JavaScriptで<ol>の順番を降順にしちゃう方法

<div>
<form>
<script type=”text/javascript”>
function kojun(){
var self = this;
self.ul = document.getElementById(“contentlist1″);
var lisTag = self.ul.getElementsByTagName(“li”);
var lisNode = self.ul.childNodes;
alert(“getElementsByTagNameでの結果:” + lisTag.length);
alert(“childNodesでの結果:” + lisNode.length);
// ブラウザ依存部分是正
var max = lisTag.length;
var interval = 1;
if (lisTag.length < lisNode.length) {
interval = 2;
max = max * 2;
}
for(var i = 0;i < max ;i ++)
{
this.ul.childNodes[i].value = (max – i + (max – i) % interval) / interval;
// alert(this.ul.childNodes[i].value);
//子ノード<li>の i 番目に、(最大番号- i )を代入する。結果は、番号が降順になる。
}
}
</script>
<ol id=”contentlist1″ onclick=”alert(this.childNodes.length)”>
<li>これが1</li>
<li>これは2</li>
<li>これは3</li>
<li>これは4・・・だよ</li>
<li>これ5ね</li>
<li>これ6です。</li>
<li>これは7</li>
<li>これは8</li>
<li>でもこれは9</li>
<li>しかしながら10</li>
<li>かくかくしかじか11</li>
<li>でも12</li>
<li>恐れ入りますが13</li>
<li>なぜか14</li>
<li>おどろくべきことに15</li>
<li>ここは16</li>
</ol>
<input type=”button” value=”降順にしちゃう!” onclick=”javascript:kojun();”>
</form>
</div>
[/html]

参考まで~~

2011年4月20日

ブログ作成っていう作業

投稿者:isc_blog

はじめまして!

株式会社アイ・エス・シーのさとうです。

今回、会社用ブログを立ち上げるにあたって作業したことについて書き残したいと思います。

 

【ブログ作成について】

ブログを作成する作業については「お客様のために」という意味では何度もあるのですが

自分が書く立場となるといつも無料・有料のサービスを利用してきました。

一番長く使っているのは「livedoorブログ」、あとはいろいろ使ってみては辞め使ってみては辞めの繰り返しでした。

今回、サイト制作の一環で弊社でも「WordPress」を使用して構築することも多くなり、「実験」スペースが欲しかった・・・という実情と今後の仕事に結びつけば・・・という野望(?)から自社運営で立ち上げることになりました。

 

【作業】

まずは、SSHでサーバーにログインし「WordPress」最新版をダウンロード。

アーカイブを展開してから

「blog.iscw.jp」サブドメイン作成

PHPがセーフモードで動作しているため、一部不具合が生じるかな・・・と思い

blog.iscw.jpディレクトリに一部の機能をCGIとして動作するための「.htaccess」ファイル配置。

※中身については、こちらを参考にしました。→【wp】wordpress 管理画面のCSSレイアウトが崩れる。

で、あとはWordPress設定画面にて設定を行い・・・(略)

あまりにも簡単に・・・完成しました。

 

【記事を書く・・・ということ】

「ブログ」を書くということ自体、仕事じゃないよね!?感があり(実際、この記事もお昼休みに書いてます。)

いつ書けばいいのかわからなかったりしていますが、時間を見つけてこれまで蓄積してきたノウハウやチップスを掲載していければ、と思います。

今後ともよろしくお願いいたします。

2011年4月18日