ウェブ関連技術 on TEPS Notebook

AWS リージョンごとのサービス比較、意外と地域差があります

Tue, 25 Apr 2017 00:00:00 +0000

Amazon Web Services（AWS）を利用すると世界中のデータセンターでサーバを稼働することができます。

AWSはリージョンごとで提供されているサービスが異なっているのですが、提供されているサービスの一覧を比較して見ることができるページがなかったので作成しました。（正確にはあるのですが見づらい・・・）

情報元：https://aws.amazon.com/jp/about-aws/global-infrastructure/regional-product-services/

Google Spreadsheet で作成しましたので、ご自由に利用ください。PDFファイルとして出力すると便利です。

2017/04/11 時点の情報です。

北カリフォルニア（us-west-1）が意外と機能が少ないとか、東京（ap-northeast-1）は、Elastic File System（EFS）が提供されれば機能面ではトップクラスになるとか、知らなかったサービスを見つけたりしました。

写真を Flickr に掲載し Tumblr で好みのデザインのポートフォリオ、アルバム・サイトを作ってみよう

Mon, 18 May 2015 00:00:00 +0000

Tumblrが写真をまとめたポートフォリオやアルバムウェブサイトを作るのに最適なことに最近気が付いたので紹介です。。

普段Flickrで写真を整理していて不満に思ったのは自分の好みのデザインでアルバムを見せることができないことでした。この方法を使えば、写真やアルバムごとに異なったデザインのポートフォリオ・サイトが簡単に作成できます。特にFlickrを利用している方はすぐにでも始められるのでオススメです。

こんなサイトができました。http://tumblr.teps4545.com

完成したサイト

1. Flickrへ写真を投稿する

まずはFlickrへ写真を投稿しましょう。写真の公開設定は「Public」になっていることが必要です。初めての方は Flickrの使い方を参考にアカウントの作成から初めてください。

2. Tumblrのアカウント作成し、ポートフォリオ用のブログを作成する

Tumblrアカウントを tumblrの使い方これから始める初心者向けのまとめ - 脳味噌はなまるを参考に作成し、ひとつブログを作りましょう。テーマはなるべく写真の見栄えがするものが良いでしょう。

無料とは思えない高品質なtumblrテーマまとめ

3. Flickrの写真をTumblrにシェアする

FlickrからTumblrに載せたい写真を選びシェアしましょう。

Flcikr写真、シェア機能の画面

個別の写真ページにある矢印ボタン（シェア機能の画面の右下）を押す
「t」マークを押す（初めて利用するときはTumblrのログインが必要かもしれません）
追加したいコメントがあれば追加して、シェア（配信予定にスタックすることもできます）

非常に簡単です。

Tumblrはいくつもミニブログを作成できるので、例えば、夜景のみ、動植物のみといったテーマに沿ったポートフォリオをいくつも作ることもできます。

参考にしたウェブサイト

エイプリル・フール、アメリカではどんな嘘がつかれていたの？

Thu, 02 Apr 2015 00:00:00 +0000

4月1日はエイプリルフール。ウェブサイトのいたるところであらゆる嘘が氾濫して、何を信じて良いのか、、、　面白い1日でした。

そんな日の昼食、中華系の飲食店で「what would you like to drink?」「just water」の会話の後、出てきたのは、なんと！あっつい「hot water」。英語の発音が悪いのではなくて、エイプリル・フールのせいだと思いたいです。。。

もちろん、アメリカでもウェブ上に多くの嘘が出現！様々な企業やサービスがエイプリルフールなネタを仕込んでいます。ポイントは「本当っぽい嘘」。皆さん、大真面目に嘘ついてます。

まとめ的なコンテンツは Mashable というメディアが得意です。早速「The ultimate roundup of 2015’s biggest April Fools’ Day pranks」にまとめられています。

いくつか印象に残ったものをピックアップします。

電気自動車のテスラ、駐車違反チケット避けるモードを搭載！

Tesla launches ticket-avoidance-mode for Model S cars.

何かと話題のテスラ、彼らなら普通に実現しちゃいそうな本当のような嘘。TwitterにはPalo Alto Policeのアカウントからの反応まであります（笑）

外部サイト

twitter.com/TeslaMotors/status/583339439759310848

モバイル端末のOSとしてMS-DOSをローンチ！

Microsoft launches MS-DOS as a mobile OS

世界中の天気を表示できるカッコいいブログパーツ forecast.io

Mon, 08 Sep 2014 00:00:00 +0000

日本国内の天気、災害といった情報を提供するウェブサイトや、自分のウェブサイトに部品として埋め込むブログパーツは数多く存在していますが、世界中の天気をカバーできてしかも見た目が良いものは少ないです。そんな中、デザインもよく、非常に見やすいブログパーツを見つけたので紹介します。

それは「forecast.io」で提供されているブログパーツです。

forcast.io自体はiPhone、Androidでも使いやすいWeb版のお天気アプリケーションです。特別なアプリケーションをインストールしなくとも、ブラウザからアクセスするだけで使えるので気軽に使えます。

どのように自分のウェブサイトの埋め込むのか？

東京の天気を埋め込んだサンプルです。

実際に埋め込まれているのは下記のシンプルなHTMLコードです。

<div class="iframe-wrap"><iframe id="forecast_embed" type="text/html" frameborder="0" height="245"
width="100%" src="http://forecast.io/embed/#lat=35.689487&lon=139.691706&
name=Tokyo&units=si"></iframe></div>

このパーツは横幅は自由に設定できますが、縦幅は245pxで固定です。横幅100%、縦幅245pxとしておくと画面サイズがかわった時にデザインが自動的に切り替わりますので、レスポンシブル・デザインにも対応しています。

各パラメータの紹介は「Forecast.io Blog」で紹介されています。

lat - 緯度
lon - 経度（緯度経度を調べるには、itouchmapが便利です。）
name - 場所の名前を任意に追加できます。
color - 標準は黒。#000000 といった形式で任意の色に変更可能。
font - 標準はHelvetica。
units - 標準はusになってますので切り替えましょう。日本では「si」の表示が馴染みが深いです。
- us - 気温は華氏（F）表示、風速はmph表示
- uk - 摂氏（C）、mph
- ca - 摂氏（C）、km/h
- si - 摂氏（C）、m/s

このブログパーツは無料で利用できます。