201506071830VVAW/00.png

CentOS6/7をインストールした後最初にやるべき作業のまとめ

2015年06月07日 18時30分

VirtualBoxを使用して、CentOS6 またはCentOS 7をインストールした後に、Vagrant用のBoxに変換するための作業につ ...

続きを読む

201408041942VVAW/00.png

CentOS 7でVBoxGuestAdd-inが失敗した時の対処方法

2014年08月04日 19時42分

Packerを使ってCentOS 7の仮想マシンイメージを作成するでは、CentOS 7のBoxイメージを作成しましたが、yumでシステムをア ...

続きを読む

201407302021VPAW/00.png

CentOS 7起動時のTSC calibration fai ...

2014年07月30日 20時21分

昨日の記事「Packerを使ってCentOS 7の仮想マシンイメージを作成する」では、Packerを使ってVagrant用のBoxを作成し、V ...

続きを読む

201407292027VPAW/00.png

Packerを使ってCentOS 7の仮想マシンイメージを作成する

2014年07月29日 20時27分

以前の記事「Packerを使ってVagrant用の仮想マシンを作成する」では、Vagrant用のBoxイメージ作成ツールの使い方を解説しました ...

続きを読む

201407261853VVAW/00.png

ローカルBoxをVagrant Cloud上で公開する方法

2014年07月26日 18時53分

本ブログでは、Vagrant Cloud上に公開されたBoxを利用する方法では、Vagrant Cloud上に公開されたBoxをローカルで利用 ...

続きを読む

201407251905VVAW/00.png

Vagrant Cloud上に公開されたBoxを利用する方法

2014年07月25日 19時05分

本ブログでは、Vagrantに関する記事を公開していますが、Vagrant 1.5で追加されたVagrant Cloudの機能については取り上 ...

続きを読む

201407071858VDOW/00.png

VirtualBox上の仮想マシンにCoreOSをインストールする

2014年07月07日 18時58分

CentOS 6.5にDockerをインストールするでは、Vagrant上のCentOSにDockerをインストールしました。この方法では、V ...

続きを読む

201406261943HCSW/00.png

軽量なイメージスライダーElastislideを試してみる

2014年06月26日 19時43分

軽量なイメージスライダーLightSliderを試してみるでは、イメージスライダーのLightSliderを紹介しました。今回は、Elasti ...

続きを読む

201406252056HCSW/00.png

軽量なイメージスライダーLightSliderを試してみる

2014年06月25日 20時56分

最強のイメージスライダーbxSliderを試してみるでは、イメージスライダーのbxSliderを紹介しました。今回は、bxSliderと同様に ...

続きを読む

201406181933HCSW/00.png

シンプルなパララックスプラグインParallax.jsを試してみる

2014年06月18日 19時33分

シンプルなパララックスプラグインxPanelを試してみるでは、xPanelプラグインを紹介しました。今回は、シンプルなパララックスプラグインP ...

続きを読む

201406162043HCSW/00.png

シンプルなパララックスプラグインxPanelを試してみる

2014年06月16日 20時43分

1ページごとにスクロールするonepage-scrollプラグインを試してみるでは、1ページごとにスクロールするプラグインを紹介しましたが、x ...

続きを読む

201406142058HPEW/00.png

サイトマップの作成からサイトマップの送信を自動化する方法

2014年06月14日 20時58分

sitecopyを使ってコンテンツをミラーリングする方法では、コンテンツをリモートサイトにミラーリングする方法を解説しました。今回は、ミラーリ ...

続きを読む

201406111740HCSW/00.png

1ページごとにスクロールするonepage-scrollプラグ ...

2014年06月11日 17時40分

onepage-scrollは、コンテンツをパララックス風に1ページずつスクロールできるJQueryプラグインです。

続きを読む

201406082208HCSW/00.png

モバイル対応のカルーセルプラグインのslickを試してみる

2014年06月08日 22時08分

clickは、イメージやテキストのカルーセル表示を行うことができるJqueryプラグインです。なお、sclickは、スマホやタブレットなどのス ...

続きを読む

201406071854TCYW/00.png

sitecopyを使ってコンテンツをミラーリングする方法

