WEB総合情報サイト arisa.biz http://arisa.biz web関連・(x)html・css・php・photoshop・Illustratorのテクニック・写真・集客などについて書いています。 Wed, 12 Oct 2011 15:36:14 +0000 http://wordpress.org/?v=2.6.5 ja hourly 1 自作でfaviconを作る方法 まとめ http://arisa.biz/illustrat-cg-design/photoshop/2011-10-13/%e8%87%aa%e4%bd%9c%e3%81%a7favicon%e3%82%92%e4%bd%9c%e3%82%8b%e6%96%b9%e6%b3%95-%e3%81%be%e3%81%a8%e3%82%81 http://arisa.biz/illustrat-cg-design/photoshop/2011-10-13/%e8%87%aa%e4%bd%9c%e3%81%a7favicon%e3%82%92%e4%bd%9c%e3%82%8b%e6%96%b9%e6%b3%95-%e3%81%be%e3%81%a8%e3%82%81#comments Wed, 12 Oct 2011 15:19:17 +0000 arisa http://arisa.biz/?p=2357 111012_1

faviconとはブラウザのタイトルが表示される横に出てくる16px×16pxの画像でのことです。

111012_21

基本的な設定方法は以下のとおりです。

  • 画像を用意する
  • .ico形式に変換する
  • HTMLにタグを埋め込んで指定する。

faviconを作る時に便利なツールや方法がいくつかあるのでまとめてみました！

webアプリケーションでfaviconを作る

WEBサイトにアクセスするだけで使えるのでネット環境があればすぐ作れます！

WEB上でイラストを描いて生成系

・favicon.ico Generator
http://www.favicon.cc/
faviconをブラウザ上で作成してしまうジェネレータ。
透過にも対応しています。

画像をアップしてから編集系

・Favicon Generator
http://www.degraeve.com/favicon/
画像を一度アップロードしてからブラウザ上で編集が可能！

・favikon
http://www.favikon.com/
画像をアップロードしてから部分的に切り出してfaviconを作成することができます！

画像を変換してくれる系

・favicon japan
http://www.favicon.jp/
言わずと知れたfavicon作成で有名なサイト。
手元にある画像を.ico形式に変換してくれるサイトです。
※GIF、JPG、PNGのみ対応しています。

・freefavicon
http://www.freefavicon.com/
こちらも画像をファビコン形式（ico）に変換するサイト
gif・jpg・png同時に生成してくれます。

ソフトウェアでfaviconを作る

画像を変換してくれる系

・@icon変換
http://www.towofu.net/soft/aicon.php
画像をfavicon形式に変換してくれるソフト。
ページ下のダウンロードからダウンロードできます。

photoshopでfaviconを作る

・Photoshop icoformatICO (Windows Icon) Format Plugin(Telegraphics)
http://www.telegraphics.com.au/sw/product/ICOFormat
Photoshopのプラグイン。
作成した画像をfaviconの形式である.icoの形式で保存することができます。

プラグインのインストール

Photoshop が起動していない状態で、ダウンロードした icoformat プラグインを
C:Program FilesAdobeAdobe Photoshop CSPlug-ins（win7の場合）
プラグインフォルダに入れ込みPhotoshop を起動するだけで使用できるようになります。
入っているかを確認するには、photoshopを起動させアプリケーションメニュー→プラグインについてでインストールされているかでわかります。

faviconの設置方法

設置方法はfavicon画像をサーバーにアップロードし、HTMLのhead内に一行を加えるだけで設置ができます。

rootディレクトリにfavicon.icoという名前のファイルを置いた例

<link rel="shortcut icon" href="./favicon.ico" />

wordpressでテンプレートディレクトリのの直下にfavicon.icoという名前のfaviconを置いた場合の例

<link rel="shortcut icon" href="<?php bloginfo('template_directory'); ?>/favicon.ico" />
タグ: , ,

