Jiro Laboratory

C#、ASP.NET、JavaScript、Androidとか

2014-01-01から1年間の記事一覧

MvcBuildViews でビューを事前ビルドするように設定

エラーのある.cshtmlファイルは Visual Studio のエディタで開いている時に限りエラーが表示されますが、ファイルを閉じるとエラーは表示されなくなります。 その状態でアプリを起動して該当のビューを表示しようとすると出てくるのが、よく見るこのエラー画…

Microsoft Azure でDBを無料で使う その2(Code First編)

前回の続き。 今回は、Code First のスキャフォールディング機能を使ってPOCO なモデルクラスから SQL Server Compact にテーブルを自動生成させてみます。

Autoprefixer:Web Essentials で自動的にベンダープレフィックスを追加する方法

Sassファイルを編集したら、-webkit-、-moz-などの必要なベンダープレフィックスを自動的に追加して .css を生成する方法です。 スタック・オーバーフローで教えてもらいました。

Gist、GitHubソースの埋め込み

Gistの埋め込み 右側にある Embed URL をそのままコピペでOK。 <script src="https://gist.github.com/jirolabo/000792117b22faafeabb.js"></script> GitHubの埋め込み <script src="http://gist-it.appspot.com/github/jirolabo/sample/blob/master/hoge.js"></script> 参考にしたサイト gist-it·GitHubのファイルをGist風に埋め込み表示 MOONGIFT

Visual Studio で Markdown を GitHub 風にプレビュー

WE-Markdown.cssを作る Visual Studioのメニューから、WEB ESSENTIALS → Add Markdown solution stylesheet で WE-Markdown.css というファイルが Solution Itemsフォルダに作成されます。あとは、こちらでGitHub風のcssを公開して下さっている方がいるので…

faviconにgravatarサービスを利用する

gravatorに登録済みであれば、以下のようにしてfaviconを設定できます。 <head> <link rel="shortcut icon" href="http://www.gravatar.com/avatar/10100fb5bd6d1c518a32403849f5f54b?s=24" /> </head> こんな感じ。 末尾の s=24 は画像サイズですが、faviconの表示サイズはブラウザが自動調整してくれますので適当でOKっぽいです。

リンクを新しいタブ、新しいウィンドウで開いたことを識別する方法

