5月 2016年

（ この記事は bower/spec の json.md をベースに作成しています。 bower.json を作成する際、その 書き方 の 参考 になればと思います。 ） bower.json は 作成しようとしているパッケージが他のパッケージとどのような依存関係にあるかを設定するものです。 これは Node.js の package.json、 Ruby の Gemfile と似ています。 bower.json は bower init コマンドを利用することで ウィザード に従って作成することができます。 { "name": "blue-leaf", "description": "Physics-like animations for pretty particles", "main": [ "js/motion.js", "sass/ ...

デフォルト設定のままだと "bower_components" 配下にインストールされますが、インストール先のフォルダ名を変更したいケースがあるかと思います。 これに対して、Bower には ".bowerrc" という設定ファイルを準備することで パッケージインストール先 を変更できる仕組みがあります。 ここでは ".bowerrc" を利用して インストール先 を変更する方法を見ていきます。 目次 .bowerrc 概要 .bowerrc を 追加 反映 する タイミング 新規プロジェクト作成時に .bowerrc を追加する場合 既存プロジェクトに .bowerrc を追加する場合 .bowerrc 概要 プロジェクトのルートディレクトリ直下に以下に載せるサンプルのような .bowerrc ファ ...

最近の Webフロントエンド 開発 では Bower を使っている人が増えているのでしょうか。 そんな Bower に 自分が作った パッケージ を公開する手順 について まとめてみました。 目次 概要 bower.json の作成 GitHub プロジェクト に コミット & タグ 作成 Bower リポジトリ に 公開 概要 チートシート的にコマンドだけ並べると以下のような流れで Bowerリポジトリ に公開します。 ここでは概要なので細かいコマンドの説明や注意点は以降に見ていきます。 bower.json の作成 bower init GitHubへコミット git commit GitHubにタグ作成 git tag <バージョン> git p ...

Bower の 基本的な使い方 および よく使うコマンド についてまとめてみました。 初心者向け Bower 入門 といったところでしょうか。 目次 概要 package 操作 パッケージ の 追加 パッケージ の 削除 パッケージ の 更新 利用可能な パッケージ の 検索 インストール済み パッケージ の 一覧表示 bower.json 利用 初期化（bower.json の作成） bower.json へ package の 追加 bower.json から package の 削除 おまけ bower.json 初期化時の質問 概要 Bower を ...

Windows で Bower が利用できるようにする 手順 を載せます。 Bower を使う際、 npm および git がインストールされていることが前提となるので、 以下の手順を始める前にあらかじめインストールをしておく必要があります。 目次 Bower とは Bower 利用時 の 要件 インストール 動作確認 Bower とは Webフロントエンド開発向けのパッケージマネージャーです。 Webサイト構築で利用するライブラリやフレームワークは日々開発が行われてバージョンアップを繰り返しています。 これらを管理してくれるツールが Bower です。 具体的には HTML, CSS, JavaScript, フォント, 画像 と言ったコンポーネントを管理できます。 ファイル結合や圧縮はできないようです。 ちなみに… "Bower" ...

Git for Windows をインストールする手順をまとめてみました。 GitHub を利用するときは GitHub for Windows があるので今まで Git の公式アプリ を使うことはありませんでした。 今回、 Bower を利用しようとした際、 Git がないとダウンロードできないので、インストールしてみる運びとなったので、ついでにまとめることにしました。 目次 Git とは ダウンロード インストール 動作確認 Git とは ソースコード管理システムの１つです。 ソースコード管理システムでは、ファイルの作成者や作成日時、変更者、変更日時、変更点などを管理できます。 ソースコード管理システムだと SVN が有名かと思いますが、SVN (集中型バージョン管理)と Git (分散型バージョン管理) ではソースコードの修正方法が異 ...

Windows マシン で Node.js および npm を利用できるようにする手順をまとめました。 ちなみに… Node.js は 「サーバーで動くJavaScript」で ミドルウェア にあたるもので、npm は 「パッケージ管理ツール」です。 目次 インストーラー の ダウンロード インストール 動作確認 インストーラー の ダウンロード まずは Node.js のサイトへ移動してインストーラーを取得します。 Node.js の ダウンロードページ へ 移動 https://nodejs.org/en/download/ ダウンロード する バージョン を選択 どうしても使いたい機能がある等でなければ、"LTS" で良いと思います。 LTS Lo ...

Java で作成した Tomcat を利用した Webアプリケーション を WARファイル に固めて デプロイ する方法をまとめておきます。 実運用ではもう少し手が加わりそうですが…、ざっくりとリリース手順のイメージはつかめるかと思います。 目次 WARファイル作成 Tomcatへ配置 動作確認 WARファイル作成 リリースしたい Webアプリケーション を WARファイル というカタチに固めてしまいます。 このファイルの中には class ファイルだけでなく、 web.xml といった設定ファイルも含まれます。 Eclipse を起動して出力したい Webアプリケーション を開く 出力したい Webアプリケーション を右クリック、[Export]-[WAR file] を選択 ...

最近の Webアプリケーション であれば ユーザー認証 を必要とするサイトが普通かと思います。 ユーザー認証の仕組みを作るのと同じように必要となるのがコンテンツに対するアクセス制御です。 ここでは コンテンツに対するアクセス制御 の具体的な実装例をまとめます。 目次 概要 web.config で 制御する 方法 属性 で 制御する 方法 概要 ユーザー認証が終わると、続いてコンテンツにアクセスして良いかどうかの判断（承認）が行われます。 以下では承認の方法別メリット・デメリットおよび一般的な実装概念について述べます。 手法別メリット・デメリット 具体的なアクセス制御方法ですが、ASP.NET の 承認制御 は 「web.config を用いた方法」 と 「ソースコードに属性として記述する方法」 の２パターンがあります。 それぞれのメ ...

セキュリティ上の対策として パラメタライズドクエリ (パラメタ化クエリ、パラメータクエリ等呼ばれています） を利用すると思います。 このパラメタライズドクエリ、言語やデータベースによって指定方法が異なるのが厄介。。 C# で SQL Server に対して パラメタライズドクエリ を利用する際は @パラメータ名 でパラメータ指定します。 Command を再利用する場合、パラメータが保存されたままとなるのでパラメータ指定するキー名が被らないように注意します。 サンプルコード using System; using System.Configuration; using System.Data.SqlClient; public void Insert1(string id, string password, string role) { // 接続文字列の ...

C# で SQL Server に対して変更処理（INSERT, UPDATE, DELETE）を実行する方法をまとめてみました。 目次 １行だけ実行 トランザクション処理 [おまけ] DB変更を行うSQL INSERT UPDATE DELETE １行だけ実行 単一テーブルにしか影響しないようなSQLは１行だけ実行することになると思います。 このようなSQLを実行する場合、トランザクションを考慮せずそのまま ExecuteNonQuery() を実行する方法が簡単です。 using System; using System.Configuration; using S ...

C# で SQL Server に対して SELECT文 を実行する際のサンプルコードを作成しました。 ここでは「SELECT文 の 実行結果 を DataTable へ投入する方法」と「SELECT文 の 実行結果 を １行ずつ読み込んで処理していく方法」の２種類を例として取り上げます。 目次 まとめて読み込む (DataTable) １行ずつ読み込む (SqlDataReader) まとめて読み込む (DataTable) DataTable へ SELECT文 の 結果 を一括読み込みしてしまう方法です。 単純で理解しやすい方法かと思います。 DataSet へ 結果投入してしまってもよいのですが、DataTable を取り出すためにワンクッション必要となるため、個人的には DataTab ...

C# の SqlClient を利用して Microsoft SQL Server に接続する方法をまとめます。 どちらかと言うと基本的な実装例となるようにサンプルコードを作成しました。 目次 概要 接続文字列 の 準備 ソースコード上にべた書き ConnectionStringBuilderを利用して生成 app.config または web.config から取得 データベース接続 基本の実装例 try-catchを用いた実装例 using と try-catch を用いた実装例 トランザクション を用い ...

Java で JDBC を用いて MySQL に接続する Webアプリケーション の実装手順をまとめてみました。 目次 概要 JDBCドライバ の 配置 JNDI へ 登録 データベース接続 (1) JSP上で接続して ResultSet を取得 (2) Servlet上で接続して ResultSet を取得 (基本) (3) Servlet上で接続して ResultSet を取得 (応用) 概要 Eclipse で Java、Tomcat を用いて「MySQL へ接続して結果を表示するアプリ」を作ってみます。 作成するプロジェクトは「Dynamic Web Project」で、作成するファイルは以下の通りです。 JDBCドライバ の 配置 MySQL の JDBCドラ ...