おすすめ記事

]]> http://arisa.biz/illustrat-cg-design/photoshop/2011-10-13/%e8%87%aa%e4%bd%9c%e3%81%a7favicon%e3%82%92%e4%bd%9c%e3%82%8b%e6%96%b9%e6%b3%95-%e3%81%be%e3%81%a8%e3%82%81/feed 秀丸でコーディングしてるなら仕事が３倍早くなるZen-Codingが熱いよ！ http://arisa.biz/webcreate/xhtml/2011-10-11/%e7%a7%80%e4%b8%b8%e3%81%a7%e3%82%b3%e3%83%bc%e3%83%87%e3%82%a3%e3%83%b3%e3%82%b0%e3%81%97%e3%81%a6%e3%82%8b%e3%81%aa%e3%82%89%e4%bb%95%e4%ba%8b%e3%81%8c%ef%bc%93%e5%80%8d%e6%97%a9%e3%81%8f%e3%81%aa http://arisa.biz/webcreate/xhtml/2011-10-11/%e7%a7%80%e4%b8%b8%e3%81%a7%e3%82%b3%e3%83%bc%e3%83%87%e3%82%a3%e3%83%b3%e3%82%b0%e3%81%97%e3%81%a6%e3%82%8b%e3%81%aa%e3%82%89%e4%bb%95%e4%ba%8b%e3%81%8c%ef%bc%93%e5%80%8d%e6%97%a9%e3%81%8f%e3%81%aa#comments Tue, 11 Oct 2011 10:42:35 +0000 arisa http://arisa.biz/?p=2346 111011_1
前から気になっていたZen-Coding。
秀丸で使えないことを知っていても秀丸が手放せない自分がいました・・・。

ところが、長年愛用している秀丸先生でZen-Codingができることが発覚！
こんなマクロが出ていたのか！！

Zen-Codingとは

HTML/CSSをショートカット＋スニペットで簡略化してコードを書くことができるライブラリです。

知らない人は損してる？コーディングが3倍速くなるZen-Codingを導入してみた
http://designblog.ecstudio.jp/htmlcss/zen-coding-aptana.html

例えば

html
と入力すると
<html></html>

h1
と入力すると
<h1></h1>

a
と入力すると
<a href=”"></a>

img
と入力すると
<img src=”" alt=”" width=”" height=”">

と吐き出されます！

実際に使っている動画

Zen Coding v0.5 from Sergey Chikuyonok on Vimeo.

Zen-Codingを導入するには？

以下のURLから「ダウンロード」の見出しへ行きダウンロードします。

Zen-Codingのマクロをダウンロード

インストール方法やマクロの設定方法も書かれていますので参考にして入れてみてください！

タグ: , , , ,

おすすめ記事

]]> http://arisa.biz/webcreate/xhtml/2011-10-11/%e7%a7%80%e4%b8%b8%e3%81%a7%e3%82%b3%e3%83%bc%e3%83%87%e3%82%a3%e3%83%b3%e3%82%b0%e3%81%97%e3%81%a6%e3%82%8b%e3%81%aa%e3%82%89%e4%bb%95%e4%ba%8b%e3%81%8c%ef%bc%93%e5%80%8d%e6%97%a9%e3%81%8f%e3%81%aa/feed PowerPoint（パワーポイント）でモックを作る時に役立つテンプレート http://arisa.biz/excel-word-powerpoint/2011-09-28/powerpoint%ef%bc%88%e3%83%91%e3%83%af%e3%83%bc%e3%83%9d%e3%82%a4%e3%83%b3%e3%83%88%ef%bc%89%e3%81%a7%e3%83%a2%e3%83%83%e3%82%af%e3%82%92%e4%bd%9c%e3%82%8b%e6%99%82%e3%81%ab%e5%bd%b9%e7%ab%8b%e3%81%a4 http://arisa.biz/excel-word-powerpoint/2011-09-28/powerpoint%ef%bc%88%e3%83%91%e3%83%af%e3%83%bc%e3%83%9d%e3%82%a4%e3%83%b3%e3%83%88%ef%bc%89%e3%81%a7%e3%83%a2%e3%83%83%e3%82%af%e3%82%92%e4%bd%9c%e3%82%8b%e6%99%82%e3%81%ab%e5%bd%b9%e7%ab%8b%e3%81%a4#comments Wed, 28 Sep 2011 14:10:38 +0000 arisa http://arisa.biz/?p=2336 PowerPoint（パワーポイント）でモックを作る時に役立つテンプレート

PowerPoint（パワーポイント）を使ってサイトのモックアップをする方も多いはず。
便利なテンプレートがあるのでご紹介します！

PowerPoint Prototyping Toolkit 

PowerPoint Prototyping Toolkit と言ってコピペをするだけで、ボタンやスクロールバーなどの配置することが出来て、
時間をかけずにレイアウトができます！PowerPoint 2007で作られています。

