201312301921HCSW/00.png

Bootstrap 3でModal(モーダルダイアログ)機能を ...

2013年12月30日 19時21分

Bootstrap 3を試してみるシリーズの第8弾は、モーダルダイアログの表示を行うModalsを試してみます。

続きを読む

201312291611HCSW/00.png

Bootstrap 3でScrollspy(スクロールスパイ) ...

2013年12月29日 16時11分

Bootstrap 3を試してみるシリーズの第7弾は、BootstrapのGetting startedでも使用され、当サイトでも使用している ...

続きを読む

201312291016HCSW/00.png

Bootstrap 3でPopovers(吹き出し)機能を試して見る

2013年12月29日 10時16分

Bootstrap 3を試してみるシリーズの第6弾は、既に紹介したツールチップによく似ているPopovers(吹き出し)を試してみます。

続きを読む

201312281842HCSW/00.png

Bootstrap 3でTogglable tabs(タブ)機 ...

2013年12月28日 18時42分

Bootstrap 3を試してみるシリーズの第5弾は、ウエブなどでもお馴染みのTogglable Tabs(タブ)を試してみます。

続きを読む

201312281507HCSW/00.png

Bootstrap 3でTooltips(ツールチップ)機能を ...

2013年12月28日 15時07分

Bootstrap 3を試してみるシリーズの第4弾は、Windowsでもお馴染みの、Tooltips(ツールチップ)を試してみます。

続きを読む

201312281246HCSW/00.png

Bootstrap 3でCollapse(折りたたみ)機能を試 ...

2013年12月28日 12時46分

Bootstrap 3でCollapse(折りたたみ)機能を試して見る(1)では、Collapse機能の基本を試しましたが、不満な点もあります ...

続きを読む

201312281018HCSW/00.png

Bootstrap 3でCollapse(折りたたみ)機能を試 ...

2013年12月28日 10時18分

Bootstrap 3で画像のカルーセル機能を試して見るでは、Bootstrap 3のカルーセル機能を試してみましたが、今回はCollapse ...

続きを読む

201312280853HCSW/00.png

Bootstrap 3で画像のカルーセル機能を試して見る

2013年12月28日 08時53分

当サイトでも使用しているBootstap 3は、ウエブデザインに必要不可欠な要素になっています。今回は、Bootsrap 3のJavaScri ...

続きを読む

201312272131HCSW/00.png

W3CValidatorsでHTML5の構文チェックを行う方法

2013年12月27日 21時31分

当サイトでは、HTML5を使用したコンテンツを作成しており、HTML5の構文チェックは、Markup Validation Service、C ...

続きを読む

201312270943HCSW/00.png

画像のスライドショーが簡単に作れるKwicksの使用方法

2013年12月27日 09時43分

本グログでは、これまでにLightbox2やColorboxを解説していますが、今回は第三弾としてKwicksの使用方法を解説します。

続きを読む

201312241809HCSW/00.png

ウエブサイトに必携のページ先頭へ戻るの実装方法

2013年12月24日 18時09分

いろいろなウエブサイトを閲覧していると、長いページに出くわすことがよく有ります。そんな時、スクロールしながらページ先頭へ戻るが出てくるのを期待 ...

続きを読む

201312241352HCSW/00.png

画像のスライドショーが簡単に作れるColorboxの使用方法

2013年12月24日 13時52分

前回の記事で解説したLightbox2を使うと、画像のポップアップやスライドショーが簡単に実行できますが、この他にもプラグインはあります。そこ ...

続きを読む

201312240839HCSW/00.png

画像のスライドショーが簡単に作れるLightbox2の使用方法

2013年12月24日 08時39分

多くのウェブサイトでは、画像のポップアップやスライドショーはごく当たり前のように出来るようになっています。そこで今回は、当サイトでも使用してい ...

続きを読む

201312240031HCSW/00.png

ソースコードを綺麗に表示できるプラグインSyntaxHighl ...

2013年12月24日 00時31分

ウエブ上で、CSS/HTML/Bash/Perlなどのソースコードを表示する時に以前は、preタグを使ったCSSで装飾するのが一般的でした。今 ...

続きを読む

201312232242HCSW/00.png

高速スライダーのJQueryプラグインFlexSlider2の使用方法

2013年12月23日 22時42分

当サイトでも利用しているFlexSlider 2は、万能スライダーとして人気のあるJQueryプラグインです。そこで今回は、FlexSlide ...

続きを読む

