700を越えるJavaScriptライブラリを自由に試せるページを作った - 詩と創作・思索のひろば
こちらです ☞ JavaScript Libraries Playground（jQuery 2.1.0 と underscore の例） jQuery や underscore などの JavaScript ライブラリをインタラクティブに試したいとき、最近はブラウザで自分のブログ（ここ）や GitHub など、当該のライブラリがロードされていることを知っているページを開いておもむろに ⎇⌘J（Chrome）！ していたのですがこれは直接的ではないなと思ってそれ専用のページを作った次第です。 冒頭の例にもあるように location.search 部に library[@version],… 形式でライブラリを与えてやればページに <script> 要素が追加されて、あとは開発者コンソールなりでお楽しみください、という仕組みになっています。 cdnjs にはかなり多くのライブラリがホストさ
グーグル、スマホ対応が不適切なサイトの検索順位を引き下げへ
サイトがスマートフォンからの利用に関して何らかの問題を抱えている場合、サイトオーナーに問題解決を促すインセンティブがこのほど登場した。Googleが米国時間6月11日、問題のあるサイトの検索結果の表示順位を下げる計画を発表したのだ。 Googleのモバイル検索チームのプログラマーである加藤義清氏とウェブマスタートレンド担当アナリストを務めるPierre Far氏は、ブログで次のように述べている。「スマートフォンユーザーへの更なる検索体験の向上と、スマートフォン環境での閲覧の支障を減らすため、Googleでは近日中に、誤った設定をおこなっているスマートフォン向けサイトに影響のある、いくつかのランキングの変更を予定しています」 2人はよくある問題の例を以下のようにいくつか紹介している。 デスクトップユーザー向けページを訪れたスマートフォンユーザーをリダイレクトする際、それぞれに対応するスマート
RSSリーダーをFeedlyに変えたら未読がゼロになった話 | ジョナサンブログ
個人的な事だが、最近何かと忙しい日々が続いている。 こんな時は決まって何かが破綻する。 僕の場合、ブログ執筆やRSSリーダー購読の時間が取れなくなったり、タスク管理が上手く回らなくなるなどがそれに当たる。 だが、不思議な事にRSSリーダーはきちんと読めている。むしろ物足りなくて登録フィードを増やしたくらいだ。 今までと何が違うのか？ ひとつだけ言えるのはRSSリーダーをFeedlyに変えた事だ。 Feedly: Your Google Reader, Youtube, Google News, RSS News Reader 15.0.1（無料） カテゴリ：ニュース,エンターテインメント 販売元：DevHD（サイズ：11.4MB） RSSリーダーをひとつの雑誌として考える RSSリーダーのフィード閲覧はスクロールが一般的だが、FeedlyにはStack（スタック）という表示形式
Strikingly - あなただけのウェブサイトを制作するための、最高のウェブビルダー
数分でウェブサイトを制作する ブランドを確立。世界を制覇。 コードはなし 、デザインのスキルも必要ありません。
自鯖に設置してHTML、CSS、JSをブラウザ上で開発して遊べる「Editr」:phpspot開発日誌
Editr - HTML, CSS, JavaScript playground 自鯖に設置してHTML、CSS、JSをブラウザ上で開発して遊べる「Editr」。 いつでもどこでもブラウザがあれば開発ができるスタイルにするための鯖設置型エディタ。 コードハイライト機能がついているため、編集もしやすく、編集結果もすぐ見られるので学習用にもいいかもしれませんね。 関連エントリ Flipboard風エフェクトをブラウザ上で実現するためのjQueryプラグイン「flip」 前ブラウザのブラウザハックまとめ「Browserhacks」 ブラウザサイズに応じてsrcやwidthを置き換えてくれるjQueryプラグイン「Responsive Img」 CSSのブラウザ対応状況が一発で分かる「BrowserSupport」 ブラウザ上での音声再生に使えるシンプルプレイヤー「Audio5js」
素人がそこそこのWebサービスをつくる方法
先日「飲み会版ソーシャルランチをつくってみた」を書いた者です。 上の記事では、僕がつくった「飲活」というサービスの説明が大半で、どうやってつくったのかとか説明が少なかったので、今回はそれについて書いてみようかと思います。 まずは僕についてさらっと。web、スマホアプリ開発の会社に入社。それまで他会社でwebサービス、iPhoneアプリの開発。ガチ文系php、objective-cを基本的な動作を実現させられる程度 （高度なことやるときはコピペだもん！）webサービスのプログラムを書いたり、iPhoneアプリをつくったりしてます好きな女性芸能人はミムラと橋本愛ちゃん。愛ちゃんなんで夜更かししちゃったの！失敗僕は「「飲活」」を作るまでも、iPhoneアプリを開発したり、webサービスのメンテナンスをしたりとプログラミングをしておりました。 なので、プログラミング初心者というわけではありません。
Evernoteの良さがイマイチわからない人への、再チャレンジガイド | ライフハッカー・ジャパン
Evernoteの素晴らしいとよく聞きます。なんでも保存できること、どこからでも使えること、これなしでは生きていけない人がどれほど多いかについてなどです。しかし、私自身何度も試してみたのですが、その良さがわかりませんでした。何を見落としていたのでしょう。話題にすると、何人もの人が「Evernoteにトライしたが、結局しっくりこなかった」と言いました。どうやら私だけではなかったようです。 ただ、Evernoteを絶賛する記事やコメントを読むうちに、もう一度だけ試してみようと思いました。もしあなたもEvernoteの良さがわからない人のひとりなら、ぜひ以下を参考にしてみてください。 保存すればするほど、Evernoteは便利になる 一番重要なことから始めましょう。Evernoteが愛されている理由を知りたいなら、まずフルに活用することです。ただのノートツールとして使っているだけでは何もわかりま
「なお、このメモは自動的に消滅する...！」閲覧後、自動的に削除されるメモを作れるサービス | ライフハッカー・ジャパン
「NoteShred」は閲覧した後自動的に削除されるメモが作成できるサービスです。メモを作成してそれを共有できるのですが、指定した時間後に自動的に消したり、相手がメモを開封して読み終わった後に自動的に削除する機能があります。後を残したくないメモなどの共有に便利ですね。 以下に使ってみた様子を載せておきます。まずNoteShredへアクセスしましょう。 共有したいメモを作成します。右側に削除期限やパスワードを設定できますよ。 相手にはメールでメモのURLを送ることができます。相手側がそれを開くとまずパスワードを入れなければなりません。パスワードが一致しているとメモを開けます。 先ほど書いたメモの内容が閲覧できました。このメモは一度しか開けない（一度開いたらその後削除される）設定にしているので、リロードするともうメモは見れなくなっています。時間指定もできますので、一時的に何かを共有したいときに
（追記あり）7月1日に終了するGoogleリーダーの代わりに使えるサービスは？ | ライフハッカー・ジャパン
公式ブログでもアナウンスされている通り、Googleリーダーが2013年7月1日をもってサービスを終了するようです。同ブログでは、データを他サービスに移行したい人向けに、Google Takeoutを利用した方法が案内されています。 しかし、Googleリーダー亡き後はどうすればいいのでしょうか。ライフハッカーでは過去に「アンチのための『脱・グーグル講座』」として、Googleリーダーの代替サービスを紹介しています。以下、Googleリーダーに関する部分を再掲しますね。 ■Googleリーダーの替わりは「NetVibes」 Googleリーダーを使ってなかった人にとっても「NetVibes」はチェックすべきサービスです。Googleリーダーのようにフィードを追加して読むことができるのはもちろんのこと、RSSフィードをよりビジュルアルに（例えば新聞のようなレイアウトで）見ることもできます。さ
シンプルで美しいウェブサイトをたった数分で作成できるサービス「Strikingly」 | ライフハッカー・ジャパン
単純明快なウェブサイトを作成したいなら、そのプロセスをシンプルにしてくれる「Strikingly」がオススメです。サイトのベースを選択し、画像とテキストを入力すればすぐにウェブページの完成です。ほんの少しの情報でもサイトを作成することはできますが、筆者はStrikinglyを使ってポートフォリオ全体をアップしようと試みたそう。画像や絵の追加、動画などのアップには何の問題もありませんでした。ただ音声だけのファイルには対応していないようです。作ってみたところ、このような感じのポートフォリオサイトが完成しました。 Strikinglyへのアップロードはパソコンからだけでなく、インターネット経由でのアップもできます。動画の追加はURLをペースト、画像の追加はドロップゾーンへドラッグすることによって可能です。写真には数十種類のフィルターもかけられます。 Strikinglyは機能的に限界がありますが
自衛隊の護衛艦からタンカーに客船まで、世界を行き交う船の位置が見られる「ライブ船舶マップ」を使ってみた
洋上を航行してる無数の船の位置情報や行き先などを地図上に表示して見られるウェブサービスが「ライブ船舶マップ」です。このサービスは300トン以上の国際航海をする船舶などに搭載が義務づけられている AIS(自動船舶識別装置/Automatic Identification System)から送られてくる船名や位置、針路などの情報をGoogleマップ上に表示するもので、世界のあらゆる場所をどんな船が行き交っているのかを見ることが可能となっています。 ライブ船舶マップ -AIS- 船舶動静ならびに船舶位置 http://www.marinetraffic.com/ais/jp/ 「ライブ船舶マップ」にアクセスしてみるとこんな感じ。 見たい地域を拡大すると、そのエリアを航行しているAISから情報を送信中の船の数がわかります。 さらに地図を拡大すると船の針路や位置もチェック可能。 南北アメリカ大陸の間
RDocの脆弱性情報に見るjQueryの安全な使い方
2013-02-06に以下の脆弱性情報が公開されました。 RDoc で生成した HTML ドキュメントにおける XSS 脆弱性 (CVE-2013-0256) これはRDocの脆弱性情報ですが、実際にはdarkfish.jsというファイルの修正のみでありJSの問題であることがわかります。 問題のdarkfish.jsを確認すると該当の処理は「var anchor = window.location.hash.substring(1);から取得した値を$(“a[name=” + anchor + “]”);に渡した」処理であったことがわかります。 （このファイルが脆弱性情報のファイルと同じかは確認してないですが、ファイル名とコードから同一と判断しました） 修正方法としては$(“a[name=” + anchor + “]”)でのセレクター埋め込みをやめて$(“a[name]”).eachのe
Google Driveで静的なWebページの公開が可能に
The Next Webによると、Google DriveでHTML、JavaScript、CSS filesの一般公開が可能になったとのこと。これにより、簡単なWebページの公開であればGoogle Driveで行えることになる。 利用方法は「Host webpages on Google Drive」に詳しいが、 （1）Google Driveでフォルダを作り、共有設定を「ウェブ上での一般公開」を選択。 （2）作成したHTMLファイルをGoogle Driveでにアップロードする。この時点で公開される。 （3）公開したページを見るには、アップロードしたファイルをGoogle Drive上で閲覧し、閲覧しているページのアドレスのユニークの値（例えば、私の場合はhttps://docs.google.com/file/d/以下の値）をコピー。 （4） 「https://www.google
GAE＋Pythonなローカル開発環境を準備。: 俺の砂箱
寄り道ばかりの人生だけど、寄り道こそが我が人生。 暇人が色んなプログラミング技術を摘み食いしてみるテスト。 GAE for PythonでWebアプリを作るためにまず一番初めにやらなきゃいけないこと。 それは、GAE for Python なローカル開発環境を構築することだ。 取り敢えずGoogle本家サイトを参考にしながらセットアップすることに。 http://code.google.com/intl/ja/appengine/docs/python/gettingstarted/devenvironment.html ■Python インストール というわけで、まずは Python のインストール。 使用マシンがWindows7な俺は無難に Windows x86 MSI Installer をダウンロードした。 http://www.python.org/download/ 現在Py
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
和製GitHub「ギットブレイク」公開、プライベートリポジトリが無料・無制限 
The Web 2.0 Workgroup
IDEA * IDEA
New Content Available soon!
http://jpg.sc/facefxxx/
新着記事