こんな感じの中身！


表紙のキャプチャ


ブラウザの枠。部分的に選択できるようになっています。


部品一覧。ここからコピー＆ペーストして使えます。ボタンの文字ももちろん変えることができます！

ダウンロード方法

以下からアクセスしてページ下にある Downloads と書かれた箇所からダウンロードが可能です！

モックアップを作る時に便利なパワーポイントのテンプレート（海外）
PowerPoint Prototyping Toolkit (release 0.2)

タグ: , , , ,

おすすめ記事

]]> http://arisa.biz/excel-word-powerpoint/2011-09-28/powerpoint%ef%bc%88%e3%83%91%e3%83%af%e3%83%bc%e3%83%9d%e3%82%a4%e3%83%b3%e3%83%88%ef%bc%89%e3%81%a7%e3%83%a2%e3%83%83%e3%82%af%e3%82%92%e4%bd%9c%e3%82%8b%e6%99%82%e3%81%ab%e5%bd%b9%e7%ab%8b%e3%81%a4/feed 画像をランダムに一枚だけ表示させるphpコード http://arisa.biz/webcreate/php/2011-09-27/%e7%94%bb%e5%83%8f%e3%82%92%e3%83%a9%e3%83%b3%e3%83%80%e3%83%a0%e3%81%ab%e4%b8%80%e6%9e%9a%e3%81%a0%e3%81%91%e8%a1%a8%e7%a4%ba%e3%81%95%e3%81%9b%e3%82%8bphp%e3%82%b3%e3%83%bc%e3%83%89 http://arisa.biz/webcreate/php/2011-09-27/%e7%94%bb%e5%83%8f%e3%82%92%e3%83%a9%e3%83%b3%e3%83%80%e3%83%a0%e3%81%ab%e4%b8%80%e6%9e%9a%e3%81%a0%e3%81%91%e8%a1%a8%e7%a4%ba%e3%81%95%e3%81%9b%e3%82%8bphp%e3%82%b3%e3%83%bc%e3%83%89#comments Tue, 27 Sep 2011 12:38:29 +0000 arisa http://arisa.biz/?p=2327 110927_1

画像をランダムに一枚だけ表示させるphpコード。ちょっとメモ書きです。

ファイルの構成

/www/
├/img/
└index.php

imgフォルダの中には、

img1.jpg
img2.jpg
img3.jpg
と、ひとまず3枚入れておきましょう！

コード

index.php内


<?php
$image = array(
  "img/img1.jpg",
  "img/img2.jpg",
  "img/img3.jpg",
);
$image = $image[rand(0, count($image)-1)];
echo '<img src="'.$image.'" alt="">';
 ?>

 
タグ: ,

おすすめ記事

]]> http://arisa.biz/webcreate/php/2011-09-27/%e7%94%bb%e5%83%8f%e3%82%92%e3%83%a9%e3%83%b3%e3%83%80%e3%83%a0%e3%81%ab%e4%b8%80%e6%9e%9a%e3%81%a0%e3%81%91%e8%a1%a8%e7%a4%ba%e3%81%95%e3%81%9b%e3%82%8bphp%e3%82%b3%e3%83%bc%e3%83%89/feed illustratorでアピアランスのコピーができない時の対処法 http://arisa.biz/illustrat-cg-design/illustrator/2011-07-29/illustrator%e3%81%a7%e3%82%a2%e3%83%94%e3%82%a2%e3%83%a9%e3%83%b3%e3%82%b9%e3%81%ae%e3%82%b3%e3%83%94%e3%83%bc%e3%81%8c%e3%81%a7%e3%81%8d%e3%81%aa%e3%81%84%e6%99%82%e3%81%ae%e5%af%be%e5%87%a6%e6%b3%95 http://arisa.biz/illustrat-cg-design/illustrator/2011-07-29/illustrator%e3%81%a7%e3%82%a2%e3%83%94%e3%82%a2%e3%83%a9%e3%83%b3%e3%82%b9%e3%81%ae%e3%82%b3%e3%83%94%e3%83%bc%e3%81%8c%e3%81%a7%e3%81%8d%e3%81%aa%e3%81%84%e6%99%82%e3%81%ae%e5%af%be%e5%87%a6%e6%b3%95#comments Thu, 28 Jul 2011 15:53:10 +0000 arisa http://arisa.biz/?p=2312 110728_1

