カテゴリ

カテゴリ:ウェブ・技術

Google Cloud Platform を試してみる

カテゴリ:
gcp_image

Amazon Web Services(AWS)を使ってきたけどGoogle Cloud Platform(GCP)も気になる。

Googleのアカウントでそのままログインして、MacからならgcloudというコマンドをインストールすればSSH接続も超かんたん。DNSはすでにAWSから引っ越した。

ドキュメントは日本語化がまだあまりされていないので日本で人気が出るのは時間がかかるかも。





カテゴリ:

そういえばBootstrapでページを作って、それがどう印刷されるのか忘れてました。調べると専用のclassが2つあります。

Print classes

visible-printは画面には表示されないが印刷される。hidden-printは画面に表示されるが、印刷はされない。

下記のようにすると画像は表示されるますが、印刷されません。

<img src="tempest.jpg" class="hidden-print">

下記の場合は表示はされませんが、印刷はされます。

<span class="visible-print">www.tempest.jp</span>

Webページを印刷する人はそれなりにいるようなので、知っていて損はなさそう。

Bootstrapを利用してホームページを作る

カテゴリ:

TEMPESTのホームページのデザインがずっと放置状態なのが気になっていまた。しかし忙しいのと、スマートフォン対応がネックで延び延びになっていたのです。

そして調べていると見つけたのがBootstrap。これを使えば自分でCSSを書かなくても、スマートフォンに対応できるらしいよ。

ただこのサイトを見ただけでいきなり理解は難しい…。探してみるとドットインストールにありましたよ。

Bootstrap 3.0入門 (全18回)

全部見て大体理解しました(HTMLの基礎知識が必要です、CSSが何か知っている必要があります)。当たり前ですが、基本的なデザインは自分で考えて、必要なCSSやJavaScriptを呼んでくるんですね。元となるCSSやJavaScriptを自分で書かなくて済むのがポイントです。ただのHTMLがイマドキ風になります。

新しいページの具体的な変更点は2箇所。スマートフォンで見るとそのまま最適化されたページになるので、PCで見てください。

Wide_3Narrow_2まずホームページを開きます。するとトップにナビゲーションがあり、メインは2カラムですね。

そしてブラウザのウィンドウ幅を狭くしていくと自動的に1カラムになり、ナビゲーションも変更されるのが分かります。古いページをあえて残してあるので比較すると違いがよく分かります。

これを自分で一から作るのはかなり気の遠くなる作業ですが、Bootstrapを使えばあっという間です(HTMLの基礎知識があれば)。

ということで今後はBootstrapを理解していればそこそこのホームページは比較的簡単に出来ることが分かりました。大企業やデザインの会社以外は全部これでいいんじゃないのって思う。

今後はスマートフォンやタブレットからのアクセスがますます増えるわけで、それらに対応しているのがすごく重要だよね。

カテゴリ:

ここ数年はCCIEの勉強で入力ばかりだったので、来年は出力に力を入れます。ということでメールマガジンを始めてみました。Cisco関連だけ、Linux関連だけは結構ありますが両方まとめて扱っているメールマガジンは無いようなので、それなりに役立つと思います…。

週1回、水曜日発行です。少なくとも2011年一杯は続けるつもり。ご希望の方はこちらから登録して下さい。もちろん無料です。

ネットワークとサーバの世界

サンプル号は内容的にちょっと寂しかったので"Linux Tips"と"今週見たYouTube"という項目も追加してみました。

実質第一号を先ほど発行しました。バックナンバーはこちらからご覧いただけます。

ネットワークとサーバの世界 バックナンバー

カテゴリ:

twitter feedを設定して、このブログの更新を自動的にtwitterfacebookに流すようにしてみた。とはいえ、最近ブログをゆっくり書く状態ではないのが残念。

Hotmail を Gmail で受信できるようになるまで

カテゴリ:

Hotmail で POP3 が利用できるようになりました。以前は有料版のみだったらしいのですが、無料版でも大丈夫。

A new way to get Hotmail on your phone

Hotmail はブラウザから使えるメーラの走りで、1996年に始まったようですが、その後マイクロソフトに買収されました。Hotmail は OS が FreeBSD だったらしいのですが、やっぱり NT Server になるのかと思っていたら、技術者の抵抗で中々入れ替えが進まなかったとか…。現在ではもちろん Windows Server で動いているようです。

私はかなり前から Hotmail を使っているのですが、メインのアドレスでは受け取りたくないセカンド的な位置付けです。以前は保存容量が少なかったため、定期的に削除していましたが Gmail の登場で対抗して大幅に容量が増えたため最近はそのまま放ってあります。確認すると5万通あまり。

Hotmail も Gmail で受け取れるようにどうにかできないかとずっと思っていたのですが、今回の仕様変更によりやっと実現できることになりました。

Gmail の設定から、アカウントのタブへ。メールアカウントの追加をクリックします。こんな感じで。

Gmail1

Gmail2

これで設定は OK なのですが、エラーが。それはメール数が多すぎ…です。まぁ当然ですね。

さて、どうする。削除するのはいいとして、どうするのが簡単なのか。ブラウザからログインしても一度に35通しか削除できないので、手動はありえません。

