[Vagrant] Rubyをインストールする (CentOS 6.5)[Vagrant] Rubyをインストールする (CentOS 6.5)
$ ruby -v -bash: ruby: command not found 必要なパッケージをインストール $ sudo yum install -y gcc gcc-c++ make git $ sudo yum […]
投稿者: @84kure
[Vagrant] Pythonをインストールする (CentOS 6.5)[Vagrant] Pythonをインストールする (CentOS 6.5)
CentOS 6.5のディストリビューションに同梱されてた。 $ python --version Python 2.6.6 公式サイトを見ると2.xと3.xがあって、2.xの最新版は2.7.9らしい。 Download […]
[Vagrant] MySQLをインストールする (CentOS 6.5)[Vagrant] MySQLをインストールする (CentOS 6.5)
標準リポジトリのバージョンをチェック。 $ yum info mysql-server Available Packages Name : mysql-server Arch : x86_64 Version : 5.1 […]
[Vagrant] PHPをインストールする (CentOS 6.5)[Vagrant] PHPをインストールする (CentOS 6.5)
標準リポジトリのphpのバージョンをチェックする。 $ yum info php Available Packages Name : php Arch : x86_64 Version : 5.3.3 Release : […]
[Vagrant] yumに外部リポジトリ(epel & remi)を追加する[Vagrant] yumに外部リポジトリ(epel & remi)を追加する
remiを入れるにはepelが入っていないといけないので、まずはepelを入れる。 epel-releaseは標準リポジトリにある。 $ yum info epel-release Available Packages […]
[Vagrant] Apacheをインストールする (CentOS 6.5)[Vagrant] Apacheをインストールする (CentOS 6.5)
VagrantでCentOS 6.5の仮想環境を作ってApacheを走らせる。 仮想環境の作成 > vagrant box add chef/centos-6.5 > cd C:\Temp > mkdi […]
[jQuery] プラグイン内に関数を定義する[jQuery] プラグイン内に関数を定義する
サンプルコード jquery.showsize.js ;(function($) { $.fn.showsize = function(options) { console.log(this); var elements […]
[jQuery] プラグインでカスタムデータ属性を使う[jQuery] プラグインでカスタムデータ属性を使う
サンプルコード 要素ごとに異なるオプションを指定するためにカスタムデータ属性を使う。 <p><img src="sample.jpg" data-size="20"></p> < […]
[jQuery] プラグインにオプションを追加する[jQuery] プラグインにオプションを追加する
サンプルコード <p><img src="sample.jpg"></p> <script src="js/jquery.showsize.js"></script& […]
[jQuery] 機能をプラグイン化する[jQuery] 機能をプラグイン化する
サンプルコード 画像をクリックすると、画像の右上にサイズを表示する例題。 <p><img src="sample.jpg"></p> <script> $(function […]
[jQuery UI] 基本メモ: Effects[jQuery UI] 基本メモ: Effects
サンプルコード <div id="box" style="width:100px; height:100px; background:green;">box</div> $('#box').cli […]
[jQuery UI] 基本メモ: Tabs[jQuery UI] 基本メモ: Tabs
サンプルコード <div id="tabs"> <ul> <li><a href="#menu1">menu1</a></li> <li> […]
[jQuery UI] 基本メモ: Slider[jQuery UI] 基本メモ: Slider
サンプルコード スライダーの動きに併せてプログレスバーを変化させてみる。 <div id="bar" style="width:200px"></div> <div id="slider" […]
[jQuery UI] 基本メモ: Progressbar[jQuery UI] 基本メモ: Progressbar
サンプルコード <div id="bar" style="width:200px"></div> $('#bar').progressbar({ value: 40, }) 参考サイト Progr […]
[jQuery UI] 基本メモ: Dialog[jQuery UI] 基本メモ: Dialog
サンプルコード <button>open</button> <div id="msg">hello</div> $('button').click(function() { […]
[jQuery UI] 基本メモ: Datepicker[jQuery UI] 基本メモ: Datepicker
サンプルコード <input type="text" id="datepicker"> $('#datepicker').datepicker(); オプションを追加してみる。 $('#datepicker' […]
[jQuery UI] 基本メモ: Button[jQuery UI] 基本メモ: Button
サンプルコード <button>click</button> <input type="checkbox" id="check"> <label for="check">c […]
[jQuery UI] 基本メモ: Autocomplete[jQuery UI] 基本メモ: Autocomplete
サンプルコード <input type="text" id="langs"> var langs = ['ja','en','cn','fr','sp']; $('#langs').autocomplete( […]
[jQuery UI] 基本メモ: Accordion[jQuery UI] 基本メモ: Accordion
サンプルコード <div id="accordion"> <h3><a href="">Title</a></h3> <div>Hello!< […]
[jQuery UI] 基本メモ: Sortable[jQuery UI] 基本メモ: Sortable
サンプルコード <ul id="sortable"> <li id="item-1">item1</li> <li id="item-2">item2</li> […]