BIT/O

ツクールやゲーム・WEB・デザインなど

簡単便利!Bootstrapをはじめるユーザーに教えたいサイト5選。

f:id:bitorchard:20141129113627g:plain

Bootstrap ようやく私の中でも熱くなってきました!

今回は、そのBootstrapについてのカンタンな紹介と、実際の制作で私が使っている5サイトを紹介したいと思います。

 

そもそもBootstrapって?

Bootstrapは、米ツイッターが提供している「フロントエンドツールです。

・・・フロントエンドツールって何でしょうね(・o・;)

フロントエンドツール

ウェブサイトにおいては、裏の見えないプログラムやデータベースを「バックエンド」と呼ぶの対して、ユーザーが操作する画面を「フロントエンド」と呼びます。「フロントエンドツール」とは、そのユーザーが操作する画面を作ることのできる「ツール」であり、Bootstrap がそのツール群のひとつという理解で良いでしょう。

Bootstrapが生まれた背景にはスマホが大きく関わっています。iPhoneiPadなどをはじめとするスマートデバイスの台頭により「さまざまな大きさの画面」が登場。WEB制作者らは日々頭を痛めることになります。そこで、さまざまな画面の大きさに対応する「レスポンシブデザイン」が大きな注目を集め、さらにそれを気軽に構築可能な「Bootstrap」が誕生したという経緯です。

続きを読む

Twitterでの“nPro”の検索結果が悲惨。「PSO2が起動しない」

f:id:bitorchard:20141121005802j:plain

こんばんは。

以前のエントリー「あれ、Website Explorerが起動しない。(解決?) - BIT.ORCHARD」で、解決方法を調べていたときに「nProさんが怒り狂ってPSO2起動できない」などの悲惨な声を見つけました。

続きを読む

Dreamweaverのテンプレートで条件付きコメントを使う方法

f:id:bitorchard:20141129140459g:plain

Dreamweaverで条件付きコメントがリンク切れする時。

IEの各バージョンに対応するCSSやJSを読み込むため等の理由で「条件付きコメント」を使う場合があります。

条件付きコメントを使うと、条件対象ブラウザ以外ではファイル自体を読み込まないので、Webサイトの高速化にもつながります。

そんな便利な条件付きコメントですが、Adobe Dreamweaverの「テンプレート」で使おうとすると少し工夫が必要なようです。

続きを読む

海外旅行でホントに役立った無料のiPhoneアプリ4本+α

f:id:bitorchard:20141118205049j:plain

ちょっと前の話ですが。

まだ日本でも残暑が残る9月の中頃、キャリーバッグ片手に空港へ。

空港から飛び立って向かう目的地は・・・「台湾」です!

はじめての“海外1人旅”。

今回「1人」での海外旅行は初の経験でした。その為航空チケットの手配や宿泊予約、荷物の準備などもすべて一人でした。

なかなか良い経験ではありましたが、時間がない中での準備はスリルでした。旅行中も時間に間に合うか、ホテルの予約は問題ないか、スマホの電池は大丈夫か、などトラブルに遭わないよう気を張りっぱなしでした。

そんな状況で心に潤いを与えてくれた、“ホント”に役立ったiPhoneアプリをご紹介してみようと思います!アプリ開発者に感謝!

続きを読む

日本の「総面積」を「全人口」で割るとどれくらいの「土地」が貰えるのか?

f:id:bitorchard:20141115151618j:plain

夢のある話…?

日本の総面積は、世界201ヶ国中61位の377,961.73平方キロメートル*1で、島国としては大きい国だそうです。

今回はもし、その領域を日本国民全員に “均等” に分けたら、どれくらいの土地持ちになれるのか… 調べてみました。

 

小学校の運動場ぐらいの広さは貰えるかなーと、思い計算し始める。

まずは日本国の総面積。上記の通り、377,961.73平方キロメートル

次に日本の総人口。

総務省統計局の出している「人口推計」*2によると、その数 1億2709万人(平成26年10月1日現在の概算値)ということが判明。

 

ということは・・・

*1:日本政府が定める領有権のある領域。参考:日本 - Wikipedia

*2:参考:人口推計 平成26年10月報(総務省統計局)

続きを読む

あれ、Website Explorerが起動しない。(解決!!)

Website Explorerで、Yahoo!リアルタイム検索を行った結果

「サイトのエラーチェックするかー・・・ Website Explorerっと。」

「・・・あれ? 動かない?? フリーズ?!」「んーとりあえず・・・強制終了と。」

 

フリーズするパソコンと固まる私。

「・・・再起動。    動かん。なぜだ・・・」

続きを読む