サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
Wikipedia
vanillate.org
ウェブ黎明期から、ずっとウェブに触れてきて。 最初は下手だったけど、少しずつやりたいことができるようになって、 今はやっとプロとして見てもらえるようになりました。 これからだーと思っていたら、「古いウェブの人」と言われたりするようになり 「?」がいっぱいになったのですが、もし私が「古いウェブの人=最初の頃からウェブを作っている人」 っていう意味なら、なるほどなぁと思わなくもないです。 個人的には、そんな気全然ないですけどね。 海外サイトは昔からセンスがよかった バニデザノートでもよく海外のサービスを紹介していますが 私自身も英語サイトのサービスを契約したり利用したりしています。 ただ、そこまで私は英語がわかっていません。 翻訳アプリを使ったりもしますし、ヘルプやサポートに英語で連絡して通じたこともあまりないし。 じゃあなぜお金を払えるのかといえば 決済面で言うと、
appleのプロダクトや、ウェブサイトを真似している デザインをテレビでもよく見かけるようになりました。 dribbbleとかで人気になっているものとかもそうなんですが あれを「個性的」「かっこいい」と思うのは間違いだと思うのです。 ネット上で広がりやすいアイコンなんかもそうです。 私自身が作らない、とか、使わないとかいうお話ではなくて。 例に出しやすいのでappleを例にすると、 appleのプロダクトや、アプリのデザインなどは ユーザー体験をメインに考えられているので 中心は「使う人」です。 だから、徹底的に個性を殺し、シンプルに、 「使う人」によって姿や役割を変えるような 「個性的」とは真逆の「無個性」を追求したものだとおもうのです。 手に取った瞬間、嬉しくなったり もっと使いたいと思うのは、 自分の色に染められることをその瞬間に感じられるからであって
例えば、今“現在”で今のトレンドの技術をすべてできても、 次の日新しい技術がでてきたら その時点でまた柔軟に対応していく必要があります。 その流れは止まることはなくて、技術が進歩すればするほど、この作業自身もとまりません。 私は、こういったことをストイックに続けていけることも プロとして仕事していく上で大事なことのように思っています。 私が専門学校に通っていたころ 先生達はみな 「30台に近づけば近づくほど仕事がきつくなる」 と口酸っぱく言っていて。よく覚えています。 そんなに大変になるのなら、できるだけ速く技術を習得しなくちゃなーと思ったものですが 今思えば体力的なこともあるかもですが 先生方の頭が固まってしまって身動きがとれなくなってしまったのかなぁとか思います。 けれど、80年代にヒットしたような音楽家が 今風の音を使って新しい音を遊んでいるような方も見か
ウェブサイトをデザインしたり作ったりする仕事。 そのうえ個人で請負うことの難しさをひしひしと感じています。 壁にぶち当たっているというよりは 解決して振り返ってみれば大変だったなぁとおもう感じです。 どんなことがあっても、続けよう と遅かれながら覚悟して突き進んで1年。 まだ1年なんですが、この1年は濃い一年でした。 忙しさもうまく伝えられないくやしさも、 正直かわいくない方向へ曲げられていく案件も、仕事だからとやり続け うまくできるようになった、と思った今年の春、体調を壊して いつものように作れない時期がありました。 そのとき考えたのは どうして作っているんだろう? なぜこの仕事だったんだろう? しあわせって何? (そもそも)生きてるって何? みたいなことで。 憧れてます!等の応援メッセージをいただいている中 なんというバチあたりなことを・・と思いなが
ウェブクリエイターとしてフリーランス宣言をしたのが去年の2月頃で、それから約1年半立った訳です。 物販事業自身は個人で2005年から万年筆生活を運営していたためフリーランス1年目というのには少し語弊はあるのですが、この一年半は非常に濃く、去年の私を思い出すと考え方も変わりいろんなことに気がつくことがありました。 お問い合せや、お客様へ、つながってくださる人への対応 フリーランスって、名前の通り自由なイメージがあり、 いくら誰かが同じようなことを言おうが、「でも、勝手にやってるんでしょう?」 というような浅はかなイメージがあったんですが、 とにかく、気がついたら返事を返す というのは、非常に大事なことだと感じました。 当たり前のことなんですが、会社にいたときよりもずっとずっと素早く 返事を返すようにしています。 また、どんなに他の仕事で頭がいっぱいでも、返事をする際は
なんでもつぶやいちゃって依存しちゃって、 だけど少しだけtwitterと距離を置いてみたいと願っている twitter中毒の方にオススメの日記アプリDayOneを紹介します! twitterでつぶやきを減らしたい わたしはここ数年、twitterのつぶやき頻度は数分に一回、 どんなに忙しくても一時間に一回はつぶやいていました。 そのおかげですてきな方と出会えましたし、 たくさんのものをいただきましたので、 それは間違いでは無かったと思っています。 twitterはすばらしいツールです。 twitterにひとつ悩みごとを書き込めば、励まされたり、ヒントがもらえたりしますし 憧れていた人とふと知り合って、仲良くなれちゃう場合もあります。 ただ、悩ましいことに、 twitterのタイムラインを見れば、自分の友人がそこにいるような気がして 眺めていればなんとなく安心していくんですね。 自分の好きな
ipad2、明日発売らしいですねー! ipadやiphone、アンドロイドphoneからタブレット系のデバイスまで 気がつけば私たちのまわりには、 多くのウェブサイトを見るデバイスが増えてきました。 わたしもウェブを作っている端くれとして ガジェット、デバイス好きとして 手元で簡単にウェブサイトにアクセスできる環境というのは とってもわくわくする、すてきな世界です。 今回はそんなデバイスにこれからどんな対応が求められていくのか みたいなことを考えてみたいと思います。 (1)解像度のちがい いろんな用途によって提案され、開発されたデバイスは、 それぞれ画面のサイズが違います。 (ポケットサイズのものから、本が読みやすいサイズ、作業がしやすいサイズなど・・。) スマートフォンは横幅が約320px タブレットは 縦使用のばあい 768px 横使用:1024px ネットブック〜モニタの場合:168
Six Revisionsの2010年9月の記事、 「10 Practical Ways to Bust Through Web Designer’s Block」を やっと読みました。 英語の記事で、鮮度は低いですが、 もう一歩ウェブデザインを前に進めたい私としては 非常にエキサイティングな内容でした。 以下は、意訳や直訳ではなく、私のメモです。 (1)逆にして考えてみる ・グリッドでひかれたファイルを大きなカンバスだとおもってはじめない ・ボタンなどの細かいディテールからはじめる ・色にはこだわらない (2)問題点を先に考える (3)コードが先、デザインが後 ・ブラウザの中で考える、フォトショップはあと。 ・スライドショーのようなjqueryを先に書く ・フォーム(デザインはとりあえずきにせず)のエラーバリデーションや、 どんな注意事項がほしいかを考える ・カスタムワードプレステーマで
このたび、iphone3GS->Android Au IS05 にMNP機種変しました。 3Gの発売日から、いままでずっとiphoneでした。 なので、iphone大好き人間であることをまず最初に伝えておきます。 (※ちなみにiphone4は購入していません) まだ昨日変えて、やっとiphoneの時から使っているものなどをセッティングして 使えるようにしたばかりですが、オドロキがたくさんあったので シェアしたいとおもいます! IS05を買った決めてとなったのは ・iphoneより一回り小さく、すべてのキーボードに片手で届く ・ワンセグ、おサイフケータイも搭載されていること(あこがれてた) これは、まえからiphoneがこんな風になればなぁっておもっていた わたしの理想のカタチでした。 手が小さい私には、iphoneもすこし大きく、よく指がつりそうになってたので。 それでは、今のところとって
いまいろいろと話題のFacebook。 こういう話題を持ってきていること自体、運営側に釣られたような気がしないでもないですが、わたしのtwitter界隈ではどんどん卑屈になっていっているというか、 まとまりのないものになってきて少しカオスな気分を味わったので どうせなら私も文章に落としてみようと思いました。 今回はFacebookに基づく3つのセクションについて、理想と現実という観点から見てみます。 前提として:私はfacebookについては最近やっと理解を深めてきたところです。 きっかけは「ソーシャルネットワーク」という映画でした。 そして、その映画の内容がフィクションであるということも理解しております。 □Facebookの思想について 正直最初、Facebookに登録したとき、いったいこれは何で、どんなメリットがあるのかさっぱりわかりませんでした。個人名で登録したものの、まわりは殆ど
最近Wordpressを使ってサイトを作るときに使っているものを テンプレート的、チートシート的、CMS的、関数的にまとめてみました。 テンプレート的に:Starkers http://starkerstheme.com/ 最低限のWPテンプレート、CSS初期化セット、ページネーションなどを備えた、 とてもとてもシンプルなテンプレートです。 もちろん、このままだとかなり素っ気ないですが、 どんなスタイルにも対応ができ、ストレスが少ないテンプレートで好きです。 テーマデザイナー向け、骨組みだけのテンプレートです。 チートシート的に:WPチートシート(webクリエイターボックス製) http://www.webcreatorbox.com/tech/japanese-wordpress-cheat-sheet/ テンプレートタグ、分岐などがすべて載っていて便利。 WPをいじっているときはこれを
ここ1ヶ月、週1くらいで「ばにとーく」という Ustreamを利用したストリーミング配信を行っています。 たくさんの皆さんにみていただけてとてもうれしいのですが、 Ustreamのページは、機能が限られており、 「もっと個別な情報を発信したい」 「もっとアーカイブを整理したい」 と考えるようになりました。 今回の場合は、メインに「Ustream」っていうコンテンツがあるんですけど このコンテンツをどう見せていくかっていうところで、現状のソーシャルな環境も再度見直すきっかけになりました。 これからウェブを使って情報発信をするときには、いままで以上に明確な「コンテンツ(つたえたいこと)」が大事になってくるような気がします。 たくさんのサービスができ、皆がいろんな方法でデータ収集を行うようになりました。 「自分が使っていないから」という理由で、見てもらえる人を逃すのは、もったいないっておもうので
個人で仕事をしていると、会社のように誰かが席を立ったり、 「あのひとは15時ごろ絶対お菓子たべるよね」 みたいな時間の目印が減り、集中できるのだけど、いまが何時なのかについてどんどん意識がうすれていくものです。 自分自身だけでやっている仕事があるとすれば、それでもかまわないのですが 「打ち合わせ」や、「提出期限」などを 管理する「マネージャー」みたいな人がいたらいいなあ!って思ったことはありませんか? 今回ご紹介するのは”Alarms”というアプリ。 シェアウェアで、$15ドル、14日のトライアル版があります。 Mac App Storeにもあるみたいですが、とりあえずトライアル版でお試しいただくのがいいかなーとおもいます。 このアプリ、めちゃくちゃシンプルなアプリです。 GTDとか、そういう言葉はいらないんじゃないかと。むしろそういう庭から引きはがしたい。 「口うるさい経理のおばちゃん」
一日を8時間労働と考えようが、 たとえば24時間のうち睡眠を4時間と考えて、 その他の生活をほぼ仕事に回そうが、時間は均等に過ぎていきます。 よく考えたら私たちには寿命があって、明日生きているのももうけもんなのに もっと上手に時間や、メンタルを持って行きたいなあと考えていて、最近思ったこと。 会社にいるのかフリーか、立場や担当によって、ウェイトが異なる 私が独立してから思ったことなのですが、 「ウェブを作る」という作業を会社で行っていたときと 独立してからの作業というのは、同じツールとMacを使っているにもかかわらず 全く違うものに感じました。 個人で好きに、自分のルールやペースで行っているにもかかわらず 業務の内容の違いで新入社員気分です。自分の会社なのに。 会社で主任+デザイナーとして働いていたとき(8hフレックス労働) デザイン作業をメインにやっていましたが、とにかく会議だらけでした
とりあえず少人数で、ウェブ制作とかスケジュールとか勘でやっちゃってて、 「できちゃってた」人用。 沢山のプロジェクトを抱えていると、脳みそのリソースがまず足りなくなります。 「簡単なことなのにどうしてできないの?」と自分を責め、鬱状態になるまえに、 いちどこれらの項目を見直してみてください。 いつまでに、何を、だれがするか。 いわゆるスケジュールなんですけど、スケジュールなんて言葉にするだけで なんか大げさな気分になりますね。 当たり前のことを、確認しあいましょう。そして、相談しましょう。 何を言ったらいいかわからない位混乱したら、 それも伝えられるチームは理想です。 見える化する とにかくなんでも見える化してください。 簡単なメモだけでなく、それは一体どんな手順を踏んで、 どんな風にこなしていくのか。 未来への自分への手紙でもあり、 突然誰かにお仕事をお願いする時にも役立ちます。 お金(
夏だ!お祭りだ!花火だ!浴衣だ!!ということで 今日は女子の浴衣の着付けを一人でするためのtipsをまとめてみました。 一年に一度くらいしか着れないですが、毎年探すことになるので、忘れないようにメモ。 ※ちなみに、着物初心者ですし、なにもかも初心者ですのであしからず。 ゆかたを着るにあたって、そろえておく、あるかどうか確認しておくもの。 ゆかたの着付け自身に必要な物: ゆかた本体(だいたいこれに気持ちが行きがち) 帯(兵児帯のみも可。ただ薄すぎるとあれなので、うまくバランスを見る) 腰紐(最低2本) ゆかたスリップ(汗をかくし、あったほうがいい) 伊達締め(帯の下につけます) メッシュ前板(おなかのあたりにさしこむ) 薄めのタオル(おなか一週するくらい、ごわごわしないもの) こちらは、アクセサリー類: 髪をアップするならヘアゴムとかピンとか、花飾りやかんざしがあってもかわいい 下駄(これだ
日本語化もすすみ、どんどん進化をとげているevernote。 わたしは使い始めて、課金もはじめてからそろそろ1年になります。 evernoteに振り回されていたときもありましたし、なんだかんだで必要で、毎日1回は立ち上げてしまっている自分に気がついたり、周りの人がもっと上手に使っていたりと、いろんなことがありました。 evernoteは使い方が自由すぎるんですよね。パソコンのスペックが高ければ高いほど、何でもできてしまう。エバーノートの公式サイトなんて、「なんでもできます」って表現しすぎて、で、結局なにするものなの?と目的がぼやけてしまうくらいに。 まず最初に:エバーノートって何? 書き留めよう。1枚でも,50万枚でも。 | Evernote Corporation http://www.evernote.com/about/intl/jp/learn_more/ 上記evernoteのオ
vanillate名義でお仕事をすることが多くなってきたのと、 いろんな方とあっていきたいなあ!という期待をこめて、vanillate名義の名刺をつくりましたー。 印刷会社さんは、ネットで見つけたUV×Designというところ。 特殊紙+UV加工が得意みたいです。 紙フェチなわたしには宝の宝庫でした・・! ちょこんと四角い包装。かわいい。 上から見た図。 なんかキラキラしてんすよ、表面! 今回は、「セレクトパック質感ホワイト」を注文してみたのですが、白い紙でもみんな微妙にちがって、素敵。 このパックは、5種類の紙に20枚ずつ、印刷してもらえます。 パックの紙の種類を紹介 あまりにもかわいいので、全部の紙をマクロで! リアクションバニラ ちいさなつぶつぶが光ります、斜めにすると虹色にみえます。裏面は加工無し。 触った感じはざらざらー。 桃はだホワイト いちばん気になってた桃はだ。ふわっふわで
ついったーランニング部bot わたしのTLまわりの方がみなさんランニングをはじめたい!とつぶやいていて、@2up_dさんがbotを作って!と言っていたのがきっかけで、一晩でつくりました。 ランニング部ってよいこ部みたいでかわいい。 走るのが好きな人は、フォローしてみてください、フォローが返ってきたら捕捉開始します!(※現在フォロー返しは手動ですが。) 参考にしたサイト メイン参考ソース: プログラミングとかしたことないけどPHPでTwitter bot作ってみた 候補だったソース: Twitterbotの特定の単語に反応してリプライ反応するサンプルスクリプト JSON関係で面倒だったので断念。 使ったライブラリ(PEAR): Services_Twitter(日本語版) corn系: ヘテムルさんユーザー向け Twitter_bot設定の諸々 cron 設定マニュアル(heteml) トラ
「Flashのことを笑っている場合じゃない」 「PosterousのCEO「Webはクソ。ブラウザはマジなんとかしろ」」 あたりの記事を読んで思ったことが心の中にもやもや残っていたので、まとめてみる。 内容に対して忠実でないかもしれない、文章の言葉言葉を拾った結果、あくまで私が感じたことを。 ウェブブラウザは収拾されるどころか増えてる 私がウェブを勉強し始めた2000年頃、ウェブブラウザの主流はIE5.5とネスケだった。 あまり記憶がないけど、jsを使うとバグったり、CSSもうまく動いてくれなくて、IEのネイティブ対応してるCSSに頼って作っていたような気がする。 その頃の私は、いつかブラウザ戦争なんていうものは終わって、どこかに統合されてくれればいい、なんておもっていた。 けれどわたしの思惑とは真逆だった。macは9シリーズからXシリーズになり、IEやネスケからFirefoxやSafar
960 Base Theme Fluid 960 Grid Systemをベースにしたwordpressテーマです。 装飾のない、960Base Theme CLEANと グレーの装飾のある960Base Theme SIMPLEが用意されています。 Tweet This! Share this on del.icio.us Bookmarks this on Hatena Bookmarks Clip this to Evernote Share this on Tumblr Share this on Facebook Subscribe to the comments for this post?
1:echofon for mac twitterクライアントです。ついにver0系から1系になりました。マルチアカウント対応、サイドバーで詳細情報表示、ドラッグ&ドロップで画像などのデータを添付。 公式retweet、コメント付retweet リストにも対応していて、マルチアカウントにも対応。 2:パニック・ジャパン – Coda – Mac OS X 用 シングルウインドウ Web 構築環境 テキストエディタ + Transmit + CSS エディタ + ターミナル + ブック + More = 無限大。 基本的にテキストエディタとして使ってます。zen-cordingにも対応。 cakephpの.thtmlなど特殊な拡張子でもphp+htmlでカラーリング可能。 フォルダ操作やtransmit,photoshop,finderなどとも仲良し♪ 3:adobe photoshop
simpleSli.de: A Super-Simple jQuery Slideshow Plugin simplesli.deはdivタグ内をフェードしながらスライドするjqueryプラグイン。 日本での紹介記事では殆ど名前からかシンプルに設置できる、と謳っていますが、それはルールに沿えば、というお話です。 わかってしまえば簡単なんですが、理解するまでわたしはすこし時間がかかりました。 「ああーこんな風に簡単にできるんだ!(さくさく)」なんて実装できる方がうらやましい・・。 インストール <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript">google.load("jquery", "1.4");</script> <scrip
iphone_unlock iphoneのアンロックスライドを実装しています。 無限ループでアンロックし続けられます・笑。(jquery) Jilion – SublimeVideo HTML5でできたビデオプレイヤー。flashつかってません!かこいい。 HTML5-Canvas-Experiment-«-IO-9elements HTML5-Canvasをつかったインタラクティブな動き。 いいスクリーンショットとれませんでした・・。実際体感してください! jQuery-Quicksand-plugin アイコンがアニメーションしてソートされます。なにこれすごい。 Nivo Slider – The Most Awesome jQuery Image Slider 一見よくあるスライドですが、画像のフェード時のアニメーションが豊富です。 jQuery Sliding Clock v1.1
@anywhereを入れてみました。 きっとあとで改良されるでしょうが、現時点での登録方法などをメモ。 アプリケーション登録 Register an @Anywhere Application にて、アプリケーションを登録します。 今回はウェブに貼り付けるので、ウェブ=アプリケーションってイメージでしょうか。 Application Name: アプリケーション名。サイト名でOK Application Website: サイトのURL Organization: ここは適当に・・ Callback URL: コールバックURL。サイトのURL(TOP)でOKかと・・ Application Icon: アイコン、あとで登録可能 送信すると、APIキーが発行され、サンプルコードが出力されます。 アクセス権限の変更 現時点では、@anywhereの登録画面ではアクセス権限をread&writ
RSSフィードをgoogle ajax feed api(javascript)でRSSを取得する方法。 APIキーを取得 AJAX API キーを取得。 通常の読み込み JavaScript: 外部RSS読み込み by “Google Ajax Feeds API” を、参考にすると良いと思います。 表示をカスタマイズしたい場合 フィードからタイトルやエントリを取得 – フィードの取得 – Google AJAX Feed API入門 カテゴリーの取得コードなども掲載されています。 取得するエントリ数を指定 feed.setNumEntries(10); 日付フォーマットを変換 function changeDate(str){ var myDate=new Date(str); var MM=myDate.getMonth()+1; if(MM
バッチやボタン系のアイコン素材 PSD素材集 | CSS Lecture 吹き出しや、シール、リボン系。 TOP3系で使えそうなアイコンも紹介されています。 button-download.com ペパボでのサイトでみたことのあるボタンがDLできます。 ボタン、ナビゲーション、タブなどのPSD素材集 -Button Project | コリス クリーンなグラデーションのボタンと、ナビゲーション。 質感溢れるクオリティの高いボタンのPSD*ホームページを作る人のネタ帳 キラキラしたボタン。 windows風のわかりやすいボタンなどがあります。 Tweet This! Share this on del.icio.us Bookmarks this on Hatena Bookmarks Clip this to Evernote Share this on Tumblr Share this
SexyBookmarks ソーシャルブックマークのボタンを表示するwordpressプラグインのSexyBookmarks。 DLしたらそのままプラグインフォルダへ。 設定>sexy Bookmarks から、たくさんの種類のボタンがドラッグ&ドロップで選べます! はてなブックマークや、Evernoteもあってうれしいかぎりです。 直接テンプレートファイルをいじらなくてもいいのも素敵。 Tweet This! Share this on del.icio.us Bookmarks this on Hatena Bookmarks Clip this to Evernote Share this on Tumblr Share this on Facebook Subscribe to the comments for this post?
ワードプレステーマをさくさくっと自分のデザインに変更してしまえる 最近おすすめのテーマを2件ご紹介します。 Carrington – The CMS Theme Framework for WordPress 海外産。ワードプレスのテーマフレームワーク。 グラフィカルなデザインベース(サンプル)、テキストベースのもの(サンプル)、iphone用ビュー(サンプル)が用意されており、 テンプレートはもともとかなり細かく分けられています。 初期からコメント表示をスライドするようなアニメーションで設定されていたりするので、デザイン側はほとんどシステム関係をいじらずとも綺麗なサイトが作れるはず。 CSSも比較的短くて読みやすかったです。 今風のブログをつくりたいひとにおすすめ。 wp.Vicuna – WordPress テーマ 国産のテーマ。 日本のウェブデザインによくあるアイキャッチの設定など
次のページ
このページを最初にブックマークしてみませんか?
『vanillate - 変わらない、いつもの日常。』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く