ものっすごい簡単にGoogleマップAPIを操作出来るjQueryGoogleMAPプラグイン
タイトルで全部言っちゃってる気がしないではないですが、WebサイトにGoogleMAPを設置して、色々と簡単にAPIを叩けるプラグインです。 ちなみにこの記事の為にこのjQueryプラグインを読み込むなんてことはしておりませんので、説明で使用しているMAPは全てキャプチャー画像です。本来なら、ぐりぐりと拡大縮小出来るあのMAPを貼り付ける事が出来ます。気になる方は、最後に紹介するチュートリアルページをご覧になっていただければ、わかると思います。 まずは呼び出し 基本の呼び出し。 まずはページのどっかに書いて読み込みましょう。 <script src="javascripts/jquery.js"></script> <script type="text/javascript" src="//www.google.fr/jsapi"></script> <script type="text/
高機能ファイルアップロードjQueryプラグイン｜ドラッグ＆ドロップ、プログレスバー、オーディオ、ビデオ、各種ファイルサポート対応
高機能で美しい インターフェイスはやはり2015年度版という感じはしますが、UIはある程度設定で変更出来ます。インターフェイスデザインは5年たったらがらりと流行りが変わるので便利かもしれませんね。 ドラッグ&ドロップサポート もちろん普通にアップロードする事も可能ですが、それ以外にドロップアンドドロップにも対応しているという事です。 同時に複数のファイルをアップロード可能 幾つかのファイルを同時にアップすることが出来ます。先にアップロードするファイルを選び、一斉アップロードも出来ますし、一つ一つアップロードすることも可能です。 対応デスクトップブラウザ まさかのIE6から対応。 Google ChromeApple Safari 4.0+Mozilla Firefox 3.0+Opera 11.0+Microsoft Internet Explorer 6.0+ 対応モバイルブラウザ Ap
見ているだけでデザインの参考になりそうな無料で使えるHTML5Webサイトテンプレート
ボリュームがあり、かつクオリティの高いHTML5Webサイトテンプレートが25個紹介されていたのでシェア。 眺めているだけでも参考になりそうなテンプレート集 実際に見ているだけでも素晴らしい。とくに最初に紹介されているFlatfyはあっちではかなり利用されている黄金パターンを採用し、かつ使いやすいのが特徴的。 1. Flatfy WordPressプレミアムでもよく見かける形のもはや海外オーソドックススタイル。 この25個の中でも最も美しいデザインとして紹介されています。テンプレートはBootstrapフレームワーク、HTML5、CSS3、そしてjQueryを駆使して作られています。 2. Yebo – Flat HTML5 CSS3 Template 彼、ピーターは無料でダウンロードできるいくつかの美しいHTML5のWebテンプレートを開発しています。これはモダンかつエレガントに見える、
「早起き苦手」と「ブログ書けない」と「部屋が汚い」人の似ているところ
というわけでですね、別に早起きしてくださいっていう記事ではないので安心して読み進めてください。 2007年からブログを書いていると、よく聞かれる質問の中に、ブログが書けないっていう事がよくあげられるんですけど、大体この手の質問は、早起きが出来ない根本的な理由と似ているわけです。 「早起きが苦手」のほとんどは苦手ではない 一応、人それぞれ得意とする活動タイムがあるという研究結果が出ているので、最近話題の朝活が万人に受け入れられるものではないという事は事実です。昼活、夜活のほうが、はるかに高い集中力を発揮することが出来る人もいるので安心してください。 それも踏まえてあえて言いますが「私、早起きが苦手」という方。 大体この手の言い訳をする人の多くは、朝早起きが苦手ではないのです。 早起きが苦手じゃなくて、夜の早寝が苦手なんです。 もっと言い換えると、夜の早寝のための時間管理が出来ないんです。 も
なんでもっと早く使わなかったんだと後悔したChrome拡張５つ（ブロガーとして）
今回はChromeExtensionを５つのご紹介。正確には以前に１個紹介しているので４つかな。 たった4つかというのもありますが、あんまり拡張するのが好きではないのもあり、入れてもすぐ消す癖があって、本当に便利なもの、もしくはよく使うものしか基本的に追加してません。ただこれ、「職業ブロガー」っていうところに恐らく焦点が合わさっていますので、さきにご了承願います！ 以前書いた記事でもそうなんですけど、かなり消してますね・・・ 私が厳選して愛用するGoogleChromeエクステンション12個＋消した奴36個 是非まだ入れてないって人は使ってみてください。 使えば使うほど味が出る超便利エクステンション とりあえず今回紹介する4つはこちら。 他のやつはド定番なので紹介の必要が無いかと判断したりなんだりです。 １）ato-ichinen ダウンロード とりあえず「１」と書かれたアイコン。押してお
結局伝わらなければ、どれほど頭が良かろうと知識があろうと意味が無いという話
以前地球誕生の歴史について記事を書いたことがあります。 このきっかけとなったのは娘の何気ない質問「あの山、どうして高いの？山ってなんでできるの？」という好奇心でした。セミナーでも笑い話としてお話しました。 山について調べるには地球誕生の歴史から知る必要があり、1週間かけて調べました。その結果、娘にそこから話すとなると、「ふ～んよくわかんないや」という結果になったのです。 さて、これは大きな敗北であり、どれほどの知識を詰め込もうと、それを伝えられなければ何の意味もないということです。実はこの話には続きがありまして、私がこの後、いかにして娘に「あの山の存在」をキチンと伝えることができたのかをお話致します。 キーワードは「つかみ」 人とのコミュニケーションにおいて、入り口、いわゆる「つかみ」というものが重要だと私は考えています。 「つかみ」とは、こちらの話しを相手に聞いてもらうためのはじめのきっ
Youtubeを使って超カンタンにCMをサクッと作る方法
１）Youtubeアカウントを取得 http://www.youtube.com/ Youtubeでアカウントを作りましょう。 これで動画を作成する準備は整いました。 ２）スライドショーを選択 画面上部にあるアップロードを選択して、スライドショーを選びます。 今回作成した動画にちょっとだけ心残りがあるとすれば、16:9のアスペクト比ではつくってありますが、画像サイズを1920×1080にしなかったことで、若干テキストが荒れてしまいました。反省。 もし高画質を望むなら解像度は1920×1080でアップするといいかもしれません。 ここでは、写真をアップロードを選択することで、写真をアップしていけます。 ３）後はポロポロと送信 ちなみに、テキスト画像と、写真画像を交互に送信すればそれらしくなります。 ４）動画編集 写真をアップし終えたら次へボタンを押すと、動画編集画面になります。 右側にはサウン
今更現場では聞けないWebデザインのトレンド「フラットデザイン」とは？*ホームページを作る人のネタ帳
Webデザインの分野では、2012年半ばより、フラットデザイン化の流れが止まらない。 Webデザインにおける2013年のトレンドは？と聞かれれば、間違いなく多くのデザイナーが「フラットデザイン」と答えるでしょう。 Windows8におけるメトロUIが、代表的なフラットデザインとなっていますが、 iOS 7ではUIとアイコンデザインを一新? "フラット化"が進む - 海外報道でもふれられている通り、Appleまでもがフラット化の道をたどっているのではないかという噂まであります。 そんなわけで今回はトレンド「フラットデザイン」についておさらいして行きましょう。 フラットデザインとは？ 一応定義があるわけではないのですが、指標のようなものはあります。 従来のように影や装飾などで、立体的なWebデザインを行うものと対照的に、装飾や影などを極限まで省き、平面デザインにすることです。 ポイントはいくつ
今年もっとも切り口に嫉妬したエントリー20個
＠yamada_nt です。 「今年」という大枠で紹介したいと考えてはいますが、やはり記憶は新しい記事のほうが印象に残っているケースが多く、すこし偏りがちになりそうな気もします。来年はEvernoteにもっとぶっこんでいこうと心の中で反省している限りです。 ただ今回はですね、記事自体が訴えかける情報が素晴らしいという内容ではないです。 私がこの記事の切り口が素晴らしいと「感じた」部分を表にだして書いていきますので、その時私が何を思ったのかを見てもらうイメージですね。 それではガンガン行きましょう。 今年これだけは読んどけっていうネタ帳のおすすめ セミプロブロガーの憂鬱：#01 プロブロガーの「プロ」には二つある そうかそんな手があったか！となんとなくやられた感のある記事。 憂鬱→解決のヒントを繰り返し連載しはじめたこの「セミプロブロガーの憂鬱」シリーズ。ターゲットも明確で、プロまで目指した
あなたのプレゼンを成功に導くリハーサル方法
セミナーや講演等、たまに行うわけですが、講演で気をつけている点をまとめてみようかと思います。 また、プレゼンなんかをする方にも同じ事が言える部分もあるかなと。 実際に3年半ほど、毎日ひたすら講演し続けるお師匠の元、北海道をぐーぐるぐる回る仕事をしていまして、その時に色々教わっていたことが、今になって役に立つことになるとは、人生とはわからないものです。 プレゼンの勝負は始まる前に既についている ブログと違って講演やセミナーの場合、プレゼンする前に既に勝負がついているわけですね。 当日は開始前にもう終わってるんです。 色んな仕事は「段取り八分」という言葉があるように、ほとんどの作業は開始前の8割の段取りが勝負を決めるますが、「講演はもう段取り十分」といってもいんじゃないかなと。 なので、プレゼン中はもはやお客さんと楽しむしかすることがない状態になるわけです。 ここかなり重要だと思ってるんですよ
レスポンシブWebデザインはブームではない
スマホ表示がFC2のデフォルトテンプレート使ってるような私にいわれたかないでしょうが、あくまでも使ってるユーザー側の視点として考えてもらえると嬉しいなと。 決して軽くするのが目的ではない 基本的にCSSでもじょもじょしているわけですから、例えばPC表示でサイドバーに画像があり、その領域をスマホに最適化する為に全て排除したとしても、見えないだけで読み込んでは居るわけですね。 Ethan Marcotte（イーサン・マルコッテ）氏が考案したレスポンシブWebデザインが生まれたのは2010年の5月。読み込みサイズに関してはやはり海外でも色々と議論されているわけでして、なかなかどうして大変ですねと。 そこから1年くらいたったあたりから日本にも広がりつつあります。 広がった理由はとてつもなく単純でして、PC表示、小型のスマホ、タブレットなど、様々なデバイスサイズに対応するために、全て1からCSSを書
副収入としてアフィリエイトやブログで稼ぐ為の17のルール
2012年版って事で。 とにかくとことんブログのアフィリエイトで稼ぎたいという人へ向けたルールというかノウハウです。 全部出しきるよ。長いよ。 ※2016/2/25追記 マイナンバー制度の導入で下記方法で提出しても会社にバレるかもしれませんので自己責任でお願いします。絶対にバレる、というものでもないですが、特定の場合にバレる場合があると予測されます。 https://biz.moneyforward.com/mynumber/basic/my-number-side-business/ 現実的な問題にぶち当たっている人は多い ちなみに私はアフィリエイターではない。極たまに気に入った商品やアプリを紹介したときに、アフィリエイトを利用しますが、それ以外は基本は書きたいことを書くだけです。それでも十分に生活できるだけの収益はあります。 どちらかというと書きたいことの中に、商品が絡む場合のみ登場す
【動画】地球誕生の歴史が壮大過ぎて日々のストレスとは何だったのかと思える*ホームページを作る人のネタ帳
私は勉強が嫌いでしたが、自分が気になったことだけは調べずにいられない性格です。よく娘にもなんでそんな下らないことを調べるのとか言われます。けど世の中を見渡してみると、多くのコンテンツとは別に誰も気にしないようなことを調べたり予測したり、証明したり仮説だったりと、知的好奇心をくすぐられるものがたくさんありますよね。 例えばどうしてフラミンゴは片足で立つのかとか、そんなレベルの下らない話でも、結果面白いという話は結構ありますよね。疲れるから片足ずつ立つとか色んな説がありますが、寒いから片足をしまうというユニークな説もあります。実際に行ってみればわかりますが、暑い時は両足立してる光景のほうが多いですよね。 つまりやつら、寒いくせに水辺からは出ないという小話に使わられたりします。 こんな性格の為、娘も気になることがあればとりあえず聞いてきます。 ある日高速道路を娘と走っていると、とんでもない質問が
おさえておきたい昨今のソーシャルゲームの現金回収どころ
ここの所ソーシャルゲームのCMがバンバンはいっていた時代が少しだけ終焉を迎えたイメージはありますが、まだまだソーシャルゲームは「常時小銭が大量にはいる状態」には変わらず、人気ゲームコンテンツとなっています。 理由としてはわざわざPS3、箱といったハード本体を起動する必要がなく、片手にもてるガラケーやスマホを起動するだけで、どこでも参加出来るところが最大のポイントですよね。 今回はこうしたソーシャルゲームのおさえておきたい現金回収のハイライトをおさらいしてみましょう。 いったいどうしてそんなにお金を使うの？ 月に1万はザラですし、稀に月10万と言う人もいます。 月にというか、使ってしまう人は1日に10万くらい使って、後悔する人もいます。 一般的な人でも月に5000円ならそこに全力でお金を使う人もいます。（なぜ5000円なのかは後で記述） おそらくソーシャルゲームなんていうものを、一度も使った
5大人気オンラインフォトエディタ。無料で画像編集が出来るWebサービス達
今回は人気の画像編集Webサービスのご紹介。 ビジネスシーンにおけるphotoshop加工の無限の可能性は否定できないが、勉強にかかるコストは馬鹿にできない。しかし、そんな細かい加工や補正も、ワンクリックで行える時代は既に来ている。そんな無料のWebサービスをお探しの方に是非読んで欲しい。 もはや無料でここまでできんのかという話ですよ・・・。 画像編集をネットでいつでもどこでも Photoshop Express Photoshop Express Editor | Photoshop.com 一時期は英語しかなく、ユーザー登録が必要だったためえらい敬遠されてたサービスですが、そのどちらの問題も解決され、人気サービスの一つに。 覆い焼きツールと焼き込みツールといった痒いところに手が届く機能。自動補正に関しては一般的な写真でも綺麗にしてくれるため人気が高い。ただし、さすがはphotoshop
顧客とつながるコトラー流3つのニーズとWeb戦略の基本
マーケティングの「マ」です。いわゆる基本という意味合いです。 といっても、私が新人Webディレクターに教えてたマーケティングの必要性の部分なので、上級者はあんまり役に立たないんじゃないかなぁと思います。 コトラーの「商品購買欲」に関する3つの「欲しい」があります。 needs（ニーズ）desire（欲求）demand（需要） ニーズとは 具体的な欲求ではなく、漠然とした願い。 「お腹がすいたのでなにか食べたい」「喉が渇いたのでなにか飲みたい」「机の周りが散らかっているので整理できるものが欲しい」といった何かをしたいという衝動。 欲求とは ニーズがさらに具体的なものに変わったもの。 「お腹すいたけど今日はラーメンが食べたい」「喉が渇いたのでコーラが飲みたい」「机の周りが散らかっているので、小さな棚が欲しい」といった、何か漠然としたものから、その物やサービスに対する具体的な要求が発生したもの。
成功しているWebデザインの重要な要素
まれにWebサイトを設計する上で、意外と軽視されがちというか、深く考えずにずらずらとコンテンツが横並びされるパーツ。それが『メニューバー』です。今朝色々と見て回っていたら、あぁ確かにと思った記事があったので、今回はメニューバーに焦点を当ててみようかと。 メニューバーの２つの役割 Important Elements of a Successful Web Page Design （成功したWebページデザインの重要な要素） この記事をみてはっと昔を思い出した訳です。 10年前にさかのぼると、私も結構いい加減な仕事をしていた時期がありました。 というのも、私のWeb制作は全て独学であり、学校ではCADを教わったくらいで・・・。 WindowsPCを買ったのは18歳で、そこからネットにはまり、本屋をあさって学んだ訳です。そのころのネット接続といえば従量制だったので、ネットで気軽に調べるなんて事
無料で使える単一ページの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
「官邸ホームページ」が高いという人はある意味普通かなと
なんだろ。一点だけ腑に落ちないモヤモヤとしたものがあったので、その一点だけ吐き出してすっきりしないと集中できなくなってしまったので書く。 事の発端はこれね。 首相官邸ホームページ、４５００万円かけリニューアル - MSN産経ニュース とりあえず価格の高い安いについてはなんも思っていない 私の意見としては、本当に4500万かける必要があったのか？ コストパフォーマンスどうなってんのか？あたりをツイッターでつぶやいた感じ。値段たけーよとはおもってはない。 多分色々と情報を整理してすっきりさせようと考えて、あれこれやるとこんくらいかかってもおかしく無いとも言えますし。 ただ「あれを高いだろ、安くできんだろ」という意見を見て、あぁそういう意見もあんのかと考えていた。 そこに以下の記事。 「官邸ホームページ」のdis記事に思うこと | おごちゃんの雑文 あれを「高い」と言うのは、まぁ自分の感覚と合わ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://e0166nt.com/blog-entry-999.html
