こんにちわ、開発者のⅠです。
さて、前回から時間が空いてしまいましたが、GooｇleMapに関わるお話の続きです。
前回は、Google Mapにマーカーを表示させる方法について紹介いたしましたが、今度はその応用として、マーカーのデータを外部ファイルから読み込む方法について紹介したいと思います。
今回は、名前、住所、座標(緯度と経度)を記録したCSVファイル(拡張子： .csv)を読み込む場合を例として挙げたいと思います。
まず、外部ファイルを読み込むために必要な関数 getCSVFileをMapオブジェクト宣言の下に記述します。
function getCSVFile() {
var xhr = new XMLHttpRequest();
xhr.onload = function () {
createArray(xhr.responseText);
};
xhr.open("get",...
2015年11月30日月曜日
C# ref修飾子とout修飾子とは
こんにちは山田です。
メソッドに引数を参照渡しで渡す方法です。
メソッドの戻り値で完結することが多いのですが、
それ以外に、戻り値とは別に引数を返したい場合があります。
自分が使うシーンとしては、メソッドの戻り値でDBから取得したデータリストを取得して、
そのデータの個数の値を別個に取得したいときなどがあります。
開発環境：ASP.NET2.0
開発言語：C#
値渡しの場合と、参照渡し場合の違いをまとめてみました。
■元々（値渡しの場合）
public static void A(int arg1)
{
arg1 = 50;
}
public static...
2015年11月27日金曜日
ASP.NETでのURLリライトの流れ
こんにちは山田です。
長年の疑問のURLリライトについてわかってきたので
その覚書です。
開発環境：ASP.NET2.0
開発言語：C#
IIS：6.1
■URLリライトの別名
URLリライト＝URL書き換え
日本語だとURL書き換えとなります。
■そもそもURLリライトは必要なの？
個人的な疑問としてページリライトの技術はURLから判断して、
IISのサーバーのファイルディレクトリ（どの階層にいるのか）がわかりにくくなるし、
今見ているページの関連する記事を探したい場合、URLの法則性がわからないのでなんと打ち込めばよいのかわからない等の感想を持っていました。（こんな使われ方は想定されていいないと思いますが、、、）
一般的にどういう目的で使われているかと
URLが短い。
URL入力が簡単になる。
URL を見ると、サイトの構造がわかる。
"短縮可能...
2015年11月26日木曜日
DISTINCTを使って重複を除外して表示
DISTINCTを使って重複を除外して表示
こんにちは山田です。
DB環境：MSSQL
登録したデータから、このカラムってどんな種類があったっけ？
と思った時に役立つ方法です。
つまり
取り出したレコードから重複する行を除外することができます。
■元のテーブル
category color size
----------------------------
adult red small
adult blue big
adult blue medium
kid ...
2015年11月25日水曜日
viewstateの中身を見ようと思ったがうまくできない
ブログネタ
こんにちは山田です。
postとgetの違いについて以前お話したのですが
postで送信されるviewstateについて掘り下げたいと思います。
■ViewStateとは
ビューステートは、ページとコントロールの値をラウンド トリップ間で保持する方法です。
現在のページの状態と値をBase64でエンコードして隠しフィールドに出力されます。
【～viewstateの中身を見よう～】
開発環境：ASP.NET 2.0
開発言語：C#
■元データをつくる
こんな感じで簡単なASPXの元データをつくります
[aspx]
<%=textBox1.Text%>と入力されました
...
2015年11月24日火曜日
Google Mapにマーカー(目印)を表示する
こんにちわ、開発者のⅠです。
さて、前回は便利機能の表示の切替についてお話しましたが、今回はマーカーを表示させる方法についてお話したいと思います。
マーカーは皆さんご存知でしょうか？
Google Map上で建物などのスポットをクリックしたり、キーワード検索を行うと現れる"赤い目印"のことです。
なんとなく愛嬌がありますね。
それでは早速、実践してみましょう。
マーカーを表示させるには、経度と緯度が必須です。
以下のコードを、 関数 initializeに追加してみてください。
var map = new google.maps.Map(document.getElementById("map_canvas"),myOptions);
var markers = [
['東京タワー',35.658589, 139.745615],
['浅草 雷門',35.711020,...
HTMLのForm要素について
HTMLのForm要素が忘れがちだったので一覧にまとめてみました。
■要素一覧
action ：送信先ファイルのURL
method ：データの送信方法（get か post）（省略するとgetになる）
enctype ：送信時のデータ形式
accept-charset ：送信時の文字コード
novalidate new ：入力チェック (バリデート) せずに送信
autocomplete new ：オートコンプリート機能のON,OFF
name ：フォームに固有の名前をつける
target ...
2015年11月20日金曜日
Google Mapのカスタマイズ
こんにちわ、無性にかまぼこが食べたい開発者のⅠです。
明日から３連休！という方もいらっしゃると思いますが、地域によっては天気が思わしくないようですので、外出される方は十分ご注意ください。
それでは、前回から引き続き、Google Maps JavaScript APIに関係するお話をしたいと思います。
Google Mapを無事に表示出来た方、もう少しカスタマイズしてみましょう。
マップのレイアウトにかかわるvar optionのプロパティをもう少し紹介しておきますと、
① mapTypeControl: (true/false)
「地図⇔航空写真」を切り替えるボタンの表示・非表示を切り替えます。
ページに表示するマップのサイズとの兼ね合い等の理由で非表示にしたい方もいらっしゃると思います。その場合には、"false"に設定しましょう。
② streetViewControl:...
「♡ ;」はなんでしょう？
こんにちは！Sです。
タイトルを見てすぐにHTMLの特殊文字だ！とピンときた方はプロですね。
今日は特殊文字のお話です。
特殊文字といえば
" & < > ©
などが有名ですが、実は他にもものすごく沢山あります。
今日は「♡」をどうしても出したくて改めて一覧表を調べました。
（「♡」の答えは「♡」でした。)
その際、役に立ったサイトもまとめておきます♪
▼特殊文字コード表
http://www.shurey.com/js/labo/character.html
▼エンコードの便利ツール
http://www.tagindex.com/tool/url.h...
URL最後のスラッシュとは
URL最後のスラッシュがない
こんにちは山田です。
雑誌とかテレビを見ているときに気になってURLをアクセスしてみると
あれ、NotFound… ないじゃんということが、、、あるかもしれませんね。
さて、
お客さんに印刷して渡したURLに最後スラッシュがついていなかったということになっておりました。
実際にURLを開いてみると NotFound…
その時の対応の話です。
正：http://sample.com/contents/0001
誤：http://sample.com/contents/0001/
一般的な人からするとなくてもあっても一緒なんじゃないかと思われがちな箇所だと思います。
（僕もチラシ屋さんだったらあまり気にしなそう）
豆知識として
そもそもURLの最後のスラッシュには「トレイニングスラッシュ」という名前があるようです。
というわけで、
誤っているURLを正しいURLへ301リダイレクトさせてみました。
開発環境：ASP.NET2.0
IIS：ver8.5
web.config
<system.webServer>
～
<rewrite>
...
2015年11月19日木曜日
404エラーページのSEO効果
404エラーページのSEO効果
こんにちは山田です。
404ってネットサーフィンしたことがある人ならだれでもしっている
メジャーなエラーですよね。
このエラーの発生要因とすれば
人為的なURLの入力ミス
ページの削除・移動
が考えられますね。
ということで、SEOの観点からすると404エラーはどうなんだろうと思い調べてみました。
リンクをWebページにペタペタ張っていくと
リンク先がないファイルに行き当たることがあります。
クローラーはよくやっていそうですね。
もし、404エラーページ到着した場合
何もリンクがなかった場合
：そこで終わり
有益なコンテンツへのリンクがあった場合
：クローラーはそのリンクを辿ってその後も多くのページを回遊しようとしてくれます。
404エラーページにおけるSEO効果としては上記のような対策になりえます。
有益な 404...
2015年11月18日水曜日
【Java】UTC時間の文字列をTimestamp型に変換する方法
こんにちは。エンジニアのKです。
solrのレスポンスに含まれる時間文字列をTimestamp型に変換しようとしたときに、少しはまったので覚書です。
solrに格納される時刻はデフォルトでUTC時間とのことで、ぱっと見、日本時間から9時間前の表記となります。
solrのdate型カラムのレスポンス値は以下のような文字列になっています。
2015-11-18T10:00:00Z
この文字列を以下のようにしてTimestamp型に変換します。
import java.sql.Timestamp;
import java.text.ParseException;
import java.text.SimpleDateFormat;
import java.util.TimeZone;
(略)
SimpleDateFormat dateFormatter = new SimpleDateFormat("yyyy-MM-dd'T'HH:mm:ss'Z'");
...
リピーターにバインドしたデータの奇数個目と偶数個目で異なるクラスのCSSをあてる方法
こんばんはSです！
長いタイトルの通り、今日は
【リピーターにバインドしたデータの奇数個目と偶数個目で異なるクラスのCSSをあてる方法】
についてです♪
こういうときに役に立つのが%で、下記のように書くと上手くいきます。
<li class='<%# (((Container.ItemIndex % 2) == 1) ? "even" : "")%>'>
※even : 偶数個目にだけ適用するCSSのクラス名
(奇数個目じゃない？と思った方は私と同じ罠にはまっています笑)
▼イメージ
<li >aaa</li>
<li class='even'>aaa</li>
<li >aaa</li>
<li class='even'>aaa</li&g...
Google Maps JavaScript APIを使って、マップをWebページに埋め込む方法
こんにちわ、開発者のⅠです。
今朝、JRのある路線で遅延が発生していたようですが、その原因が猪と衝突したことによる車両不具合だったそうです……どれだけ強い衝撃だったのでしょうか。
さて、今回は前回の投稿の続きです。
前回紹介したGoogle Maps APIには、様々な種類があります。
Google Maps Android API
Google Maps SDK for iOS
Google Maps JavaScript API
Google Places API for Android
Google Places API for iOS
Google Maps Roads API
Google Static Maps API
Google Street View Image API
Google Maps Embed API
Google Places API Web Service
Google...
301リダイレクトとは
301リダイレクトとは
こんにちは山田です。
写真は明るければきれいに見えるなと思う今日この頃です。
うまく話をつなげられないので悔しい限りですが本題に入ります。
■そもそもリダイレクトとは
指定したWebページから、自動的にほかのWebページに転送される機能です。
おもにURLが変わったときに、新しいURLへ誘導するときに使われます。
■種類としては
301リダイレクト Webサーバーが別のサイトへ転送処理を行う
302リダイレクト クライアントPCが転送処理を行う
があります。
サーバでやるのかクライアントでやるのかの違いです。
■SEO的には？
Geogleからすると301リダイレクトを推奨しているようです。
https://support.google.com/webmasters/answer/93633?hl=ja
設定方法についてはま...
2015年11月17日火曜日
カノニカルタグによくある間違い
こんにちは山田です。
カノニカルタグによくある間違いです。
×分割したページは1ページ目にカノニカルを向ける
↓
○view allページまたはrel=“next”とrel=“prev”を使う
実は1ページ目にカノニカルを集めるのは推奨されておりません。
そういった場合はページネーション（ページ送り）をつけてあげましょう。
例）3ページある場合
<link rel="canonical" href="http://www.example.com/article?page=1" />
<link rel="next" href="http://www.example.com/article?/page=2" />
<link rel="prev" href="http://www.example.com/article/?page=1"...
2015年11月16日月曜日
Google Maps API を使用する
こんにちわ、開発者のⅠです。
起床するたびに部屋の寒さに震えている今日この頃です。
皆さんはいかがでしょうか。
さて、今回のお題は”グーグルAPI”についてです。
そもそもAPIとはなんでしょうか？
”Application Programming Interface ”の頭文字をとった言葉であり、これを用いることで”Webサービス”を簡単にプログラム上で利用することが出来るようになります。
グーグルが提供するGoogle Maps API を使えば、みなさんもご存じのグーグルマップをプログラム上で簡単に利用することができます(ちなみに、最新のバージョンはV3です)。
その為にはグーグルアカウントが必須であり、以下のサイトでAPIを有効にする必要があります。
詳しい方法を知りたい方は、グーグル先生にお聞きするとすぐに答えてくれるはずです。
参照サイト名：Google Developers...
cssやjsファイルを確実に更新させる
こんにちは山田です。
身内ルールと思っていたものが実は広く一般的なやりかただったこと
というものに遭遇しました。
今日はそのお話しです。
開発環境：ASP.NET 2.0
CSSファイルに修正を加えて、よし動いたと思っていたら、
依頼者から「変わってないんだけど～」の声
ブラウザを更新してみると、、、
要するにクライアント側のキャッシュを読んでいたのが原因です。
これにクエリストリングを追加すると
新しいファイルでキャッシュしてくれるようになります。
<link rel="stylesheet" type="text/css" href="base.css" />
↓
<link rel="stylesheet" type="text/css" href="base.css?date=20150101" />
クエリストリングの中身は何でもよいのですが、管理上日付が使いやすいと思います。
また、さらにファイルに更新を加えたら、クエリストリングをまたさらに書き換えてあげればOKです。
<link...
2015年11月14日土曜日
Bloggerでインデックスステータスがずっと０ その２
お疲れ様です。岡田です。
前回、このブログのインデックスステータスが心停止状態になっているよ～という記事
（前回の記事：Bloggerでインデックスステータスがずっと０ その１）
の末尾で「カステラ食べたい」と書いていたんですが、なんと後日リーダーがお土産でカステラをくださいました。
ありがとうございました。
その後インデックスステータスがどうなったか
いろいろやってみた前回の記事ですが、あれから３週間（もたってしまいましたが）
インデックスステータスは「ちょっと」増えました。
ちょっと増えた。
よ、、よかった、、、！！
導入してから２週間くらいは、数値が反映されないそうです。
（参考：Googleウェブマスターツールのその後「インデックスステータス」の数値がいつまでたってもゼロ？）
（参考：インデックスステータスが0件から変動しない件について）
よかったのはよかったのですが、４って少なくない？もっとあるんですけど。。。。
と思っていたら、大きな問題が発覚しました
ロボットによってブロックされたページがたくさん増えてた
こんなにブロックされてたなんて
４ページがインデックスに登録された裏で、38ページものページがブロックされていました。
「robots.txt...
2015年11月13日金曜日
lengthとcountについて C#
こんにちは。長年の疑問の「は」なのか「わ」なのかどちらか正しい表記か「は」が正しいことがわかった山田です。発音的には、waなので、「わ」が正しいが、言葉の成り立ちとしては「は」になるみたいですね。さておき、C#でも、似たようなものでlengthとcountがあります。それぞれ配列の要素数に使われています。使い分けについて調べてみました。通常の配列string[]の時はlengthを使いコレクションList<T>の時はcountを使っています。（TはT型のオブジェクト）だと思います。（意外と情報がない、、、）
List<T> クラス
配列の長さを取得する
コレクションの方が動作が速いのでコレクションを使った方が良いとまとめてしまおうと思います。
わかったらまた追記したいと思い...
2015年11月12日木曜日
2つのリストを結合して任意の条件で並べ替え、上位のものだけ表示する方法
こんばんは！Sです。
今日は表題のようなことを行いましたのでその覚書です♪
①ｌistAとｌistBを結合する
ｌistA.AddRange(ｌistB);
②任意の条件で並び替える
ｌistA.Sort(delegate(Vo _vo1, Vo _vo2)
{
if(_任意の条件)
{
return ;
}
});
③並べ替えたものの上位のものだけ表示する
ｌistA.RemoveRange(int32,int32);
listNews.DataSource = ｌistA;
listNews.DataBind();
他にもList<T>クラスのメソッドがたくさんあって驚きました！
https://msdn.microsoft.com/ja-jp/library/6sh2ey19(v=vs.110).a...
SQLで列の最大値をだす
こんにちわ山田です。
ポッキーの日の翌日になるのですが、
この日にあやかって薬用石鹸のミューズが小ネタを挟んできてびっくりしました。
気になった方は知らない人は、ポッキー、ミューズで検索すると出てくると思います。
さて、本日はSQL操作の小ネタになります。
使用環境：Microsoft SQL Server
テーブルのキーとは別に、目的の列を一意の値にするのが目的です。
■指定列の最大値
構文は以下のようになります。
SELECT MAX(列名)
FROM テーブル名
同様にMINを入れると列の最少値になります。
私の場合は、INSERT文の値に、MAX関数を使用して一意でかつ、
どんどん大きくさせることが出来ま...
2015年11月11日水曜日
web.configでエラー処理を指定する
web.configでエラー処理を指定するこんにちは山田です。本日は、11月11日 そうですね。iPad Proの発売日ですね。4Kの編集もできるモンスターマシンですね。それはさておきWeb.configの記述でエラー処理について調べたのでその備忘録になります。開発環境：ASP.NET
使用言語：C#デフォルトで設定を入れていない場合、開発者にはなじみののある、IISデフォルトのエラーページがでますね。（赤文字と黄色背景のあるページ）これだとかっこわるいので、オリジナルのエラーページを作ったほうがよさそうです。方法は以下のように、web.configのsystem.web要素customErrors要素を追加します。[web.configファイル]<configuration> <system.web> <customErrors...
2015年11月10日火曜日
ページのリダイレクト方法 web.config
ページのリダイレクト方法
こんにちは山田です。
リダイレクトについてまとめました。（action type="Rewrite"でリライトも設定できます。）
開発環境：ASP.NET
使用言語：C#
リダイレクトの書き方ですが
いくつか方法があるようなのですが、
今回はWeb.configに記述する方法を使います。
まず、nameにリライトルールの名前を記述します。
次に、このルールにマッチする正規表現を設定します。
最後に、URLがマッチしたときに発生するアクションを設定します。
この“^campaign/index([0-9]{6}).aspx$”では、
もし入力URLが“^campaign/index([0-9]{6}).aspx$”の場合、{R:0}は“campaign/index201511.aspx”となり、{R:1}は“201511”になります。
ユーザーをリダイレクトするURLになるよう、この{R:1}/の値を使用します。
（{R:N}のNとは後方参照のインデックスになります）
<configuration>
...
2015年11月9日月曜日
GoogleMapを埋め込むには？
こんにちわ、開発者のⅠです。
最近、某サイトのマーケットプレイスで、クレジット以外の支払いOK&コンビニ受け取りも選べる場合があることに最近気付きました。便利になったものですね……。
閑話休題。
本日の投稿は、グーグルマップについてです。
グーグルマップといえばGoogle社が提供している地図サービスを指し、皆さんもご存じだと思います。経路検索はもちろん、地形や交通状況まで確認出来てしまう便利なツールですね。
⇒https://www.google.co.jp/maps/
このグーグルマップ、グーグルとは関係無さそうなお店などのサイトに埋め込まれているのを見たことはないでしょうか？そうです、グーグルマップをHTMLサイト内に文字通り”埋め込む”ことが可能です。
埋め込むためには、上に載せたリンクよりグーグルマップのサイトへアクセスし、左上のメニューを開き、”地図を共有また...
HttpResponse.Redirect メソッド (String)とは
こんにちは山田です。
エアコンと床暖のランニングコストはどっちがお得なんだろうと
最近気になっています。
季節ネタはさておき今回は、使用していたリダイレクトメソッドを
調べてみたのでその備忘録になります。
開発環境：ＡＳＰ．ＮＥＴ 2.0
■HttpResponse.Redirect メソッド (String)とはASP.NETで画面遷移行う時Response.Redirect(string)を使います。具体的には、クライアントに現在の処理を終了させて指定したＵＲＬ（stringのこと）に遷移させることができます。try-catch文を記すと常に例外が起こる仕様になっているようでその時は第二引数にfalseを指定させて、Response.Endを呼ばせなくすることができるそうです。
調べたら似たようなメソッドで HttpServerUtility.Transferメソッドというものがありました。
■HttpServerUtility.Transferメソッドとの違い...
2015年11月6日金曜日
301リダイレクトの書き方
こんばんはSです！
リダイレクトには恒久的な転送の301リダイレクトと一時的な302リダイレクトがありますが、
(おそらく)皆さんがよく使うと思われるResponse.Redirectは302リダイレクトです。
しかし、今回は301リダイレクトを行いたかったので
そのような書き方を探しました。
下記の2つが該当のコードです。
▼Framework 4.0以上のコード
Response.RedirectPermanent(url.Replace("元のURL", "リダイレクト後のURL"));
▼Framework 2.0にも対応
Response.StatusCode = 301;
Response.Status = "301 Moved Permanently";
Response.AddHeader("Location", url.Replace("元のURL",...
IISのログの見方
こんにちはグリーンスムージ≠青汁ということを知った山田です。
本日は
IISのアクセスログの見方を知ったのでまとめました。
どういう時に必要なログかはまだわかっていないのですが、
その入り口として 各属性の内容を調べてみました。
■アクセスログの場所
初期設定では
C:\inetpub\logs\Logfiles
フォルダ名
・Webサイトの場合：：”W3SVC” + サイトID（数字）
※サイトIDはIISマネージャで確認できます
■アクセスログの各項目
date time サーバでリクエストを受信した日時（UTC形式：日本+9時間）
s-ip サーバーのIPアドレス
cs-method 使われたHTTPメソッド
cs-uri-stem アクセスしてきたドメイン以下のアドレス
cs-uri-query ターゲットのクエリ情報
c-ip クライアントのIPアドレ...
2015年11月5日木曜日
.htaccessとは
こんにちわ山田です。SEOについて調べものをしていたら、「.htaccessを編集すればよい」という記述がよく見られました。IISを使っているので関係はないところでもあるのですが、知らなかったので調べてみました。■.htaccessとは.htaccess（ドットエイチティーアクセス）とはApacheeを用いたWebサーバにおいて、ディレクトリ単位で設定を行える設定ファイルです。これは、IISでいうとWeb.configファイルに該当するようです。■httpd.confとは？もう一つ似たものがありhttpd.confというものがあります。本来サーバの設定はサーバー管理者しか変更できないhttpd.confに記述するのですが、.htaccessを利用することで、アプリ開発者がディレクトリ単位でサーバーの挙動を制御することができます。■.htaccessはなにができるの？www index.htmlありなし設定 URLの正規化として、検索エンジンに対してリライトをかけることができます。404ページ設定...
2015年11月4日水曜日
canonicalとは？
こんにちわ山田です。
一段と肌寒くなってきましたね。
衣替えをして、冬に備えたいと思います。
さて、本日ですが、
canonicalタグについて調べてみました。
■canonicalとは？
一言でまとめると。異なるURLを一つのものとして認識させるタグ。URLの正規化の設定です。
もし、この設定を入れていないと
たとえば
wwwあり、wwwなしでアクセスのあったページ
index.htmlあり、なしのページ
がそれぞれ別のwebページとしてと認識され
重複コンテンツとして判断されてしまいます。
■canonicalタグはどうやっていれるの？
<link rel="canonical" href="http://○○.com/"/>
実は入れる方法は簡単で、上のURLを該当のページにすべて入れるだけなのです。
もし、wwwありのindexなしに統一したい場合は
<link...
登録:
投稿 (Atom)