カテゴリー: WEB

強烈!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日