WEB Quaderno

iPhoneアプリGoogle+がリリース

Google+アプリ

本日Google+のiPhoneアプリがリリースされましたので早速使用してみました。
使ってみた感じはモバイルブラウザ版とよく似ていますが、StreamやPhotosで写真のアップロードが可能になったのとグループチャットが出来るHuddleが追加されました。

写真のアップロード

まず写真のアップロードですが、ストリームの画面では投稿にカメラとアルバムのアイコンボタンが追加されています。カメラからはカメラが起動し写真を撮った後に投稿に追加することができ、アルバムからはアルバムから投稿に追加することができます。いずれも追加を繰り返すことで複数枚投稿に追加できました。アップロードされる写真のサイズは最大640ピクセルですのでスナップ的な使い方がお薦めです。
※将来アップロードされるサイズが変更出来るようにして欲しい。




Google+ ≒ Facebook ?

Google+

Google+の招待を頂いたので早速登録して使ってみて、Google+は ぱっと見Facebookと同じように見えましたが、実際に使ってみると情報共有するユーザもしくはサークル(グループ)を選択できるという所が全く異なっていました。 Facebookは、近況や写真を投稿した場合、すべてのユーザか友達、もしくは友達の友達といった中でしか見える範囲を限定できませんでしたが、Google+は一般公開の他にサークル内だけとか、ユーザ単位で見える範囲を制御できます。
さらにGoogle+は、「再共有の無効にする」機能があり情報の共有を停止させることが可能です。これにより誤った情報や個人的に留めておきたい情報の拡散を防ぐ効果があります。Google+プロジェクトの概要に「共有の相手はさまざまであり…適切な人と適切なコンテンツを簡単に共有できる必要があ(る)」と述べているように実生活と同じような情報の共有の楽しみ方が出来るのです。




Skype ビデオ通話、画面共有でMac & PCのサポート

Skype ビデオ通話、画面共有でMac & PCのサポート。

Skype ビデオ通話、画面の共有を使ってMac & PCのサポートをはじめました。詳しくは、サポートページをご覧ください。




Web Design ポンティ イタリア・ミラノでの通訳・アテンド

Ponti | ポンティ イタリア・ミラノでの翻訳・アテンド

イタリア・ミラノの通訳・アテンドのサイト Ponti を制作しました。
イタリア語-日本語の通訳だけではなく、英語-日本語-イタリア語、中国語-日本語の通訳やアテンド(同行)も行っていますので是非ミラノに行く機会がある方は事前にお問い合わせしてみてください。

ポンティ イタリア・ミラノでの通訳・アテンド




jQuery scroll でページが最下部へスクロールされた事を判定する

Smile for Japan

Twitter 等最近のサイトは新しいデータを読み込む時に「次へ→」ボタンでクリックした時に読み込む事はせずに、ページが最下部までスクロールした時に読み込む処理をしているようです。これは、jQueryのscrollイベントを使ってページが最下部まで来たことを検出しデータを読み込み表示するイベントを実行しているようです。Smile for Japan サイトもこの方法を採用してみました。




ロリポップサーバー IMAPでMacとiPhoneのメールを同期

IMAPメール

ロリポップ!のメールサーバーはIMAPにも対応していてこのIMAPを使うとサーバにフォルダを作成しメールを保存することができます。IMAPは特にMacやiPhoneなど複数の機器でメールを使う場合に送信したメールが共有でき確認できると言う利点があります。
今回は、MacとiPhoneにIMAPでメール設定をする場合に ロリポップ!のマニュアルには説明がない部分でコツが必要でしたので記事にして残しておきます。




jQueryプラグイン アニメーション機能を様々なブラウザで実現

Animate CSS Rotation and Scale

CSS3の transition を使えばアニメーション機能が使えますが、現状対応するブラウザが Safari 、 Chrome 、Opera でその他のブラウザではアニメーションが表現されません。Animate CSS Rotation and Scale と言うjQueryのプラグインを使うことによってアニメーションを表現させることが出来ますので早速使ってみました。




jQuery fadeInを使ってAppleサイトのようなふわっと表示

Appleサイト

Apple サイトのようにページを表示した時にふわっと表示されるとサイトの印象がとても良くなります。このようなフェードインの処理は、jQuery を使うととても簡単に表示出来ます。コツとして、フェードインをページ全体に処理するのではなくページ内を数カ所のブロックに分けてブロックごとにフェードインを遅延させる事です。




CSS3 @font-faceで日本語のWEBフォントを使ってみる

@font-face

Google Web Fonts をはじめ欧文フォントは数多くWEBフォントとして利用できるようになっていますが、未だ日本語フォントはWEBフォンとして利用できる環境が整っていません。たまたまサイト上で手書き風のフリーフォントを使用するために探していた時にWEBフォントとして使えるものがありましたので導入してみました。今回使用したフォントは、ふい字PでWEBフォントとして利用ができます。




CSS3 gradientを使ってグラデーションを表現

CSS3 Gradient Generator

gradient を使うことによって背景をグラデーションで表示できるプロパティです。現状対応しているブラウザは、Safari 、 Chrome 、 Firefox でまだ未対応のブラウザがありますので使用する場合は注意が必要です。
gradient も簡単に作れるジェネレーターサイトがありますので参考にしていただければと思います。




1 / 212