2014年06月07日 18時54分

ホームページのコンテンツのアップロードは、Windows環境の場合FFFTPなどのFTPクライアントを使っていると思いますが、FTPクライアン ...

続きを読む

201405311026HCSW/00.png

テキストにアニメーション効果を付けることができるTextEff ...

2014年05月31日 10時26分

TextEffectは、テキストに簡単なアニメーション効果を付けることができるJQueryプラグインです。

続きを読む

201405242201HCSW/00.png

最強のイメージスライダーbxSliderを試してみる(2)

2014年05月24日 22時01分

最強のイメージスライダーbxSliderを試してみる(1)では、イメージスライダーとして使用しましたが、bxSliderはイメージだけで無くH ...

続きを読む

201405171353HCSW/00.png

最強のイメージスライダーbxSliderを試してみる(1)

2014年05月17日 13時53分

bxSliderは、シンプルかつ高機能なイメージスライダーです。Bootstrap 3と共存させて使用できます。

続きを読む

201405100804HCSW/00.png

シンプルで軽量なイメージライダーNivo Sliderを試してみる

2014年05月10日 08時04分

Nivo Sliderは、シンプルなイメージスライダーです。元々はWordPressのイメージスライダーとして開発されていますが、Bootst ...

続きを読む

201405030916HCSW/00.png

シンプルで軽量なフルスクリーンスライダーSuperslides ...

2014年05月03日 09時16分

Supuerslidesは、シンプルで軽量&高速なフルスクリーンスライダーです。Superslidesは、jsスクリプトのみで簡単に実装できます。

続きを読む

201404270819HCSW/00.png

シンプルなコンテンツスライダーResponsiveSlides ...

2014年04月27日 08時19分

ResponsiveSlidesは、シンプルな実装のコンテンツスライダーです。

続きを読む

201404201306HCSW/00.png

高品位な写真ギャラリーが作成できるLeastを試してみる

2014年04月20日 13時06分

Leastは、高品位な写真ギャラリーが作成できるJQueryプラグインです。

続きを読む

201404132147HCSW/00.png

クリックでポップアップメニューを表示できるSQUARE MEN ...

2014年04月13日 21時47分

SQUARE MENUは、サイドに表示されたメニューボタンをクリックすると、平面上のナビゲーションメニューが表示できるJQueryプラグインです。

続きを読む

201404061902HCSW/00.png

サイドメニューをトグル表示できるSidrを試してみる

2014年04月06日 19時02分

Sidrは、サイドメニューの表示、非表示をクリックで切り替えることができるJQueryプラグインです。

続きを読む

201404061226HCSW/00.png

コンテンツを斜めにアニメーション表示するBox Lid Men ...

2014年04月06日 12時26分

Box Lid Menuは、サイドに配置されたボタンをクリックするとサイドメニューが表示され、それに合わせてコンテンツを斜めに表示できるJQu ...

続きを読む

201404061009HCSW/00.png

レスポンシブ対応のイメージビューアSuperboxを試してみる

2014年04月06日 10時09分

本ブログでは、Lightbox2やColorboxなど多くのイメージビューアを取り上げていますが、今回は、以前紹介したLightboxの進化系 ...

続きを読む

201404051039HCSW/00.png

スクロール時にコンテンツをプルアップするpullupscrol ...

2014年04月05日 10時39分

最近、スクロール時にコンテンツを引っ張り上げるインターフェースを見かける事が多くなって来ましたので、pullupscrollを試してみます。

続きを読む

201403222045HCSW/00.png

レスポンシブ対応カルーセルOwlCarouselを試してみる

2014年03月22日 20時45分

カルーセル関係のプラグインは、JQueryプラグインの中でも数多くおり、サイトのイメージにマッチするカルーセルが見つからないこともありますが、 ...

続きを読む

201403150928HCSW/00.png

指定したテキストを自動リサイズするFitTextを試してみる

2014年03月15日 09時28分

Bootstrap 3では、レスポンシブ対応のページを簡単に作成できますが、テキストのリサイズに関してはBootstrapまかせになるかと思い ...

続きを読む

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 ...

続きを読む

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と言われるほど、多く ...

続きを読む