スタック・オーバーフローに教えてもらいました。 回答 if (document.referrer) { if (history.length == 1) { alert('リンクから新しいウィンドウで開かれました。'); } else { alert('リンクから同じウィンドウで開かれました。'); } } else { alert('アド…

Layout を変更する4種類の方法(ASP.NET MVC)

Different ways of rendering layouts in Asp.Net MVC こちらの内容を日本語で要約しました。 引用元とは異なりますが、ここでは優先順位の高い順に記載します。

VisualStudio で ZenCoding(emmet)

Web Essentials で対応していた ネットではZenCoding専用の拡張機能が紹介されたりしていますが、Web Essentials で対応しているので他のプラグインは不要の模様。 VS Community がリリースされて拡張機能が無料で使えるようになったので、とても便利です^…

ジャンプリストから管理者権限で実行する方法(Visual Studio Community 2013)

devenv.exeには「互換性」タブがない Visual Studio Community 2013の実行形式は C:\Program Files (x86)\Microsoft Visual Studio 12.0\Common7\IDE\devenv.exe ですが、この人には「互換性」タブがありません。 そのため、タスクバーにピン留めした場合、V…

ASP.NET MVC + Bootstrap 縦リキッド

垂直方向のリキッドレイアウト DEMOページ需要あるのかどうか微妙ですけど、縦(垂直)方向のリキッドレイアウトについて。前回の「内部コンテンツの高さを100%」の方法でウィンドウサイズに合わせて内部コンテンツの高さを広げることができました。 ただ、…

ASP.NET MVC + Bootstrap フッタ固定

概要 ブラウザの一番下にフッタを固定で表示させる方法です。 「一番下に固定」といっても微妙に動きの違う方法がいくつかありますのでパターン別に記載します。 ASP.NET MVC5 の新規プロジェクトで作成されるページからカスタマイズする方法として書きます。

ASP.NET MVC + Bootstrap ウィンドウサイズに合わせる

ASP.NET MVC で作成したページのコンテンツサイズをウィンドウサイズに合わせて広げる方法です。 高さを広げる方法 幅を広げる方法 について記載します。

いつもNAVI API の測地系

日本測地‌系 AndroidのGPSで取得した位置情報をいつもNAVIの地図で表示すると、なぜか微妙にずれていました。 原因はこれ。 緯度経度のフォーマットです。 APIでは日本測地系を利用できます。 また、世界測地系を利用する際は、日本測地系に変換して利用して…

Code First でDBを初期化する方法

modelを変更した時に発生する例外 例外の詳細: System.InvalidOperationException: データベースの作成後、'MyMvcContext' コンテキストの背後にあるモデルが変更されました。 Code First Migrations を使用したデータベースの更新を検討してください (http:…

ASP.NET MVCプロジェクトにWeb APIを追加する

前回の内容を踏まえ、既存のMVCプロジェクトにWeb APIの機能を追加する手順を検証しました。 必要最小限の手順は以下でよいと思われます。

IEのウィンドウサイズをワンクリックで指定サイズに変更する方法

手順 (1024×768にする場合) 1.ブックマークを作成する どんなページでもよいので適当なサイトをブックマーク登録します。 修正例ではグーグルのトップページをブックマークしました。2.URL欄を変更 登録したブックマークを右クリック → プロパティ URL欄を以…

ASP.NET MVCプロジェクト と Web APIプロジェクトの相違点

MVCプロジェクトに後からAPI機能を追加するための参考資料です。 簡単にまとめ MVCプロジェクト と Web APIプロジェクトには以下の相違点がありました。 (Web APIのみ)App_Start / WebApiConfig.cs (Web APIのみ)Areas / Help Page (Web APIのみ)Contr…

androidエミュレータからlocalhostのASP.NETサイトに接続してデバッグ

http://localhost (127.0.0.1) はつながりません 当たり前ですが、localhostはエミュレータ自身。 http://10.0.2.2が正解のようです。 Android Developers に以下のように記載されています。 Network Address Description 10.0.2.1 Router/gateway address 1…

Azureサイトへのsdfファイルのデプロイ設定

サーバー既存のsdfファイルを上書きしない 「発行先の追加ファイルを削除する」をチェック 「App_Dataフォルダーのファイルを除外する」をチェック ローカルのファイルでサーバーのファイルを上書き 「発行先の追加ファイルを削除する」をチェック 「App_Dat…

Microsoft Azure でDBを無料で使う その1

無料でMicrosoft Azure + DB環境を構築 EntityFramework.SqlServerCompact Microsoft AzureではSQL Serverの使用は有償ですが、SQL Server Compactであれば無償で使えます。 ですので、Microsoft Azure の無料プラン + SQL Server Compact の組み合わせで、…

Bitly URL短縮サービス

Bitly Bitly - The Power of the Link Bitly - The Power of the Link URLを入力してSHORTENボタンを押せば出来上がり。 短縮例 http://bit.ly/1sBWGWc+を付けるとオリジナルのURLやアクセス回数を確認できます。 http://bitly.com/1tIcP2S+ ブックマークレ…

W3C Markup Validation Service でマークアップをチェックする

The W3C Markup Validation Service The W3C Markup Validation Service ページが標準規格へ準拠しているかどうかを検証するためのサービス。 W3C 様によって作られました。URL、ファイルアップロード、直接入力の3種類でテストできます。

地図の種類を変更する(いつもNAVI API)

javascript var map, lat = 35.856306, lon = 139.902889, zoom = 8, maptypes = { 'DEFAULT': ZDC.MAPTYPE_DEFAULT, 'COLOR': ZDC.MAPTYPE_COLOR, 'ALPHABETS': ZDC.MAPTYPE_ALPHABETS, 'NOICON': ZDC.MAPTYPE_NOICON, 'MOBILE': ZDC.MAPTYPE_MOBILE, 'TOWN…

いつもNAVIを使ってみる(いつもNAVI API)

いつもNAVI API とは いつもNAVI API |株式会社ゼンリンデータコム 自分のWebサイトに地図機能を組み込むことができるサービス。 無料ですぐに利用できます。(月間5,000PVまで無料*1) いつもNAVI API チュートリアル をやってみた デモページチュートリア…

Unicodeエスケープシーケンス変換ツール

たまに謎の文字列の羅列があったりして(Web APIのエラーメッセージとか)、正体はUnicodeエスケープシーケンスだったりします。 \u3042\u3044\u3046\u3048\u304a これは、エスケープ解除すると あいうえお となります。 便利な変換ツールがありますので紹介…

document.charsetの怪

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=euc-jp" /> <title></title> <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script> </head> </html>