アピアランス属性とは「外観」という意味で、元のオブジェクトはそのままで見た目の部分だけを変えることができる機能です！
たとえば、オブジェクトに影をつけてみたり透明度を変えたりすることができます。

普段photoshopなれをしていているので久々にillustratorを触ると、
ツールの使い方に自信がなくなります・・・ｗ

illustrator でアピアランスのコピーをしようとしたところ
「あれ？いつもスポイトでコピーできてたはずなのに！夢だったのかな！？」
と自分が信じられなくなりいろいろ調べたことをまとめておきます。

通常のillustratorの場合

スポイトツールを使う方法

アピアランスを適用したいオブジェクトを全部選択→「スポイトツール」→コピー元のオブジェクトをクリック

スポイトツールを使わない方法

アピアランスを適用したいオブジェクトを選択（複数ある場合は「オブジェクト」→「複合パス」→
「作成」でひとまとめにする）→コピー元のアピアランスを持つオブジェクトを選択→サムネイルをオブジェクトにドラッグ
（→まとめたオブジェクトの場合解除するには、複合パスにしたオブジェクトを選択→「オブジェクト」→「複合パス」→「解除」）

110728_2

illustrator CS5でアピアランスのコピーができない場合

  1. スポイトツールをダブルクリックすると、スポイトオプションツールが表示されます。
  2. アピアランスにチェックを入れる。

110728_3

これだけでOK！解決されましたｗ

タグ: , ,

おすすめ記事

]]> http://arisa.biz/illustrat-cg-design/illustrator/2011-07-29/illustrator%e3%81%a7%e3%82%a2%e3%83%94%e3%82%a2%e3%83%a9%e3%83%b3%e3%82%b9%e3%81%ae%e3%82%b3%e3%83%94%e3%83%bc%e3%81%8c%e3%81%a7%e3%81%8d%e3%81%aa%e3%81%84%e6%99%82%e3%81%ae%e5%af%be%e5%87%a6%e6%b3%95/feed さくらインターネットでファイル一覧を表示させない方法 http://arisa.biz/uncategorized/2011-07-22/%e3%81%95%e3%81%8f%e3%82%89%e3%82%a4%e3%83%b3%e3%82%bf%e3%83%bc%e3%83%8d%e3%83%83%e3%83%88%e3%81%a7%e3%83%95%e3%82%a1%e3%82%a4%e3%83%ab%e4%b8%80%e8%a6%a7%e3%82%92%e8%a1%a8%e7%a4%ba%e3%81%95%e3%81%9b http://arisa.biz/uncategorized/2011-07-22/%e3%81%95%e3%81%8f%e3%82%89%e3%82%a4%e3%83%b3%e3%82%bf%e3%83%bc%e3%83%8d%e3%83%83%e3%83%88%e3%81%a7%e3%83%95%e3%82%a1%e3%82%a4%e3%83%ab%e4%b8%80%e8%a6%a7%e3%82%92%e8%a1%a8%e7%a4%ba%e3%81%95%e3%81%9b#comments Fri, 22 Jul 2011 08:01:42 +0000 arisa http://arisa.biz/?p=2298 110722_1

さくらインターネットのサーバでindexファイルが入っていなかった場合、
ファイル一覧が表示されるのを非公開にする方法をご紹介します。

通常の対応方法

.htaccessファイルに下記コードを書き足してサーバーにアップロードします。

Options -Indexes

さくらインターネットの場合

サクラインターネットの場合はエラーが出てしまい使えないので、コントロールパネル上で設定します。

  • サーバコントロールパネルを開く。
  • 左のメニューのファイルマネージャーを選択。

ファイルマネージャー旧verの設定

  • 画面右上のウェブアクセスの設定を選択します。110722_2
  • ファイルが存在しない場合の動作として、「アクセスを拒否する」を選択。110722_3
  • 送信して設定を反映させればOK。

ファイルマネージャー新verの設定

110722_4

  • 画面左上の「表示アドレスの操作＞アクセス設定」を選択します。
  • indexファイルのファイルが存在しない場合の動作を「アクセスを拒否する」に設定

これで、拒否が完了します！

注意点

また、この設定をするときの注意点としては、indexファイルが.html・.htm以外の拡張子で動かしていた場合、
勝手に.htaccessにDirectoryIndexが追加されてエラーになって焦りますｗ