古いメールもとりあえず取っておきたいので、メーラで普通に受信してしまうことにしました。ということで最近あまり出番のない Outlook Express を起動します。

ツール → アカウント → 追加ボタンからメールを選びます。こんな感じで設定。送信はしないので、送信メールサーバは適当でいいです。

Outlook1

Outlook2

初期値ではメールを受信するとサーバから削除するため、後は勝手に進むはずと思ったのですが、うまくいかない。受信が進んでもしばらくすると止まってしまい、さらに再開後は同じメールをまた受信しています! どうやら1通ずつ受信と削除を行っているわけではないらしい。ということで設定を変更してみます。

Outlook3

サーバのタイムアウトを最大の5分にしました。そしてあえてサーバにコピーを残し、1日後に削除とします。これを実行したところあまり止まらなくなり、また止まった後の再開もメール一覧表を確認して重複しない受信となりました。ということで次の朝見てみると受信トレイには5万通を超えるメールが保存されています。

ということは明日になれば、これらがサーバから削除されるはず。

そしてさらに翌朝 Hotmail にログインすると、メール数は8千通ほど。やりました。

これなら Gmail で受信できるかと思い、再設定すると。エラーは出ずに終了!さすがに8千通の受信には時間がかかってますが、これですべてのメールが一画面で管理できるようになりました。

大量の Hotmail をお使いの方は参考にしてください。

カテゴリ:

最近私の ThinkPad が過負荷になってファンが高回転で回りつづけるということが頻発していたんですよ。暑くなってきたので当然ですが、昨年はこんなことなかったはず…。そして負荷が上がっている原因は Firefox で、一度終了してやれば直るみたい。バグかなと思ったけど、もうすぐバージョン3が出るので、待つことにしました。

そしてダウンロードが開始されたのが18日、早速インストールしてみました。すると、今までと違い負荷が上がってファンが回ったりしません。かなり軽くて、速い印象です。

気になっていたアドオンの互換性ですが、私が愛用している Adblock Plus, Flashblock, FoxClocks, Gmail Notifier, IE Tab, Stylish, PDF Download は対応していました。

ということでバージョン2に戻そう、なんて一度も思っていません。おすすめですので、ぜひ使ってみてください。

Firefox ブラウザ無料ダウンロード

英語の勉強に CNN Video

カテゴリ:

Cnn_video_logo英語のリスニングの勉強にはラジオが便利、ということで今までは CNN  の Radio を薦めていました。

CNN Radio

CNN のサイトで不満だったのはビデオが有料だったこと。ところが1ヶ月ほど前よりビデオも無料になりました。課金用のシステムの維持管理などを考えると、多少のお金をとっても割に合わないということでしょうか。

CNN Video

便利なのは当然ながら Podcasting であり、The CNN Daily あたりをダウンロードして通勤通学中に見て聞くと役に立ちそう。中高生向きの CNN Student News というものもあります。

CNN Podcasts

ちなみに新しい iPod を買いたい人は、ちょっと待ったほうがいいとの噂あり…。

いまiPodを買おうと考えている皆様へ

英語の勉強に American Rhetoric

Firefoxのタブとフォームを見やすくする

カテゴリ:

先日 ITmedia の中で大変参考になる記事を見つけました。

Firefoxを鍛え直せ!第2日目:闘うための準備をはじめよう――Stylish

ここでは CSS を使って Firefox 上の表示を変更できるプログラム Stylish が紹介されています。使い方としてはまずアドオンとして Stylish をインストール。そして Firefox を再起動します。

これだけでは何もおきなくて、どのように表示を変化させますかというユーザスタイルシートをインストールする必要があります。もちろんそのスタイルを自分で書くことも可。上記記事では userstyles.org から Gmail - display keyboard shortcuts を紹介していますが、私がインストールしてみて気に入ったのはこの二つ。

Tab_2 Colorize Firefox 2.0 Active Tab

まずはこれ。インストール(スタイルのインストール後に再起動は不要)するとアクティブなタブがばっちり青色になります。オリジナルの色は控えめでデザインとしてはいいのですけど、これくらい色に差があった方が見やすいですね。

ちなみにタブを移動するには Ctrl-PgUp Ctrl-PgDn で出来ますし、Ctrl-数字で指定のタブに変更できます。

Form Bright Focus (for buttons, links, and textboxes)

もうひとつはこれ。インストールすると、選択されている入力フォームやボタンに濃い色が付きます。これデザインによっては、グレーの上に細かい点線で選択状態が表示されてやたら見づらかったりするんですよね。ボタンをタブキーで選ぶときも、どこが選択されているのか分かりにくかったり。そんな不満はこの Bright Focus で解消します。

ぜひお試しください。

日時のカウントダウン

カテゴリ:

Count_2 テストまであと何日とか、デートまであと何日とか、プレゼンまであと何日とか気になって気になって仕方のない時があります。そんな時はこのサイトを使いましょう。自分へプレッシャーを与えるのにとっても便利…。

Countdown Timer

中央下にあるchangeを押して、希望する日時を選択します。すると後、何日と何時間かをリアルタイムで表示してくれます。時の大きさや、背景の色も変えられます。

もうひとつ、同じようなサイトも見つかりました。

Customize countdown

このページのトップヘ

見出し画像
×