無限にAmen Breakを再生するウェブサービス - hitode909の日記
無限にAmen Breakを切り刻んで再生し続けるウェブサービスを作った．Firefoxで動く． WindowsのFirefoxだとちょっと音が途切れたりするらしい．Macだとちゃんと動く． 追記 Google Chromeで見ると意図せず音割れしてめちゃくちゃかっこいい音が出る．原因は不明． Amen Amen BreakのwavファイルをXHRで取ってきて，JSでバイナリを解析して，ビートごとに分割して，それをランダムに並べることで，新しいパターンを作ってる． 音はaudioタグで，波形はcanvasで出してる． ビートごとに分割してるので，ランダムに並べても，ちゃんとそれっぽく聞こえる． 参考 Amen break - Wikipedia, the free encyclopedia Amen Breakについて． GlitchMonkey for Greasemonkey char
jqueryでウェブサイトをリッチにするプラグインまとめ « vanillate
jqueryのプラグインのまとめです。jqueryはjavascriptベースのライブラリのようなもの。画像やメニューに動的な操作を与えたりすることが可能です。また、HTMLソースも複雑になりにくく、デザインをCSSで操作可能なものが多く、ウェブデザインをより魅力的にすることができます。 フェードしながらスライドするjQueryプラグイン デモ jQuery ListMenu Plugin デモ 大量のアイテムもすっきりとリストにできます。 Sliding login panel with jQuery デモ ログインフォームもおしゃれに。常に表示しておく必要はないですよね。アニメーション付きでぶらさがってくるこんなプラグインはいかがですか。 create a better jQuery stylesheet switcher デモ スタイルシートをjqueryで切り替えるプ
.htaccess ファイルを簡単作成「.htaccess Editor」
リダイレクト Fromにサイトパスを入力、ToにURLを入力 301 Moved Permanently 恒久的に移動 From: To: From: To: From: To: 302 Moved Temporarily 一時的に移動 From: To: From: To: From: To:
ブログテンプレート作成ツールで簡単ブログデザイン！ - CSSEZ
Cssez : ผลบอล บอลวันนี้ วิเคราะห์บอล ข่าวฟุตบอล เราคือผู้นำของเว็บดูผลบอลสดออนไลน์ ผลบอลสดภาษาไทย 7m ข่าวฟุตบอล สรุปผลบอล ไฮไลท์ ที่สามารถเช็คผลบอลทั่วโลก มีทั้งภาษาไทย Livescore 7m 888 ผลบอลมีเสียงวันนี้ล่าสุด พรุ่งนี้ หรือเมื่อคืน รวบรวมเว็บผลบอลต่างๆมากมายมารวมไว้ที่เดียวเช่น livescore.com 7m.cn 888scoreonline.com thscore.cc และ spbo.com รวมทั้งมีวิเคราะห์บอล ตารางบอล คะแนนบอล และดูบอลสดออนไลน์
JavaScriptで覚えておくとよいデータ構造 - 配列・オブジェクト - いろいろ解析日記
JavaScriptで必要なデータ構造の覚書です。 目次 配列 配列を生成する。 配列にデータを追加する。 配列にデータを格納する。 配列からデータを取得する。 配列中のすべてのデータに同じ処理をする。 オブジェクト オブジェクトを生成する。 オブジェクトにデータを格納する。 オブジェクトからデータを取得する。 オブジェクト中のすべてのデータに同じ処理をする。 関連記事 配列 配列は複数件のデータを扱うためのデータ構造です。 ■配列を生成する。 配列の生成は以下のように行います。 var 配列の名前 = []; var 配列の名前 = [ データ, データ, … ]; 配列の生成では、配列の名前を指定します。 もし、生成時にデータを格納する場合に、[]内にデータを指定します。 なお、JavaScriptでは配列の生成時にサイズを指定しません。 例えば、空の配列array1を生成するには、以
コードを書く全ての人に - builder by ZDNet Japan
PHP技術者認定機構、ウェブセキュリティ試験を導入--サイバー攻撃の激化を受け ウェブサイトを狙うサイバー攻撃の脅威が高まっていることから、PHP技術者認定機構は開発者やユーサーを対象にウェブセキュリティ試験を導入する。 2018-12-12 11:25:00 「etcd」がCloud Native Computing Foundationのインキュベーティングプロジェクトに Kubernetesクラスタの情報を保持する分散KVSプロジェクトのetcdが、Cloud Native Coputing Foundation（CNCF）にインキュベーティングプロジェクトとして加わった。 2018-12-12 11:07:00
ヤフー、JavaScriptライブラリ「YUI 3.0.0」を公開
Yahooは米国時間9月29日、「Yahoo User Interface（YUI）」ライブラリのバージョン3をリリースした。同ライブラリは、JavaScriptやCSS（Cascading Style Sheet）で記述された装飾的なユーザーインターフェースエレメントをウェブサイトに付加することのできる、プログラマ向けのソフトウェアコレクションである。 YahooのEric Miraglia氏は29日付のブログ投稿で、「YUI 3のコアインフラとそのユーティリティスイートは、今日リリースされたバージョンでプロダクションレディの状態になったと考えている」と述べた。「われわれが今日、バージョン3.0.0としてリリースしたコードは、新しいYahooのホームページで使用されているものと同じコードであり、積極的にかつ広範囲にすでに利用されており、自信をもって提供できる」（Miraglia氏のブログ
Google Talk chatback
A blog about voice, IM and open communications with Google Talk. Do you have a blog, online profile, or some other personal web page? Would you like to communicate more with your visitors? Today we're launching a new Google Talk feature that lets visitors to your web site chat with you. We call it "chatback" because instead of you doing all the talking on your blog, your visitors can talk back to
jQueryを使い始めたときに感じる13の疑問 : tech.kayac.com - KAYAC engineers' blog
来週は私が夏休みなので更新はない予定です。agoです。 最近、人にjQueryを解説する機会があったので、昔を思い出してjQueryを使い始めた頃に感じる疑問を書いてみたいと思います。 1 そもそも何で使うの？いまでも困ってないよ 作成する内容にもよりますが、慣れると使用しない場合に比べて記述するコード量が3分の1程度まで減ります。 また、変数、条件分岐、繰り返しが減るのでバグが発生しにくくなります。 2 何か特殊なことができる？ 結局できることは変わりません。 jQuery自体JSで書かれてますし、記述の自由度もJSの制約に制限されます。 3 何が難しいの？ 文法がややjQuery的になります。 参考 jQuery言語入門 jQuery自体のコード量は少ないのですが、独特の記述法が多く慣れるまで多少時間がかかるかもしれません。 また、CSS Selectorの知識はほぼ必須です。 特にマ
jQuery言語入門 : tech.kayac.com - KAYAC engineers' blog
先月の社員PVランキングは91番目でした。agoです。 たまに他言語開発者から「JSは何となくわかるけど、jQueryが特殊すぎてよくわからない」という声を聞きます。 個人的にjQueryを使う場合、「JSの中でjQueryを使う」と言うより、「jQueryの中でJSを使う」と考えた方が理解しやすいと思うので、今日は"jQuery言語"の書き方を紹介したいと思います。 文法 Traversing methodでインデントを下げて、.end()でインデントをあげます。 （Traversing以外のmethodはインデントを維持します） そして、末尾には開始行と同じ位置に「;」を置きます。 $('body') .find('a') .filter('.permlink') .attr('href', function () { return $(this).attr('href').repla
CodeMirror
Extensible Code Editor CodeMirror is a code editor component for the web. It can be used in websites to implement a text input field with support for many editing features, and has a rich programming interface to allow further extension. This is a CodeMirror field, configured for editing JavaScript code. Features Accessibility Works well with screen readers and keyboard-only users. Mobile Support
Ajaxで文字を打ち始めると大きくなるテキストエリア - Ajax活用情報紹介サイト Recently Ajax by H2O Space.
お問い合わせ画面などで、ユーザーに文章を打ち込んでもらうときは「テキストエリア」を使います。 しかし、テキストエリアの大きさは大きい方がユーザーにとってはうれしいものの、場所を取ってしまうので、ページ制作者にとっては邪魔なもの。 そこで、「文字を打ち始めたら大きくなる」テキストエリアはいかがでしょうか。 James Pdolsey氏のサイトで『jQuery plugin: ‘autoResize’』が紹介されていました。 大きくなるときに、ちょっとしたアニメーションで「にょきっ」と大きくなるのが、なんとも粋でかわいらしいです。こんな演出なら使ってみたいですね。 文字を打ち始めるとテキストエリアが大きくなる『jQuery plugin: ‘autoResize’』 ※ 動作デモは、ページ上部の「Demo」からどうぞ [PR] Ajax開発のお手伝いは、エイチツーオー・スペースにお任せく
Google マップ JavaScript API V3 まとめ
Home Google マップ JavaScript API V3 まとめ Google マップ JavaScript API V3 まとめ 地図コンテンツ作成とカスタマイズ例です。現在グーグル Maps Javascript API のバージョンは「V3」で、Nexus などのタブレットや Android スマートフォンにも適しています。 以下のほか、ブログも参照して下さい。このページに未掲載のマップが多数あります。 V2は2010年5月19日、正式に廃止されています。Google はV3への移行（Google Geo Developers Blog: GoV3: It's time to Upgrade）を奨めています。2013年11月19日以降（機能により）使えなくなっています。 2013年5月、ラベル類が更新されました。javascript の冒頭に google.maps.vis
Google Visualization APIを早速使ってみた - builder by ZDNet Japan
RPA見直される”業務”と”人”の関係 人的リソースを単純作業から解放！ 高付加価値業務への転換のために 膨大なアクセスを支える屋台骨 高い安定性とパフォーマンスを両立 ZOZOTOWNが選んだストレージ基盤を解説 ビジネスの推進には必須！ ZDNet×マイクロソフトが贈る特別企画 今、必要な戦略的セキュリティとガバナンス リモートワークを成功させる方法 必須となるセキュリティをどう強化するか 必要な対策5つを紹介 年間5,000件の問い合わせに対応 疑問を解消したいユーザーも答える情シスも みんな幸せになるヘルプデスクの最適解 高い従業員満足度と安心・安全 新時代にむけた理想の業務環境こそ Anywhere Workspaceが目指す未来 エッジ市場の活性化へ 高まるIoTを中心としたエッジ分野への期待 OSS活用が新しい時代のビジネスを拓く データ活用は次のステージへ トラディショナル
【ハウツー】Webブラウザだけで動くマッシュアップエンジン「Afrous」を試す! (1) マッシュアップエンジン「Afrous」とは? | ネット | マイコミジャーナル
マッシュアップサービス&ソフトウェアが増加中 この3、4年の間に、様々なWebサービスがAPIを公開し、これらを組み合わせて利用するマッシュアップという動きが盛んになりました。当初はマッシュアップを実現するにはプログラムの知識を必要としましたが、1年ほど前に発表された「Yahoo! Pipes」は、Webサービスデータのリミックスをエンドユーザレベルでも可能な方向に加速させました。 そしてさらにこの1年あまりの間に、Webサービスデータのマッシュアップを実現するサービス/ソフトウェアがどんどん増えてきています。米Yahoo!のPipesに対抗してMicrosoftの「Popfly」もこれに追随しようとしていますし、その他大小さまざまなベンダーがマッシュアップサービスをASPとして提供し始めています。 米国のみならず、同様の動きは日本国内にもあり、近年では以下のようなものが発表されています。
アニメーションする2KBの軽量ツールチップJS:phpspot開発日誌
Fading JavaScript Tooltips 2kb - Web Development Blog This animated JavaScript tooltip script is very easy to use and lightweight at only 2kb. アニメーションする2KBの軽量ツールチップJS。 カーソルを合わせるとフェードアニメーションしながら浮き上がるツールチップの紹介。 デモページはこちら ソースコードがなかなか綺麗かつシンプルで、ウィジェット作成の参考にできるかも。 var tooltip=function(){ var id = 'tt'; var top = 3; ... } 関連エントリ 色んな種類のクールなツールチップを実装しよう「Prototip 2」 JavaScriptを使わずCSSのみでシンプルなツールチップ実装
Bespin » Code in the Cloud
Login above to work on your projects, or select an option below. Use Bespin Edit Now Give us an open-source project name or a publicly accessible repository URL and we'll create a project for you. Register for Bespin No account? No problem! Click below to create an account. Registration is free. Learn about Bespin What is Bespin? Bespin is a Mozilla Labs experiment on how to build an extensible We
Chromeはなぜ速いのか － ＠IT
Chromeの動作が圧倒的に速いように感じている。Chromeがリリースされた当初、それがなぜなのかよく分からなかった。グーグルだけにできて、ほかのWebブラウザ開発者にできないことなどあるように思えないが、それにしてはあまりに速いように感じたからだ。 その疑問のほとんどは、Chromeのオープンソースプロジェクト版「Chromium」の公式ブログの解説で氷解した。ブログを読んで分かったのはグーグルのエンジニアたちが信じられないほどのスピード狂であることと、そのスピードへのこだわりには2種類の“スピード”があることだ。 1つは処理速度、もう1つは応答速度だ。特に後者、ユーザーをできるだけ待たせない、イラつかせないということに対する徹底したこだわりは、すさまじい。その背後には「スピードとは、つまりお金だ」という洞察があるようだ。 0.5秒の遅延でユーザー離れ グーグル創業約1年後の1999年
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Backpack : Get organized, Personal and small business information manager
http://e0166nt.com/blog-entry-587.html