wordpressを入れている方など注意してください！

参考：
さくらインターネットさんでファイル一覧を表示させない方法

タグ: , ,

おすすめ記事

]]> http://arisa.biz/uncategorized/2011-07-22/%e3%81%95%e3%81%8f%e3%82%89%e3%82%a4%e3%83%b3%e3%82%bf%e3%83%bc%e3%83%8d%e3%83%83%e3%83%88%e3%81%a7%e3%83%95%e3%82%a1%e3%82%a4%e3%83%ab%e4%b8%80%e8%a6%a7%e3%82%92%e8%a1%a8%e7%a4%ba%e3%81%95%e3%81%9b/feed 10秒でわかるgoogle+を始める時に知っておきたいこと http://arisa.biz/google%e3%83%97%e3%83%a9%e3%82%b9/2011-07-14/10%e7%a7%92%e3%81%a7%e3%82%8f%e3%81%8b%e3%82%8bgoogle%e3%82%92%e5%a7%8b%e3%82%81%e3%82%8b%e6%99%82%e3%81%ab%e7%9f%a5%e3%81%a3%e3%81%a6%e3%81%8a%e3%81%8d%e3%81%9f%e3%81%84%e3%81%93%e3%81%a8 http://arisa.biz/google%e3%83%97%e3%83%a9%e3%82%b9/2011-07-14/10%e7%a7%92%e3%81%a7%e3%82%8f%e3%81%8b%e3%82%8bgoogle%e3%82%92%e5%a7%8b%e3%82%81%e3%82%8b%e6%99%82%e3%81%ab%e7%9f%a5%e3%81%a3%e3%81%a6%e3%81%8a%e3%81%8d%e3%81%9f%e3%81%84%e3%81%93%e3%81%a8#comments Wed, 13 Jul 2011 16:23:03 +0000 arisa http://arisa.biz/?p=2259 110713_1

google+に招待されたのでいろいろいじってみました。

google+とはgoogleの作った新しいソーシャルメディアです。
個人的には、twitter、facebook、mixiなどのSNSのいいとこどりをしたような印象です。

ログインした後の画面

↓こんな感じ

20110714_2

招待を受けないと入れない

完全にmixiで使われていた戦法ですよね。
はじめは、Google従業員とメディア関係者、および一部の熱狂的なユーザーのみに送られたようです。
招待mailが届くので招待URLをクリックして登録を進めましょう！

アカウントは実名で

実名での登録を推進しているようで、ハンドル名は「他の名前」欄に書くことを推奨する方向で進んでいるようです。
実際に実名で入力していたユーザーが凍結されたというニュースもちらほらあります。

プロフィールは一般公開されますが、プロフィールに表示される必須情報はフルネームと性別だけで、共有したくないその他の情報は編集、削除できます。

ストリームの公開範囲が毎回決められる

つぶやきの要素であるストリームという機能は公開範囲を毎回設定することができます。
一般公開/非公開　サークルというグループ単位での公開をタグ付け感覚で追加できます！

リアルタイムな投稿が見れる

フォローしているユーザーが投稿したものが見れます。これはtwitterやfacebookと同じですね。位置情報の共有もできます。

画像・動画の共有はもちろんビデオチャットもできる

skypeより高機能らしい。

サークルというグループが作れる

友達のカテゴリー分けです。
ストリーム（つぶやきみたいな機能）で投稿した内容の公開先として設定したり、
特定のサークルの友達のつぶやきだけを表示するときに活用されます。
相自分が分けたどのサークルに入っているかは相手にはわからないようになってます。
しかも仕分けがドラックアンドドロップできるのでラクラク整理ができます☆

入ってみたいという方メールアドレスをご記入の上formか @arisa_biz までご連絡くださいｗ

タグ: , ,

