Google Maps 入門
Google マップはグーグルが提供している地図サービスです。この Google マップをカスタマイズして独自のマーカーを表示させたり、指定した区間のルート検索を行ったりすることができるように色々な API が提供されています。ここでは Google マップで提供されている API の中でもウェブサイトで利用者が操作可能な地図をカスタマイズして表示することができる Google Maps JavaScript API の使い方の解説します。 ※ Google マップを利用者として使う場合の使い方については「Googleマップの使い方」を参照されて下さい。 なお JavaScript の基本的な使い方については「JavaScript入門」を参照されてください。
Beginner's Guide：Webサービスの基礎知識 (1/7) - ITmedia エンタープライズ
Webサービスは、コンピュータ同士を直接結んでリモートリソースにアクセスする方法の1つである。本稿では、SOAPやWS-*規格群など、Webサービスの基礎知識をまとめた。 物理的に離れたコンピュータのプログラム間で情報を交換できることは、今日の企業における標準的な要件の1つだ。そしてリモートリソースへの最も一般的なアクセス方法が、HTTPによるサーバからクライアントへのHTMLファイルの転送、要するにWebサイトである。こうした情報伝達のやり方が功を奏している理由は、シンプルで身近に利用できるテクノロジーと標準規格が使われている点にある。しかし、Webサイトには根本的な限界がある。Webページの情報を理解できるのは人間だけで、コンピュータにはそれができないことだ。 Webサービスは、コンピュータ同士を直接結んでリモートリソースにアクセスする方法の1つである。本稿では、SOAPのような基本的
Google Analyticsのちょっとしたテクニック : LINE Corporation ディレクターブログ
こちらデイリー４コマ編集部です。 今回はGoogle Analyticsを利用したクリックカウントの取り方におけるちょっとしたコツについてお話ししたいと思います。 Google Analyticsはページ内に集計用のコードを貼り付けるだけで、業務用としても耐えられる、様々なアクセス解析できる優れもののツールではありますが、ただそれだけでは少々もったいないです。一つの機能としてクリックカウントを使ってみましょう。 例えば <a href="http://www.livedoor.com/">livedoor</a> というリンクがあったとします。このリンクが果たしてどれだけクリックされているかを知るために、以下のようにリンクに細工を施します。 <a href="http://www.livedoor.com/" onClick="javascript:urchinTracker('/live
エクセルのデータを見やすくする5つの簡単なテクニック | コリス
Chandoo.orgのエントリーから、条件付き書式を利用して、エクセルのデータを見やすくする5つのテクニックを紹介します。 Learn Cool Microsoft Excel Conditional Formatting Tricks テーブルの横列・縦列をハイライト 条件付き書式を使用したガントチャート セル内に配置するグラフ ミスやエラー・データ欠落などのハイライト表示 直感的に把握できるデータテーブル [ad#ad-2] エクセルデータは、Chandoo.orgのエントリーの一番下からダウンロードできます。 テーブルの横列・縦列をハイライト テーブルのデータを見やすくするために、横列・縦列を交互にハイライト表示にします。 ハイライトにするテーブル全体を選択します。 メニューより、[書式] - [条件付き書式] を選択。 「数式」を選択し、「=MOD(ROW(),2)=0」を入力し
検索エンジン3社、正しいサイトURLを認識させるcanonical属性を導入（URLの正規化） ::SEM R (#SEMR)
検索エンジン3社、正しいサイトURLを認識させるcanonical属性を導入（URLの正規化） Google、Yahoo!、Microsoft3社が rel="canonical" （正規化、canonicalization ）をサポート。クローラが適切な（canonical）サイトを見つける手がかりに。rel="canonical" はページの head の中に記述すること。 公開日時：2009年02月13日 15:37 Google、Yahoo!、Microsoftの3社は2009年2月12日、共同で新しいタグ「 rel="canonical"」のサポートを開始した。rel="canonical"（属性）は、検索エンジンに正しいサイトのURLを認識(正規化、canonicalization）させるために使用される。 同じサイト（ドメイン）でも、たとえば www.sem-r.com、se
文章を綺麗に見せる九つのテクニック。 - Something Orange
This domain may be for sale!
読まれる記事を書くために、文章技術よりもはるかに有効なこと - 分裂勘違い君劇場 by ふろむだ
ブログ記事をより多くの方に読んでいただくために、 小手先の文章テクニックや 場当たり的なアクセス稼ぎテクニックなどよりも はるかに効果のあること があると思います。 それは、経営戦略の基本中の基本である、需給バランスに徹底的にこだわることです。 すなわち、需要があるのに供給が不足している記事を書くのです。 本来、「需要があるのに供給が不足している」というのは異常な状態です。 なぜなら、みんなが読みたがっているのに、誰も書いていない記事を書けば、たくさんの読者を獲得できるのは明らかだから、そういう記事は瞬く間にたくさんのブロガーに書かれ、需給はすぐにバランスしてしまうはずだから、 そんな状態は、本来アリエナイはずだからです。 したがって、「需要があるのに供給が不足している」という異常な状態は、 なにか「供給を阻害している要因」がある場合にしか生じません。 なので、取るべき戦略は、 記事の供給
エンジニアがタイトル買い、著者買いすべき本 - Fight the Future
著者買いすべき本！ ファウラー、ジョエルは知名度もあり、改めて僕がどうこう紹介する必要はないと思うけど、ここではスティーブ・マコネルを特に推したい。 読んだ人には非常に高い評価を得ているけれど、その分厚さや価格もあってなかなか広まっていない。 特にCode Completeはすべてのエンジニアが必ず読むべき本だと思ってる。 これを読んで理解する／しないが(職業プログラマとしての)初級と中級の境界だと言えるくらい。 タイトルにはCodeとあるけど、別にコーディングをターゲットにした本ではない。 設計、テストも含めてコーディングを考えている。当たり前だがコーディングだけではコーディングはできないからだ。 上下巻1,200ページの大作だし、2冊で12,000円だがその価値は大いにある。 スティーブ・マコネル ソフトウェア見積り―人月の暗黙知を解き明かす 作者: スティーブマコネル,久手堅憲之,S
無料で読めるLinux本ベスト20 - YAMDAS現更新履歴
20 of the Best Free Linux Books - Part 1 - LinuxLinks News 最近では書籍がウェブに無料公開されることも珍しくなく、オープンソース関係だとそれが顕著なわけだが、その中から20冊チョイスされている。 Ubuntu Pocket Guide and Reference Two Bits (asin:0822342642) クリエイティブ・コモンズな本たちと来るべきイベントの話 The Linux Starter Pack The Easiest Linux Guide You'll Ever Read Producing Open Source Software (asin:0596007590) オープンソースソフトウェアの育て方（6月書籍版刊行予定） Introduction to Linux (asin:1596821124) Ba
Free Programming Books
Here is an uncategorized list of online programming books available for free download. The books cover all major programming languages: Ada, Assembly, Basic, C, C#, C++, CGI, JavaScript, Perl, Delphi, Pascal, Haskell, Java, Lisp, PHP, Prolog, Python, Ruby, as well as some other languages, game programming, and software engineering. The books are in various formats for online reading or downloading
SEO業者からの営業電話対応マニュアル | 京都のSEOコンサルタント松尾茂起のブログ
SEO業者からの営業電話対応マニュアル:京都のSEOコンサルタント松尾茂起のブログ 京都のSEOコンサルタント松尾茂起のブログTOP > > SEO業者からの営業電話対応マニュアル 「SEO業者」という言葉が「SEO会社」より使われている気がする昨今。 なぜ「web制作会社」は「web制作業者」ではないのか。 「業者」と「会社」という、二つの言葉の間に隠された社会の謎を解明する、京都のSEOコンサルタント松尾です。 いきなりですが、先週、他社SEO業者さんからの電話がかかってきました。 その営業さんの語り口調がなかなか流暢で、一時、メールのやりとりをする仲となりました。 ただ、サービスの詳細を聞いたところ、自社と属性が合わなかったので導入を辞めましたが、営業担当の人に対して「おおっ」と思ったのは久々かもしれません。 そんなことがあり、今回は「SEO業者の営業電話対応マニュアル」を取り上げて
「売り方」の構造が変わる――WebPRの台頭
企業の情報発信手段として、Webを積極的に使って消費者に正しい情報を伝える「WebPR」が脚光を浴びている。マスメディアの活用に代わる企業の選択肢になりつつあるWebPRの仕掛け方を6回にわたってお届けする。 4マス広告に対する企業の依存度が弱まる中、広告・販売促進の手法としてWebを使う企業が増加の一途にある。その中でひときわ注目を集めているのが、インターネットを軸としたPR活動である「WebPR」だ。 WebPRとは、企業と消費者の間に介在するニュースサイトやブログなどの第三者（メディア）を通じて戦略的に情報を発信することを指す。メールマガジンやバナー広告など、企業から消費者に向けて直接的に提供する情報発信とは異なった立ち位置を取る。 本稿ではWebPRに対する企業の関心が高まっている背景やWebPRの実践的な手法について、具体的な事例も踏まえながら、6回にわたって解説する。 なぜ、今
デザイナーのためのロゴデザインのチュートリアル&素材45+ – creamu
97412913, iStockphoto/ Thinkstock よりよいロゴをデザインしたい。 そんなときに参考になるのが、『45+ Beautiful Logo Design Tutorials and Resources for Designers』。デザイナーのためのロゴデザインのチュートリアル&素材集です。 いい感じのものが揃っていますね。 3D Logo Tutorial illustratorとPhotoshopを併用して3Dのロゴを作るチュートリアル Logo Design Project Step By Step Walkthrough コンセプトメイキングから実制作までを解説した記事 Design a Grungy Circular Logo 円形でグランジのテクスチャ感のあるロゴの作り方 Step By Step Logo スケッチからロゴを作るまでのチュートリアル
すごくユニークで真似したくなるような404ページデザイン３７選*二十歳街道まっしぐら（FC2ブログ時代）
サイトやブログには、ページが存在しないことを示す「404」というページがあります。 リンクを開いたら「ファイルがみつかりません」ってなるやつがそれです。 味気ない404ページもあれば、ユニークにデザインされたものもあったりします。 以下の記事を参考にして、面白いなー、上手だなーと思った404ページを以下に紹介します。 ・70 Unique Examples Of 404 Error Pages For Your Inspiration ・404 Error Pages: Reloaded ・50 Examples of Creative 404 – Page Not Found Pages ・50 Creative and Inspiring 404 Pages ・14 funny yet creative 404 error pages ・49 Nice And Creative Err
紙がやぶれた感じの画像をFireworksで再現してみる - F.Ko-Jiの「一秒後は未来」
紙がやぶれた感じを表現するPhotoshopチュートリアルいろいろ – DesignWalkerにて紹介されていたテクニック集のうち、最初のPhotoshop Page Tear | AdrianHerritt.comで解説されている方法を、Fireworksで再現してみました。 練習なので下手くそですが、 ↑この画像が、 ↑こんな感じになります。なんとなくそれっぽいですよね。 では、やってみましょう ↑なげなわツールで適当にギザギザをつけて選択し、カットします。 ↑「Ctrl + Shift + I」で選択範囲を反転させます。 ↑右クリックして「コピーして新規ビットマップにする」を選びます。ビットマップが2個になります。 ↑再びなげなわツールで紙の切れ端部分を選択します。 ↑「コピーして新規ビットマップにする」を実行します。ビットマップが3個になります。 ↑「フィルタ > カラー調整 >
jQuery を高速に使う CSS セレクタの書き方 - てっく煮ブログ
JavaScriptjQuery は CSS セレクタで要素を選んで処理できるのが魅力的ですね。そんな jQuery ですが、CSS セレクタの書き方次第で速度が大幅に変わってきます。ここでは jQuery の内部処理を疑似コードで示しつつ、jQuery を高速に使うためのポイントを５つに絞って紹介します。何度も同じセレクタを実行しないクラスだけを指定するのは禁止#id を積極的に使う途中までの結果を再利用する子供セレクタ(>)を使うと速くなることがある※ この記事は jQuery 1.2.6 のソースコードを元に記述しています1. 何度も同じセレクタを実行しない改善前 // 例題 1 $("div.foo").addClass("bar"); $("div.foo").css("background", "#ffffff"); $("div.foo").click(function(){
『Dropbox』がダウンしたら生きて行けない人に送るサバイバルガイド | ライフハッカー・ジャパン
Lifehacker編集部 御中 私は自他共に認める『Dropbox』愛好家なので、Dropboxがないと、上手く日々の生活を生き抜けない気がしているのですが、そんな私に不幸な事件が起こりました。Dropboxが今朝、しばらく使用不可能な状態となったのです。もちろん、その間ファイル同期やファイル共有は出来ませんでした。Dropboxがダウンした場合に出来ること、ダウンに備えて出来ることなどがあれば、教えて頂きたいです。 よろしくお願いします。 Dropboxにいっそのこと同期されたい読者 より Dropboxに同期されたい読者 様へ お便りありがとうございます。クラウドコンピューティングを手放しで愛せない大きな理由の一つが、サーバダウンなどで使えないといった、不都合の生じる可能性が常につきまとうこと。先日、Dropboxがダウンし、じきに復旧しましたが、不安定な状態はしばらく続いていました
スタートアップ企業で8年間Webの開発をしてみての反省点いろいろ - Masatomo Nakano Blog
2002年、当時設立したばかりの会社に入り、何もない状態から、コンテンツとシステムを作り続け8年が経った。日々、試行錯誤しながら、それなりに会社も大きくなり、まだ、大成功とは言えないけど、それなりにうまくやってきたつもりだ。 しかしながら、その8年という短くはない時間の中で、色々な課題や問題が発生し、その時々正しい選択をしてきたつもりだったけど、反省点も多い。もう一度スタートアップに参加するとしたら、やり直したいところや、もっと早くこうしていれば良かったというところがたくさんある。 そんなわけで、次の挑戦のときに忘れないように、また、もしかして誰かの参考くらいになればと思い、メモっておくことにした。1 まず、反省点の前に、何をやっているのかというのを簡単に。 ビジネスとしては、英語e-learningのWebサービス(ネットを使った英語のお勉強)をASPな形で、企業や大学などに提供している
jQuery Mobileのアルファ版がリリース:phpspot開発日誌
jQuery Mobile | jQuery Mobile jQuery Mobileのアルファ版がリリースされました。 ボタンやフォーム要素、リスト、UIなどのコンポーネント要素が最初から入っており、スマートフォン向けのスマートなサイト作成が簡単に、jQueryベースで実現できます。 iOSやAndroidの他主要なスマートフォンのOSで動くことが想定されており、クロスプラットフォームで動作するリッチなサイトを作りたい場合のフレームワークとしては大注目ではないでしょうか。 デモページではリッチなコンポーネントが多数確認できます。 JSフレームワークではjQueryがシェアを独占してしまった感がありますが、スマートフォン用サイトのフレームワークでもjQueryがシェアを握ってしまうのでしょうか。 関連エントリ これは注目のHTML5を使ったモバイルアプリケーション構築用フレームワーク「Se
名刺のユーザビリティ - Trans
うちの会社が名刺をあまり管理できていなかったので、名刺をデータベース化するために延々とOCRで読み込む作業をたまにしています。 かっこいい名刺のデザインなんちゃらというエントリーは定期的にはてブに上がるわけですが、だいたいそういう名刺はOCRでちゃんと読み込んでくれません。でも、今はOCRで名刺を管理している人も増えているはずなので、そろそろ名刺のユーザビリティも語られるべきではないかと思うわけです[誰]。 そこで、名刺を延々とOCRで読み込ませて、その正確性をメモするという作業を繰り返した結果、名刺ユーザビリティガイドラインを公開します。 ライティング 当たり前だが、誤字脱字をしない 名刺の間違いを手書きで修正しない（電話番号が変わったからといって、二重線ひいて、新しい番号を書き足すなど） 「TEL・FAX」や「TEL&FAX」を使わない サイトURLは「org」を「orp」と認識しやす
Let's jQuery - ひとりでできるもん - あと味
先週土曜日に、WCAFのイベントでセッションを担当しました。 ターゲットはWebデザイナーとマークアップエンジニアなので、比較的簡単な内容です。 セッション内容をそのまま加筆して記事にすることにします。では、以下、その内容。 jQueryの流行 jQueryは2005年に登場後、瞬く間に広まった、JavaScriptライブラリの雄です。 ひとつ、統計情報を見つけたので紹介します。 403 - Forbidden: Access is denied. この記事の上にある折れ線グラフをご覧ください。グラフにポイントし、右端に移動すると、緑色の線上に37.71%という吹き出しが表示されます。 このグラフはTop10,000サイト中、jQueryを採用しているサイトの割合を表していて、Top10,000サイト中、40%近くがjQueryを採用しているということになります。（統計結果が信用できるかど
第10回 CSS3で自由なボーダーデザインを実現する | gihyo.jp
神は細部に宿る 「おっ」と思わせるようなデザインにするためには「大胆なレイアウトをする」「バランスのよい配色にする」などたくさんの要素がありますが、一見目立たなくてもよいデザインに共通するポイントがあります。それは、「ディテールまでデザインされている」ということです。 近代建築の三大巨匠の一人である「ミース・ファン・デル・ローエ[1]」の言葉だと言われる「神は細部に宿る（God is in the details）」というフレーズがあります。細部にまできめ細かく配慮して作られたものこそ美しく、「細部」が「全体」の完成度に大きな影響を及ぼす、といった考え方を表したものです。 Webデザインにおいても、細部を丁寧にデザインして作り上げていくことがやはり大切。 人がやっていないようなところに手が施されたデザインは、人の目を惹き付けます。 たとえば、画像をボーダーで囲む際に、従来のCS
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
CSS3の3D transformationを使ったすごいサンプル:phpspot開発日誌