201312231526HCSC/00.png

CentOSにnvmを導入して、npm+lessc環境を構築する

2013年12月23日 15時26分

当サイトでも使用しているBootstrap 3は、多くのウエブ開発者からの支持を得ています。Bootstapは、元々lessというCSS拡張メ ...

続きを読む

201312221127VVAW/00.png

シェルプロビジョニングを使って、LAMPサーバを構築する

2013年12月22日 11時27分

Vagrant+Chef-Soloを使って、LAMPサーバを構築するでは、Chef-Soloを使ったBoxのプロビジョニング方法を解説しました ...

続きを読む

201312212149VVAW/00.png

VirtualBox Guest Add-Inのインストールが ...

2013年12月21日 21時49分

2013年12月1日にリリースされたCentOS 6.5をVagrantでBox化しようとして、少しばかりハマりましたので、健忘録として記載します。

続きを読む

201312182312VCHW/00.png

Vagrant+Chef-Soloを使って、LAMPサーバを構築する

2013年12月18日 23時12分

本ブログでは、これまで仮想化ソフトウエアについて多く取り上げて来ましたが、構築系の話は全くと言って良いほどありませんでした。そこで今回は、Ch ...

続きを読む

201312072152VVAW/00.png

Vagrantにお勧めしたいプラグイン

2013年12月07日 21時52分

Vagrantは、開発者にとって仮想マシンを簡単に作成できる仮想化支援ツールとして、多くの開発者から支持されています。今回は、デフォルトでも便 ...

続きを読む

201311202316VVAW/00.png

VagrantでカスタマイズしたBoxをパッケージ化する

2013年11月20日 23時16分

Vagrantを使った仮想マシンは、開発に大活躍していますが、vagrant addの元になったベースBoxをいろいろといじっていると、現状の ...

続きを読む

201311182027VVEW/00.png

Veeweeを使ってVagrant用の仮想マシンを作成する

2013年11月18日 20時27分

Packerを使ってVagrant用の仮想マシンを作成するでは、仮想化支援ツールのPackerを使ったVagrant用の仮想マシンの作成方法に ...

続きを読む

201311172211PRBW/00.png

Cygwinにrbenvをインストールする

2013年11月17日 22時11分

Rubyは、国産のプログラミング言語として世界中で使われている言語で、ウエブ開発だけで無く、スタンドアローンプログラムなど様々な開発環境で利用 ...

続きを読む

201311172127TCYW/00.png

Cygwinにapt-cygをインストールする

2013年11月17日 21時27分

本ブログでは、Windows 7をホストOSとした仮想マシンの構築などについて書いていますが、コマンドを使った作業では殆どの場合、Cygwin ...

続きを読む

201310201911VPAW/00.png

Packerを使ってVagrant用の仮想マシンを作成する

2013年10月20日 19時11分

本ブログでは、VirtualBoxやVagrantを使った仮想マシンの作成方法について多く取り上げていますが、仮想マシンの作成方法については、 ...

続きを読む

201310100932VVAW/00.png

VirtualBoxの仮想マシンイメージをVagrant用に変換する

2013年10月10日 09時32分

Vagrantのインストールと仮想マシンの作成では、Vagrantを使った仮想マシンの作成方法について解説しました。しかし、Vagrantでは ...

続きを読む

201310082237VVAW/00.png

Vagrantのインストールと仮想マシンの作成

2013年10月08日 22時37分

VirtualBoxのインストールと仮想マシンの作成および、VBoxManageを使って仮想マシンを作成するでは、VirtualBoxを使った ...

続きを読む

201310052109VVBW/00.png

VBoxManageを使って仮想マシンを作成する

2013年10月05日 21時09分

VirtualBoxのインストールと仮想マシンの作成では、VirtualBoxのGUIを使って仮想マシンを作成する方法を解説しましたが、毎回G ...

続きを読む

201310022027VVBW/00.png

VirtualBoxのインストールと仮想マシンの作成

2013年10月02日 20時27分

AWSや、さくらVPSなどを筆頭に、商用の仮想化サービスも簡単に使えるようになっています。今回は、VMwareと共に多くのユーザーに指示されて ...

続きを読む

201309201654VVMW/00.png

VMware Playerのインストールと仮想マシンの作成

2013年09月20日 16時54分

VMwareは、古くから仮想化ソフトウエアを開発している仮想化のパイオニアと言える企業であり、仮想化と言えば、VMwareと言われるほど、多く ...

続きを読む