よりリアルタイムになったWeb | 波乗りスタッフ日記/Web制作会社サーフボード
こんにちは、営業の東です。 先週の土曜日に開催された、Shibuya.lispというコミュニティのセミナーをUstream.tvで視聴しました。 Shibuya.lispは、Lispというプログラミング言語のコミュニティで、関東を中心に活動しています。私自身は畑違いなので、メンバーとしては登録していないものの、Lisp自体は勉強してるのでもともと興味を持っていました。 講演の大半は、意味がわからず付いていけないので、今回は、第一部の「ふつうのLisp入門」だけ視聴することにしました。 セミナー内容はYouTubeで公開しているようなので、興味のある方は覗いてみてください。 Shibuya.lisp Ustream.tvについて Ustream.tvは、ウェブカメラさえあれば、誰でもライブ配信をすることができるWebサービスです。よく、Ust（ゆーすと）というように略されます。 YouTub
HTML5のcanvas要素を使ってアニメーションを作る | 波乗りスタッフ日記/Web制作会社サーフボード
こんにちは、営業の東です。 前回のcanvasネタだったんですが、今回もcanvasネタですｗ Flashの代替が期待されているHTML5ですが、canvas要素を使うことでFlashのようにアニメーションを作ることができます。 とは言うものの、Flashの代わりに使うには、機能的に足りないし、実装も大変です。 もしかすると、簡単なものはFlashからHTML5 + JavaScriptに置き換わっていくかもしれませんね。 作るアニメーションの見本 canvas要素のアニメーションのサンプルは、世の中的なまだまだ少ないので、検索してもあまり良いものが見つかりません。 Processing.jsのサイトから作るアニメーションの見本を見つけるのがいいですね。 で、今回選んだ見本はこちら。 Processing.js - Basic - easing マウスポインタの位置に向けて、ゆっくりと円が
ウェブサイトに落書きできるようにするブックマークレットを作った | 波乗りスタッフ日記/Web制作会社サーフボード
こんにちは、営業の東です。 今回は、ウェブサイトに落書きできるようにするブックマークレットを作ってみました。 以下のリンクをクリックしたり、お気に入り等に保存すると、好きな時に任意のウェブサイトで落書きができるようになります。（ただしIE未対応） 落書きする 右上に表示される、「落書きをやめる」をクリックすると元に戻ります。 仕様とか技術の話 このように落書きができるようになったのは、HTML5で導入されるcanvas要素があってこそです。 IEは最新バージョンのIE8でも、canvas要素を実装していないですし、ライブラリ（Googleが提供しているExplorerCanvas）で対応したとしても、満足いく処理ができないので、今回は完全に切り捨てました。 Firefoxでもそこそこ動きますが、Safariが最も満足いく動きをしてくれますね。さすが、canvas要素の産みの親といったところ
簡易的に検索エンジンの検索順位を調べるツールを作った | 波乗りスタッフ日記/Web制作会社サーフボード
こんにちは、営業の東です。 先日、GRCという検索順位を測定するツールを社内会議で紹介してもらう機会がありました。 個人的な理由で、Macで使える方がありがたいのと、基本的にWebアプリが好きということで、このブログのネタ用に、簡易的に検索エンジンの検索順位を調べるツールを、自前で実装しました。 ほどほどの難易度だと思って、お盆休みからスタートし、休日と帰ってから少しずつ進めていましたが、結果的にものすごく時間がかかってしまいました。（設計がまずくて何度か書き直したため） ■サイト 検索順位測定ツール ■使った技術 ・JavaScript ・jQuery（Ajaxの処理のみ使用） ・Ext.JS ・YQL ・Google AJAX Search API ・Yahoo!Japan ウェブ検索 API 少し補足します。 開発言語はJavaScriptのみです。JavaScriptの勉強も兼ねて
サーフボード原作のWebマンガのビューアーをjQueryで実装しました | 波乗りスタッフ日記/Web制作会社サーフボード
こんにちは、営業の東です。 先日、サーフボードが原作を担当したWebマンガ「Webディレクター 江口明日香が行く」の連載がスタートしました。 せっかくなので、もう少し見やすいようにjQueryを使って、ビューアーを実装してみました。 以下のページを参考にしました。というかアニメーションの実装は丸写しです。 Create a unique Gallery by using z-index and jQuery | This Blog Use jQuery jQueryを使うと、JavaScriptのコードをフルスクラッチで書くのがすごく楽になるし、圧倒的に開発スピードが向上するのがいいですね。 以下にあるリンクをクリックするか、右クリックでお気に入りに登録すれば、適当なWebページを表示している時に、お気に入りをクリックして、いつでも好きなタイミングでWebマンガが読めます！ （Safari
SimilarSites | 波乗りスタッフ日記/Web制作会社サーフボード
アーカイブ 2013年9月[3] 2013年8月[11] 2013年7月[10] 2013年6月[17] 2013年5月[17] 2013年4月[21] 2013年3月[20] 2013年2月[18] 2013年1月[19] 2012年12月[17] 2012年11月[20] 2012年10月[20] 2012年9月[19] 2012年8月[22] 2012年7月[20] 2012年6月[20] 2012年5月[20] 2012年4月[20] 2012年3月[18] 2012年2月[19] 2012年1月[16] 2011年12月[18] 2011年11月[14] 2011年10月[20] 2011年9月[18] 2011年8月[23] 2011年7月[20] 2011年6月[24] 2011年5月[18] 2011年4月[20] 2011年3月[19] 2011年2月[19] 2011年
Webサイトの高速化について | 波乗りスタッフ日記/Web制作会社サーフボード
こんにちは、営業の東です。 JavaScriptの価値が見直されて、Ajaxが流行り出してから結構な時が過ぎました。 今までPCにソフトウェアをインストールしないとできなかったことが、Webブラウザでできるようになってきています。 当然、インターネットを介して処理を行うわけなので、インストールしたソフトウェアよりも、処理速度は遅いです。その課題を解決するために、各社には自然とWebサイト高速化のノウハウが貯まっています。 最近は、そのノウハウを外部に提供するようになり、Web全体を高速にしようという動きが始まってきています。 Googleの動き つい先日、GoogleがWeb全体を高速化するという目標を掲げ、全世界にその訴えを発表しました。 GoogleがWeb全体のスピードアップにいよいよ本格的に着手, 一社だけではできないと強調 - TechCrunch それ以前の動きとしても、高速で
毒にまみれてる自分 | 波乗りスタッフ日記/Web制作会社サーフボード
先週 ユー・アイふくいに勝間和代さんが来られ、「ビジネスで成功する！7つのフレームワーク」の講演を聞くとこができました。 本も出版をされてますし、テレビにも出ていますので勝間さんに大変興味が あったので参加できてとてもよかったです。 話の内容は もの事を、先人たちがつくりあげたフレームワークを使って合理的に 考えることが大切だということ フレームワークとはレシピのようなもので、知っていれば応用が利き、 フレームワークを超えた考えができる このフレームワークを利用すると物事を判断、認識、決定がとても早く正確に 効率的になるということです。 という内容でした。 実は勝間さんの本をこれまでに2冊を読んだのですが その本ので三毒追放のことが書かれてあり 三毒追放とは、 妬まない、 怒らない、 愚知らない の3つのことです。 ・・・そんなこと私は絶対出来ない、考えてもムーリ・・・と強く感じたことがあ
お手製ランチャーを作る | 波乗りスタッフ日記/Web制作会社サーフボード
こんにちは、営業の東です。今日は、ちょっとしたパソコンのTipsを紹介します。 Windowsのセットアップをするときに必ず行っているのが、「ファイル名を指定して実行」のランチャー化です。 ランチャーというのはlaunch（立ち上げる）という英語が元になっていて、アプリケーションを起動するためのソフトウェアのことをランチャーといいます。 「ファイル名を指定して実行」というのは、Windowsの便利なコマンドで、「Windowsキー + r」を押すと起動して、「calc」と入力すれば電卓、「control」と入力すればコントロールパネル、「excel」と入力すればExcelが起動します。これを拡張してお手製ランチャーを作るというのが、今回の記事の趣旨です。 お手製ランチャーを作る手順 マイドキュメントなどの中に任意のフォルダを作成する。 起動したいアプリケーションやよく開くフォルダやファイル
柄にもなく・・・募金しちゃいました!! | 波乗りスタッフ日記/Web制作会社サーフボード
福井もまたまた雪が降り寒くなったと思ったら、すっかり12月に突入です･･･今年もまたあっという間に過ぎてしまったように思います。 楽しいことも沢山ありました。そんな楽しかった事を少しおすそわけするつもりで、今年は「世界の子どもにワクチンを 日本委員会（JCV）」に募金をしました。 プロ野球福岡ソフトバンクホークスの和田毅投手が一球投げるごとに10本のワクチン、勝利投手になったら20本、完投勝利したら30本、完封を達成したら40本、さらにチームの優勝や個人タイトルを獲得したら、ワクチンの数を増やすという「僕のルール」を作って今でも募金をしているそうです。 「その他にも1,000km走ったらワクチン1本」や「入学者1人につきワクチン5本」「トンネル２ｍでワクチン2本」など、会社ぐるみで寄付を行っている会社が沢山あってエッセイも楽しいです。個人でも「ビール1本のんだらワクチン1本」と決めている人
楽天ショップで衝動買。 | 波乗りスタッフ日記/Web制作会社サーフボード
自宅のPCが再起不能で絶望しているエヘたぬですこんばんは。 今までのデータまで消えている可能性があるので夜も眠れません。 今日はハロウィーン！ということでここだけハロウィン気分です。 トリックオアトリート！ それはさておき、先日リサーチのために楽天サイトをうろうろしていたら、私のツボをものすごくついた物があったので、思わず衝動買いしてしまいました。 そんなツボアイテムがこちら！ ラ・ベルジェのアロマランプ！ 写真は失敗してますが、 実物はとってもかわいいです。 すごくかわいいです。 非常にかわいいです。 +. .+. .+. .+. .+. .+. .+. .+. .+ ラ・ベルジェ http://www.rakuten.co.jp/la-berger/ +. .+. .+. .+. .+. .+. .+. .+. .+. ちょっと高いかな～とサイトを見ていたら、 お手ごろな値段のセットが
iGoogleがさりげなくすごいことになっている | 波乗りスタッフ日記/Web制作会社サーフボード
こんにちは、プログラマの加藤です。 ついさっき知ったんですが、GoogleのサービスであるiGoogleがすごいんです！ わたしが使ってるiGoogleはこちら。 なんの変哲もないiGoogleですね・・・ ここであるおまじないをすると・・・ なんということでしょう！ 上部にあったタブがGoogle Readerみたいな横に表示されるんです！ すごいですねー！！ ちなみに、新インターフェイスにするには、iGoogleを開いた状態でアドレスバーに javascript:_dlsetp('v2=1'); と入力してEnterキーを押してください。 逆に元のインターフェイスに戻すときは、 javascript:_dlsetp('v2=0'); と入力します。 ぜひ試してみてください！
SURFBOARDでサーフボードロゴをつくってみたい | 波乗りスタッフ日記/Web制作会社サーフボード
急に冷えてきたので、秋物・冬ものをひっぱりだすのが大変です。 こんにちはー！ 今日はちょっぴりはまっているFONTPARKというサイトをご紹介。 ------------------------------------------------ フォントパークとは、 「FONTPARK classic」と「FONTPARK 2.0」からなる、モリサワフォントでインタラクティブに遊べるコンテンツです。 フォントパーク http://fontpark.morisawa.co.jp/ ------------------------------------------------ モリサワフォントをつかって、グラフィック作品を作ろう！ というサイトです。 好きなモリサワフォントで、好きな文字を出して、 大きくしたり、小さくしたり、分解したりして何かを作っていきます。 ということで、SURFBOAR
Google 2001で検索してみた | 波乗りスタッフ日記/Web制作会社サーフボード
Google誕生10周年ということで、Googleが2001年度版Googleを期間限定で公開中。 2001年1月当時のインデックスから検索できるというので、早速検索してみました。 ↑当時のGoogle。懐かしい～ んで、早速「サーフボード」と検索・・・ 現在、「サーフボード」というキーワードでインデックスされているサイトは2,000,000件もありますが、当時は9,150件程だったようです。 出た出た！2001年当時のサーフボードTOPページ！ ああ。やっぱり画像とかはアーカイブされてないんだね・・・ でも懐かしやー。 ちなみに、スタッフ紹介のページの写真はけっこうキッチリ残ってました。・・・ああ。若いわ、わたし。 このGoogle2001、10月限定らしいので、青春プレイバックしたいひとは、お早めにっ！ -------------------------------------- 【今
断食やってみたいなぁ | 波乗りスタッフ日記/Web制作会社サーフボード
今日は東京出張に来ています。両国のお客様のところへ打合せに行きました。 お昼はそのビルに２階にある「元気亭」でランチを食べました。 元気亭 http://www.genmaikoso.co.jp/profile/genkitei/ すこやかランチなどの、ランチメニューが何種類があって950～1100円。 玄米食、五分づき米などが選べます。 豆乳スープなども選べて、とっても美味しい自然食です。 写真を撮るのを忘れてしまって残念！ そのお客様と打合せをさせていただく時に、いろいろと健康に関してのためになる話しをお聞きします。 今回は「マーガリン」と「断食」のお話し。 毎朝、食パンに塗るマーガリンはあまり体に良くないらしいです。 できれば、塗らない方がよくて、どうしても塗るならバターがいいとのこと。 そうなんだ・・・私は毎朝、たっぷりマーガリンを塗っていました。 今のマーガリンがなくなったら、バ
歌え！ルーツ飲んでゴー！ | 波乗りスタッフ日記/Web制作会社サーフボード
アーカイブ 2013年9月[3] 2013年8月[11] 2013年7月[10] 2013年6月[17] 2013年5月[17] 2013年4月[21] 2013年3月[20] 2013年2月[18] 2013年1月[19] 2012年12月[17] 2012年11月[20] 2012年10月[20] 2012年9月[19] 2012年8月[22] 2012年7月[20] 2012年6月[20] 2012年5月[20] 2012年4月[20] 2012年3月[18] 2012年2月[19] 2012年1月[16] 2011年12月[18] 2011年11月[14] 2011年10月[20] 2011年9月[18] 2011年8月[23] 2011年7月[20] 2011年6月[24] 2011年5月[18] 2011年4月[20] 2011年3月[19] 2011年2月[19] 2011年
Webビジネスで成功する人の7つの共通点 | 波乗りスタッフ日記/Web制作会社サーフボード
こんちわ！営業のヒガシです！ 今回は月に1回発行しているメールマガジン「サーフボード通信」の6月の内容を紹介します。 13年間Web制作会社の代表として、ECコンサルタントとして活動してきた代表の田嶋が考察した法則なので、個人的にとても参考になりました。 サーフボードの取引先で成功している経営者、Webマスター（Web担当者）を見て、発見した7つの共通点です。 10年20年先を目指して、大きな願望を持っている 10年後に、株式公開や年商10億円、Web部門の分社化といった夢を描いています。夢や願望については、明確でより具体的なイメージを持っています。 年間計画を立て、予算と実績の管理を徹底している 年間を通じて一律の売上ではなく、5月であれば300万円、6月は200万円、7月は350万円といった季節需要と販促計画を綿密に落とし込んでいます。 日々のアクセス数、コンバージョン率、検索順位を記
バグ出しという名の戦場 | 波乗りスタッフ日記/Web制作会社サーフボード
当ブログはスタッフの当番制で運営しているのですが、当番の日にエントリーができないとそれは恐ろしい罰が与えられます。しかし、エントリーが遅れても次の人に指摘される前に遅れた日にち分エントリーを追加すれば罰が回避できるという裏ルールがあります。 前置きが長くなりましたが、まさに今の状況がそれでして、慌てて2日分書いてます。とりあえずこれでセーフです、セーフなんです。 さて、そろそろ本題に。 サーフボードにはWeb制作・プログラム開発の品質管理ツールがあります。 納品前に担当者以外の先入観を持ってないスタッフを各部門から任命し、時間をかけてあらゆる方向からテストを行っています。テスト役（社内では「バグ出し担当」と呼ぶ）に任命されたら、例え自分の仕事があってもテストに充分な時間を投入することがルールで、単純にバグや誤字などを探すだけでなく、ユーザーの立場にたった改善要望などを容赦なくピックアップし
ろくでなしルーキーズがデビューしました！ | 波乗りスタッフ日記/Web制作会社サーフボード
アーカイブ 2013年9月[3] 2013年8月[11] 2013年7月[10] 2013年6月[17] 2013年5月[17] 2013年4月[21] 2013年3月[20] 2013年2月[18] 2013年1月[19] 2012年12月[17] 2012年11月[20] 2012年10月[20] 2012年9月[19] 2012年8月[22] 2012年7月[20] 2012年6月[20] 2012年5月[20] 2012年4月[20] 2012年3月[18] 2012年2月[19] 2012年1月[16] 2011年12月[18] 2011年11月[14] 2011年10月[20] 2011年9月[18] 2011年8月[23] 2011年7月[20] 2011年6月[24] 2011年5月[18] 2011年4月[20] 2011年3月[19] 2011年2月[19] 2011年
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Waveについていろいろ | 波乗りスタッフ日記/Web制作会社サーフボード