海外と日本｜僕らのWeb制作戦争のお話
オーストラリアに行っていた中学時代の友人が、現地のWeb制作会社で働いて、この度現地の差別的な扱いに嫌気がさして帰って参りました。 同時に、「じゃぁ一緒に語り明かそうぜ会」を開いたところ、8人のむさくるしい男と3名の天使が集い、決して合コンではない同窓会を開いたわけです。そこでは製造業をする人もいれば銀行の受付をする人など、様々な業種の人が集まったわけですけど、まぁ私としてはオーストラリアのWeb制作が気になったものでその辺を熱く語り合ったお話をまとめさせて頂きました。 当たり前ですが日本は大きく違う メンバーのなかでWebに関わる仕事をしているのは天使2名と男2名（私含む）という状況で、そのへんの話がどうしても盛り上がってしまったのです。 オーストラリアと言えばコアラですが、そんなことよりBOSSがすごいという彼（以下；銀メガネ）。 彼は私におみやげを用意してくれていたようで、変な人形の
「Facebookは儲かるそうなのでFacebookの始め方を教えて下さい」への返答
最近旭川で、何があったのかわからないけど「facebook儲かるんでしょねぇねぇなんなのどうすればいいの」と聞かれることが増えてきた。そんなわけで、とりあえず皆様には 『ネタ帳 Facebookは儲かる』 でGoogle検索してくださいと伝えて、いったんその話しをブロックさせて頂きたい一心で、この記事を作ることに決めました。 そもそも、そんな同じ話を毎回毎回説明するもの大変でして・・・。 人が集まるところにいくツール 儲かる、儲けるツールではないんですよFacebookって。 だから儲かる、儲けるでFacebookに参入しようとすると、死ぬほど不自然なことが起こるんですよね。 ひとまずFacebookについて軽くおさらいをしますと、Facebookを一つの学校に見立てて、とりあえずそこに入学するわけです。勿論友達もできます。既に入学しているお友達に関しては、スムーズに検索できます。実名が基
成功しているWebデザインの重要な要素
まれにWebサイトを設計する上で、意外と軽視されがちというか、深く考えずにずらずらとコンテンツが横並びされるパーツ。それが『メニューバー』です。今朝色々と見て回っていたら、あぁ確かにと思った記事があったので、今回はメニューバーに焦点を当ててみようかと。 メニューバーの２つの役割 Important Elements of a Successful Web Page Design （成功したWebページデザインの重要な要素） この記事をみてはっと昔を思い出した訳です。 10年前にさかのぼると、私も結構いい加減な仕事をしていた時期がありました。 というのも、私のWeb制作は全て独学であり、学校ではCADを教わったくらいで・・・。 WindowsPCを買ったのは18歳で、そこからネットにはまり、本屋をあさって学んだ訳です。そのころのネット接続といえば従量制だったので、ネットで気軽に調べるなんて事
私の仕事の生産性を劇的に向上させたルールと環境整備のコツ
仕事中に一度でもFacebookを開くと、著しく生産性が低下するという話なんだけど、実際これは当たってるなぁと。 ただし、これはFacebookに限ったことではなくて、個人的に思うことは １）自分でルールが作れない ２）自分で作ったルールが守れない というこの2点に集約されるんじゃないだろうか。 仕事を阻害する物を遠ざけるのは無理 以下の研究によって明らかになったことです。 気の散るものがあると仕事に悪影響があることはご承知の通りです。しかし、新しい研究によると、仕事中に「何回気を散らしたか」は問題ではなく、たった1回気を散らしただけでも、生産性が著しく低下することがわかったそうです。 成績の悪い学生達は毎日たくさんのメディアを消費しており、同時に複数のタスクを行ったり来たりしていることがわかりました。この研究結果の中で私たちを驚かせたのは、15分間のテスト中に一度でもFacebookをチ
Windows好きな私が仕方なくMacを買ったのでとりあえずMacをDisろうと思う
つい先日。 Mac miniを買いに行って来ました。これも全部アップルが悪くて、iPhoneアプリを最終的に出荷するためには結局Macないとだめなんかーい！という事で、仕方なく買いに行ったわけです。アップル最悪です。ゲイツ大好きです。 覚悟しなさいMac。 購入編 とりあえずそこら辺の電気屋とかパソコン工房みたいなジャンク系も含めて、そこら中にあふれているWindowsマシーンと違い、ごく限られた店でしか買えないMac。 私の家からそこへ行くには、電気屋を2店舗もスルーしなければならないほど遠くて、もはや内心この時点でアップルふざけるなと思っていたわけです。現地に到着後、目的のMac miniを探してようやく購入というところでストップ。 トラックパッドが売り切れていて、さらに入荷未定状態＋Bluetoothキーボードも無い。 なにやらタイの影響でと言っていましたがよくわかっていません。そん
無料で使える単一ページのHTML/CSSテンプレート集
美しい単一ページの無料テンプレート集。 CSS/HTMLの勉強にも使えそうですが、細かいところで単一ページらしいアイデアが使われているところも見所です。 色々と使い所満載のテンプレート集 単一ページだからと思って油断していましたがなかなかのクオリティでびっくり。 Free Single-Page HTML5 Portfolio Template Demo / Download スライドショーの部分も細かいですがよく出来てます。 Code a Backwards Compatible, One Page Portfolio with HTML5 and CSS3 Demo / Download Page 一般的な縦型のシングルページ。スムーズな移動も特徴的です。 Resume (HTML) Demo / Download Page Roundfolio: A Free Portfolio T
手書き風のイメージを作るためのphotoshopブラシとフォント特集
年始から手書き風画像のフォントとかどうなってるんですかという問い合わせが多いので、今回はphotoshopで、手書き風の画像を作るときに便利なブラシとフォントをまとめてみることに。 手書き風photoshopブラシ ※以下画像をクリックでブラシファイル見本を開きます。 ダウンロードしたファイルを解凍します。 次にphotoshopを開き、『編集』→『プリセットマネージャー』を開きます。 そのごブラシを選択し『読み込み』から解凍したブラシファイルを読み込みます。 １）69 Doodle arrow brushes ダウンロードページ 手書き風の矢印豊富。 ２）Free Arrow Brushes ダウンロードページ 手書き風の矢印の中では量が豊富なブラシなため、人気。 ３）U Rock Photoshop Brushes ダウンロードページ ロックな感じのブラシ集。 ４）Cute Rando
私が考えるすごいブロガーとは
まなめさんの記事みて思った事を少々。 私の考える凄いブロガーとは: 304 Not Modified １．ある程度、更新を続けることでそのブログの得意分野を覚えてもらっていること（軸の共有知化） ２．その得意分野が話題になったとき、そのブログを訪問する人がいること（期待を抱かれる） ３．訪問した際に、その人が望むものが存在すること（期待に応える） そうだなぁ。私が考える凄いブロガーってなんだろうなと考えてみた。 そこに人がいて、なおかつ純度の高いオリジナル記事を書く人 何を言ってるんだとよく言われるんだけど、あまりこの辺をうまく伝えられなくていつも困る。 とにかくリスト化すると以下のような感じ。 １）ブロガーという存在が濃い ２）人の役にたつ記事を書く ３）オリジナル記事である 例えば毎日海外の記事をひたすら無感情で紹介し続けるブロガーをすげーとは思わないってことです。 ただ、それ自体が悪
webサービスを有料化するときの5つの注意点
3～4年程前だったか・・・。 『画像共有を目的としたwebサービスを現在無料で公開しているんだけど、会社の上司から有料化すれと言われて困っているの』 はっきりといつだったか覚えていないのですが、当時EXloveというものすごいマニアックなオンラインゲームで知り合った子から、こんな相談を受けました。 あのころはSEOの本なんかもゴリゴリ売れだしていた時代で、ちょうど『サービスは無料』という風潮に切り替わる手前くらいの時代。 いわゆるサービスそのものに課金をしても『ある程度』利益が出ていた時代がありました。 Betaというサイトの横に理の言葉がつくようになる前の話ですね。 当時、最も主流であったバナー広告は下降気味 その当時の主流はバナー広告という収益化。 しかし、効果は6年ほど前に薄れ、よほどアクセス数が無い限り、企業の事業として成立させる事は難しいとされていました。 彼女の企業においても、
jQueryプラグインのベストトレンド総まとめ2010*ホームページを作る人のネタ帳
もはやこの業界ではかなり浸透しつつあるjQuery。 今回はそんなjQueryにスポットを当て、本年度紹介された中でも、ホットなトレンドプラグインをご紹介します。 ※プラグインつかってないのもあります。 １）3D表示プラグイン サンプルデモ 今年のトレンドと言えば3D。 というわけでこちら。まずはサンプルデモを確認。 触ってわかる通りですが、2枚の画像が3D表示されます。 呼び出す $(function() { $('#mindscape').smart3d(); }); HTML <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img src=".../mindscape2.png" /></li> </ul> CSS #mindscape { width: 720px; height: 170px;
webデザイナーの色彩スキルを磨くエントリーまとめ
多くのwebデザイナーが、行き詰ったときに吐かれる台詞。 それが『センス』です。 センスがない、というのはよく聴く言葉です。 しかし、色彩感覚とは『センスの問題』ではなく、たんに勉強不足というケースも少なくありません。 今回はそんな色をテーマにしたエントリーをまとめて見る事にします。 とにかく最初に学ぶ基礎 この色彩系の分野においては圧倒的にwebクリエイターボックスブログが強いので、その中でこれは使えるぞというエントリを何個か抽出しています。そのほかにも、ちょっと古い記事でもとても参考になるものからもご紹介いたします。 正直私のブックマークが配色、色彩、色で60近くのエントリーがありました。 色で学ぶ部分と言うのは「広く浅く」では無く、どちらかと言うと「狭く深く」のほうが強い気がします。なので、そのブックマークの中から、かなりというかもう限界まで厳選した物をご紹介いたします。 配色パター
ブログを活性化する情報フィルタリングの２つの考え方｜まとめ記事は情報をまとめる事ではない
まず「まとめ記事」とは、様々な情報を「まとめる事」だと思っている人がいますが、実はまったく違います。 ブログ、そして記事の基本となる部分である、フィルタリングこそが、まとめ記事の最大のポイントなのです。 あなたの記事はきちっとフィルタリングされているでしょうか？ 今回は、あなたのブログ、そして記事がいかにフィルタリングされて運営されているかを確認し、さらにまとめ記事のフィルタリング方法を考えて見ましょう。 情報はそこらじゅうにあふれている そもそも、フィルタリングと聞くと、くさいものにふたをするかのようなイメージがあります。しかし、このフィルタリングという考えは、ブロガーの記事作成に大いに役立ちます。 例えば、 「コンビニでいろはすとエビアンとボルビックという水を買って飲んだんだぜ」 これに対して、あなたというフィルタを通してみましょう。 あなたは、この中で、エビアンがおいしかったとします
あなたの文章や会話のプレゼンテーションを向上させる９つの記事
文章力がないためにプレゼンに失敗した、会話がうまくできずにプレゼンに失敗した。 こういう経験はなかなか無い。なぜなら多くの場合、失敗したことに気がつかないからです。 こうした失敗に気づくためには、ある程度正解、もしくは成功した話を聞くのが一番です。 というわけで、プレゼン力をつけたいという方の為の膨大なエントリーを、私のYamadaフィルタでふるいにかけ、厳選したものをご紹介いたします。 １）上司が“唸る”報告書 の書き方 もはや上司どころか、そこらへんのユーザーすらうなってしまうほどの破壊力のあるエントリ。 かなりブログの書き方に似てる部分もあり、とても参考になりました。 ２）チームのパフォーマンスを最大限に高めるために--5つの心得 以下の内容について細かく説明されています。 若干プレゼンと離れますが、チーム全体をプレゼンしつつ成功させるという点が個人的に感じた部分だったのでご紹介。
サービスの説明がコンテンツではない｜関連する情報にこそ有益な情報がある
ウェブサイトとは一体、どうあるべきなのかという議論は昔からたびたび議題に上がりますが、結局というか、「最終的にはコンテンツだ」となります。 有益なwebコンテンツを生み出すための5つのノウハウ しかし、このコンテンツだという結論は、多くの人からできるだけ「省きたい」という心理が常日頃働いている為、結局またウェブサイトとはどうあるべきかと問いかけたい人が現れます。 制作サイドの事をもう一度良く考えてみるとわかりますが、「ウェブサイトを作りたい＝コンテンツを作りたい」というケースは稀です。 どちらかといえば「ウェブサイトを作りたい＝商品を売りたい、サービスを知ってほしい、お店に来てほしい」という話がまず最初に発案されるからです。 しかし、この考えをどのように変えていかなければいけないかという事を、最初の段階で理解していない限り、完成したウェブサイトには結局人があまり来ないため、無駄に広告費をか
ウェブ制作者のためのベストエントリ33【2010年7月版】
というわけで、しばらくまとめていなかったまとめ記事を再開し、私は元気ですとアピールしたい。 7月にあつめたブックマークのまとめです。 7月度必須ブクマベスト HTML5 Canvas Cheat Sheet 悩んだけど一応ベストへ。 HTML5 Canvas tagのチートシート。日常的に使うものでもないし、開発者向けになってしまうけど念のため。 OSを選ばないウェブデザイナーのための使えるウェブアプリ15*ホームページを作る人のネタ帳 7月に書いたけどついこの間のようだと思ったら、あんまり記事かいてないからそう思うんだきっと。 ついでにこちらも7月でした。 今日から現場で使えるjQueryのフォーム関連プラグイン15選 iPhone等のWebアプリをHTML5で構築する為のフレームワーク・Sencha Touchを触ってみた スマホアプリ開発者ならブクマしておきたい一品です。 Googl
Webサイトのフッター２００個とフッターデザインの考え
フッターの美学。 そんな素敵サイトを紹介しようといくつかチョイスしていたら海外ブログのDWSが「The 200 best footers on the web」なんていう化け物エントリーをさらっと出してきたもんだから驚きだ。 しかもクオリティもめちゃ高い。 なので今回はこのエントリーを紹介して終わろうかなって・・・。 参考までにネタ帳が好きなフッターを７つほど紹介します。 たま、フッターまとめサイトの楽しみ方も一応書いておきます。 以下からどうぞ。 すばらしいフッターデザイン２００ The 200 best footers on the web « Web Design Shock もはやひとつのショーケースというか一冊の本になってもおかしくないクオリティの記事です。 ご堪能あれ！ 中でもネタ帳がお気に入りのフッター７つ Tomáš Pojeta | kreativní grafik ここ
OSを選ばないウェブデザイナーのための使えるウェブアプリ15
OSがWindowsであろうと、ubuntuであろうと、共通のサービスを受けることができるのがウェブアプリケーションです。 ウェブデザイナーの中には、自宅ですでにubuntuを利用している人も多い。また、Mac、Windowsと、各自それぞれの使いやすい物を利用していると思います。 今回はこうしたウェブ開発を仕事としている人が利用しそうなツールをまとめてみたいと思います。 スケジュール管理 Googleカレンダー もはや説明不要のスケジュール管理システム。 ドラッグによる複数日数のスケジュール投稿は、なにかと連日作業になるウェブ製作にぴったり。 また、タスク管理も結合されたため、細かい作業などの記入も可能。なにより複数人での予定の共有もできるのが便利です。 メール Gmail もう使っている人も多数いるかもしれませんが、Googleが提供するGmailはかなり強烈なアプリケーションです。
今日から現場で使えるjQueryのフォーム関連プラグイン15選
Webサイト制作で欠かせないのがフォーム。 これらは購入時や、お問い合わせ、ログインと言ったパーツで良く使われます。 今回はそんなフォームにスポットを当てて、なるべく使いやすく、導入しやすいものをご紹介いたします。 ただし、あくまでもjQueryプラグインのご紹介なので、よくわからないと言う方は華麗にスルーしてください。細かい導入方法までは説明しません。 機能性重視プラグイン In-Field Labels jQuery Plugin フォームの中に入っている文字がオンクリックでうっすらと消えていくプラグイン。 なかなかいい感じ。 Create a Progress Bar With Javascript | Nettuts+ demo シームレスにフォームの内容を変え、さらにどれくらい進んでいるかが％で確認できる。 overset - jVal - jQuery Form Field V
TwitterやTumblrに情報を安売りしすぎる人々
ウェブは今、更新するための更新コストが減少し、その対価として更新する手間が今までお金になっていたのですが、それを投げ捨てている形になってきている。 私はこれまで「ブログ」を書き続け、そしてブロガーと呼ばれるようになった。 それ以前は、htmlのみで動的なものはなく、ひたすら更新し、ページをつくり、ウェブサイトを作ってきた。 底辺の話をしますが、ウェブには、更新＝価値というものが付き物で、更新することで、多少なりともマネタイズできます。 今回はこうしたマネタイズを放棄している現状を訴えたい。 マネタイズできる可能性を放棄している人々 かのしょこたんがツイッターを始めたが、一瞬でブログに戻りました。 理由は様々な憶測が語られているけど、しょこたんにとって、ツイッターもブログも更新する手間隙に大差が無い。 しょこたんクラスになると一日に２００回くらい余裕で更新できます。さらに全部写真付で更新出来
マナーを守っても不快なメールの書き方はダメよ
マナーのあるメールの書き方 | キャリワカ：コミュニケーション | nikkei BPnet 〈日経BPネット〉 こちらの記事にて、西出博子氏の驚くべき内容のちょっと適当に作ったと思われるマナーが掲載されていた。 よりによって日経がこんな記事を出すとは思わなかったけど。 世の中の人がコレを万が一参考にしたために、大事な取引がお流れにならないかとハラハラしたので、一言だけ言わせて貰いたい。 怒るっていうのはよほどの事 Sさん：先日、お客様から「おたくの会社はメールの書き方もしらないのか」とのお叱りを受けました。先生、このメールのどこがいけないのでしょうか？ 冒頭から始まり、メール本文が以下。 From: aaaaa@bbbbb.cc.jp Subject: 広告の件 Date: 2010年 3月 17日 9:24:20 JST To: saiton@ccccc.dd.jp 斉藤さま 拝啓 お
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