おすすめ記事

]]> http://arisa.biz/google%e3%83%97%e3%83%a9%e3%82%b9/2011-07-14/10%e7%a7%92%e3%81%a7%e3%82%8f%e3%81%8b%e3%82%8bgoogle%e3%82%92%e5%a7%8b%e3%82%81%e3%82%8b%e6%99%82%e3%81%ab%e7%9f%a5%e3%81%a3%e3%81%a6%e3%81%8a%e3%81%8d%e3%81%9f%e3%81%84%e3%81%93%e3%81%a8/feed ロゴが一覧で見やすくロゴデザインの参考になるサイトまとめ http://arisa.biz/illustrat-cg-design/illustrator/2011-07-01/%e3%83%ad%e3%82%b4%e3%81%8c%e4%b8%80%e8%a6%a7%e3%81%a7%e8%a6%8b%e3%82%84%e3%81%99%e3%81%8f%e3%83%ad%e3%82%b4%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%ae%e5%8f%82%e8%80%83%e3%81%ab%e3%81%aa%e3%82%8b http://arisa.biz/illustrat-cg-design/illustrator/2011-07-01/%e3%83%ad%e3%82%b4%e3%81%8c%e4%b8%80%e8%a6%a7%e3%81%a7%e8%a6%8b%e3%82%84%e3%81%99%e3%81%8f%e3%83%ad%e3%82%b4%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%ae%e5%8f%82%e8%80%83%e3%81%ab%e3%81%aa%e3%82%8b#comments Fri, 01 Jul 2011 13:58:11 +0000 arisa http://arisa.biz/?p=2222 110702_1

ロゴが一覧になっていて見やすく掲載しているサイトをピックアップしました！

ロゴデザインをする際に、アイディアに詰まってしまった時や、インスピレーションを受けたいと思ったときに参考になりそうです！

ロゴが一覧になっているサイト

Logo Pond

http://logopond.com/
logopondcom

Logo Faves

http://www.logofaves.com/
logofaves_com

Logo oF The Day

http://www.logooftheday.com/logooftheday_com

Logo From Dreams

http://www.logofromdreams.com/
logofromdreams_com

Logogala

http://www.logogala.com/
logogala_com

logospire

http://www.logospire.com/
logospire_com

logo design ideas

http://www.logodesignideas.org/
logodesignideas_org

logogalleria

http://www.logogalleria.com/
logogalleria_com

logomoose

http://www.logomoose.com/
logomoose_com

logo heroes

http://www.logoheroes.net/
logoheroes_net

logofi

http://logofi.com/
logofi_com

logofury.com

http://logofury.com/
logofury_com

logogallery

http://www.logogallery.net/
logogallery_net

the logo mix

http://www.thelogomix.com/
thelogomix_com

lo8os

http://www.lo8os.com/
lo8os_com

logosauce.com

http://www.logosauce.com/
logosauce_com

typebased.com

http://www.typebased.com/
typebased_com

ロゴカテゴリページ

Creatics

http://creattica.com/logos/
creattica_com

Browsing deviantART

http://browse.deviantart.com/designs/logos/
deviantart_com

SilexGraphica™（ロゴカテゴリー）

http://www.silexgraphica.com/blog/
silexgraphica_com

ロゴが検索できるサイト

seeklogo

http://www.seeklogo.com/
seeklogo_com

タグ: , , , , ,

おすすめ記事

]]> http://arisa.biz/illustrat-cg-design/illustrator/2011-07-01/%e3%83%ad%e3%82%b4%e3%81%8c%e4%b8%80%e8%a6%a7%e3%81%a7%e8%a6%8b%e3%82%84%e3%81%99%e3%81%8f%e3%83%ad%e3%82%b4%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%ae%e5%8f%82%e8%80%83%e3%81%ab%e3%81%aa%e3%82%8b/feed googleの検索結果のデザインがころころ変わる件 http://arisa.biz/website/2011-06-29/google%e3%81%ae%e6%a4%9c%e7%b4%a2%e7%b5%90%e6%9e%9c%e3%81%ae%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%8c%e3%81%93%e3%82%8d%e3%81%93%e3%82%8d%e5%a4%89%e3%82%8f%e3%82%8b%e4%bb%b6 http://arisa.biz/website/2011-06-29/google%e3%81%ae%e6%a4%9c%e7%b4%a2%e7%b5%90%e6%9e%9c%e3%81%ae%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%8c%e3%81%93%e3%82%8d%e3%81%93%e3%82%8d%e5%a4%89%e3%82%8f%e3%82%8b%e4%bb%b6#comments Wed, 29 Jun 2011 04:25:00 +0000 arisa http://arisa.biz/?p=2207 110628_0

昨日今日とgoogleのデザインがコロコロ変わります。

Google、検索ページやマップのデザイン変更を発表――よりシンプルに

