FullCalendarでGoogleカレンダーのようなUIを実装

jQueryプラグインFullCalendarのサンプル 概要 FullCalendarを使用して、GoogleカレンダーのようなUIを実装する使用例を紹介します。 ダウンロード https://fullcalendar.io/download/ こちらのサイトからファイルをダウンロードします。 ダウンロードしたファイルを解凍し、含まれている以下のファイルを使用し...
2017/01/19

PHP Laravel5.2でmulti-auth(複数テーブルでの認証)を実装

Laravel5.2でマルチ認証 概要 LaravelとはPHPの中で今最も伸びているフレームワークです。 処理速度が遅いなどありますが、かなり使い安く拡張性が高いと思っています。 今回は、Larabel5.2から対応されたMultiAuthを紹介します。 MultiAuthなので、複数の認証です。 今回は、一般ユーザー(users)・管理ユーザー(admins)の2つテーブルを使用し...
2016/04/11

PHP 正規表現でIPアドレス形式の文字列か判定

正規表現でIPアドレスの入力チェック 概要 フォームで入力されたIPアドレスが正当な文字列か判定するためのバリデーション処理を実装します。 基本的にはPHPの正規表現を使用しますが、細かいオクテットなどのチェックは独自にプログラミングします。 今回は、オクテットが0~255の数値であるかをチェックした後、ネットワークアドレス、ブロードキャストアドレス、ループバックアドレスの場合...
2016/04/08

rbenv環境でRuby on Railsのアプリケーションを一瞬で自動生成

アプリケーション構築時に最初に行う手順 概要 アプリケーションを作成するまでの手順を記載しています。 rbenvなどの環境が設定済と仮定して話を進めます。 「rbenv exec」を指定しているのは、選択中のRuby環境で確実にコマンドを実行するため。 「 --path vendor/bundle」を指定しているのは、パッケージをサーバー全体ではなく各アプリケーションの「...
2016/04/06

Rails devise・authority・rolifyで権限付きの認証機能

devise・authority・rolify 概要 3つのGemを使用して、権限付き認証機能を実装します。 gem インストール Gemfile に以下を追加します。 gem 'devise' gem 'authority' gem 'rolify' Deviseのインストール $ rails g devise:install $ rails g devi...
2016/03/14

Rails devise で複数モデルの認証機能を実装

Rails devise で複数モデルを管理 概要 rails のログイン認証 Gem「devise」のインストール・設定方法を紹介します。 よく「device」とtypoしてる人を見かけますので、間違えないよう注意してください。 今回は、member/・admin/とモジュール分けし、それぞれの認証機能を設置しています。 gem インストール Gemfile に以下を追加しま...
2016/03/14

jQuery UI ドラッグ&ドロップで並び替え sortableの使用方法

sortable 概要 jQuery UIを使用して、ドラッグ&ドロップで並び替えを行います。 sortableを使用することで、一瞬で実装できちゃいます。 準備 まずは、 こちらからjQueryをダウンロードします。 次に、 こちらからjQueryUIをダウンロードします。 ダウンロードしたファイルをHTMLで読み込むよう以下のように指定します。 <li...
2016/02/24

jQuery UIでドラッグ&ドロップ draggableとdroppableの使用方法

draggableとdroppable 概要 jQuery UIを使用して、ドラッグ&ドロップを行います。 要素の移動やコピーをGUI操作で行うときなどに役立ちます。 準備 まずは、 こちらからjQueryをダウンロードします。 次に、 こちらからjQueryUIをダウンロードします。 ダウンロードしたファイルをHTMLで読み込むため、以下のように指定します。 ...
2016/02/24

Jquery ドラッグ&ドロップで画像をアップロードできる Doropzone.js

Doropzone.js 概要 Dropzone.jsは、Ajaxを利用した非同期で画像をアップロードできるJqueryライブラリ。 当記事では、複数のドロップ領域が必要になることを想定したコードを紹介しています。 ダウンロード 以下のダウンロードサイトより、ライブラリをダウンロードします。 Doropzone.js サイト Doropzone.js ダウンロード(Git...
2016/01/27

VagrantとVirtualBoxで開発環境を構築

VirtualBox 概要 オラクルの提供する、オープンソースの仮想化ソフトウェアの一つ。 似たようなソフトでは、VMware Player があり、よく比較されています。 ダウンロード・インストール ダウンロード https://www.virtualbox.org/wiki/Downloads 使用している環境に合わせてダウンロードしてください。 ダウンロードし...
2015/10/01
トップへ戻る