　米Googleは6月28日（現地時間）、Google検索84 件、Google Maps、Gmailのデザインを変更すると発表した。Googleサービス全体をよりシームレスで首尾一貫したものにし、よりよいユーザー体験を提供することが目的という。さまざまな変更が向こう数カ月のうちに追加されていく見込みだ。

　検索結果ページでは、検索枠の右にある「検索」ボタンが消え、枠の右側に虫眼鏡のアイコンが付く。また、検索結果をフィルタリングするための左側のツールパネルがこれまでのカラフルなものから黒と赤の2色表示になる。選択しているカテゴリが赤で表示される。検索結果の各コンテンツについては、URLが見出しの直下に移動する。

とあるのでころころ変わっていたのはこのせいだったんですね。

中途半端な検索画面キャプチャ

110628_1
↑2011年6月28日に確認したgoogleのデザイン
バーが白い。テストアップだったのかしら・・・？

110629_2
↑2011年6月29日に確認したgoogleのデザイン
上のバーが黒い

まだ完全な状態じゃなさそうですね。変わっていく様子が面白いですね！

タグ: , , ,

おすすめ記事

]]> http://arisa.biz/website/2011-06-29/google%e3%81%ae%e6%a4%9c%e7%b4%a2%e7%b5%90%e6%9e%9c%e3%81%ae%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%8c%e3%81%93%e3%82%8d%e3%81%93%e3%82%8d%e5%a4%89%e3%82%8f%e3%82%8b%e4%bb%b6/feed タイムラインが魔法のように最適化されるtwitterクライアント「twizard」 http://arisa.biz/website/2011-06-24/%e3%82%bf%e3%82%a4%e3%83%a0%e3%83%a9%e3%82%a4%e3%83%b3%e3%81%8c%e9%ad%94%e6%b3%95%e3%81%ae%e3%82%88%e3%81%86%e3%81%ab%e6%9c%80%e9%81%a9%e5%8c%96%e3%81%95%e3%82%8c%e3%82%8btwitter%e3%82%af%e3%83%a9 http://arisa.biz/website/2011-06-24/%e3%82%bf%e3%82%a4%e3%83%a0%e3%83%a9%e3%82%a4%e3%83%b3%e3%81%8c%e9%ad%94%e6%b3%95%e3%81%ae%e3%82%88%e3%81%86%e3%81%ab%e6%9c%80%e9%81%a9%e5%8c%96%e3%81%95%e3%82%8c%e3%82%8btwitter%e3%82%af%e3%83%a9#comments Fri, 24 Jun 2011 09:53:23 +0000 arisa http://arisa.biz/?p=2200 110624_1

とうとうリリースしました。twizard（ツイザード）！

ごちゃごちゃになったタイムラインをすっきりさせたいというところから発案されたtwitterクライアントです！

どんなもの？

twizard（ツイザード）とは、「理想のタイムラインをあなたに。」ということをテーマに
twitterのタイムラインを読みやすくパーソナライズして表示してくれるサイトです。
日本語だけならず英語でも見れるのでグローバル！

使い方

Twitter認証をしてログインをすればすぐに使えます。

個人的にはタイムラインのうねうね感がたまりません。

↓使い方動画

ふつうのtwitterと違うところ

新機能として「ウォッチ」という概念があり、
「フォローはしていないがウォッチはしている」「フォローはしているがウォッチはしていない」といったことが可能になりました！

Twizard（ツイザード）では、フォローに代わり「ウォッチ」という概念を用います。 マジックタイムラインに出現するツイートは「ウォッチしている」ユーザーのツイートになります。

ツイートへの↑上げ↓下げボタンなどにより「フォローはしていないがウォッチはしている」「フォローはしているがウォッチはしていない」などのユーザー属性が生まれ、あなたのマジックタイムラインが最適なものへと整理されていくのです。

サイトやtwitterアカウント

気になる人はこちら↓

サイト→twizard（ツイザード）

twitterのアカウント→@twi_zard

タグ: , , , ,

おすすめ記事

]]> http://arisa.biz/website/2011-06-24/%e3%82%bf%e3%82%a4%e3%83%a0%e3%83%a9%e3%82%a4%e3%83%b3%e3%81%8c%e9%ad%94%e6%b3%95%e3%81%ae%e3%82%88%e3%81%86%e3%81%ab%e6%9c%80%e9%81%a9%e5%8c%96%e3%81%95%e3%82%8c%e3%82%8btwitter%e3%82%af%e3%83%a9/feed