Modern Syntax
あと番組中では取り上げなかったんですけど、昨日Netflixで「死霊のはらわた ライジング」というのを観たのですが、これがなかなかよいスプラッターホラーでした。血がドバドバ出るのは苦手、という人にはまったくお勧めしませんが、最近のホラー映画はいまいちと思っている人は是非観てみてください（ちなみに私はホラー映画ファンです）。 さて、モダシンラジオのデータをホスティングしてもらっているSpotify for Podcasters(旧Anchor）の私のページはこちらです。 https://podcasters.spotify.com/pod/show/kazuyoshi-nagasawa このSpotify for PodcastersページのRSSは以下になります。こちらのRSSではenclosureタグなどでlength値などがしっかり入っているのでこれを購読しておくとよいかと思います。
初心者のためのGoogle Apps Scriptプログラミング入門 - libro
※ページが正常に表示されない場合 AddBlockなどの広告ブロックツールがONになっていると、ページの一部が表示されないことがあります。これらのツールをOFFにしてみてください。
新しい試み。図形を描いて人とコンピュータを判別·MotionCAPTCHA MOONGIFT
MotionCAPTCHAは画面に描かれた線をなぞることで人かコンピュータかを判別するCAPTCHAです。 CAPTCHAと言えば画像に書かれたぐにゃぐにゃな文字を書くというのが一般的です。しかしこれは非常に煩わしく、読みづらいものが多くストレスになります。そこで新しい手法が幾つも生み出されていますが、今回はMotionCAPTCHAを紹介します。 フォームです。下にあるのがMotionCAPTCHAです。 なぞりました。通っています。 ちょっとくらいずれても大丈夫です。 これくらい違うとエラーになります。 MotionCAPTCHAは線をなぞるというアクションで人かコンピュータかを判別します。面白いのは多少形がずれたとしてもOKとしてくれる事でしょう。非常にユニークなソフトウェアです。 MotionCAPTCHAはjQuery/JavaScript製のソフトウェア（ソースコードは公開され
node.js + RedisによるWebチャット·Socket.io MOONGIFT
Balloons.IOはnode.js+Redisで作られたWebチャットサーバです。 node.jsを使ったWebアプリケーションとしてよく取り上げられるのがWebチャットではないでしょうか。WebSocketsとノンブロッキングなnode.jsの特徴を引き出したサービスです。そんなWebチャットを自分でも立ててみたいと思ったらBalloons.IOを使ってみましょう。 トップページです。認証はTwitterを利用します。 ログインしました。ついで部屋を作成します。 チャット画面です。 アイコンが表示されていませんが会話は出来ます。 日本語も特に問題なく使えます。 Balloons.IOはnode.js + Socket.io + Redisの組み合わせで実装されています。さらにTwitterによるOAuth認証も使われており、WebフレームワークにExpressを利用するなど今時の技術
FirebugのJavaScript/HTML/CSS表示をハイライト処理·FireRainbow MOONGIFT
FireRainbowはFirebugのJavaScript/HTML/CSS表示をハイライト化するソフトウェアです。 FirefoxのWeb開発デバッグツールとして知名度の高いFirebug。そんなFirebugはJavaScriptの表示がハイライトされておらず不便に感じる人も多かったのではないでしょうか。そこでFireRainbowをインストールしましょう。 インストールしました。再起動します。 こちらはインストール前。単なるテキストとして表示されています。 インストール後。ハイライトされていると可読性が格段に違います。 ミニファイされていてもある程度読めます。 こちらはインストール前のHTML。 こちらもハイライトされます。 FireRainbowをインストールするとFirebugにおけるJavaScript/HTML/CSSがハイライト表示されます。パースの際にはWebWorke
Ajax サーバー上のXMLファイルを読み込む
それではAJaxの本命（？）であるXMLデータを読み込んで処理します。ここで読み込むXMLデータは以下のようになっています。XMLでは文字コードを指定できますが、ここでは標準的なUTF-8の文字コードとし、なおかつトラブルを起こさないために（勉強用なので）、日本語は一切使用せずに英数字のみのデータにしてあります。 ファイル名 : name.xml <?xml version="1.0" encoding="UTF-8" ?> <userlist> <user> <number>1</number> <username>Furuhata</username> </user> <user> <number>2</number> <username>Takahashi</username> </user> <user> <number>3</number> <username>Hiramatsu
XMLのデータを、JavaScriptで読み込んで表示したいのですが、方法がわからないので、教えていただけませんか? - xyz.xml... - Yahoo!知恵袋
どこが分からないのか書いていただ方が回答を入れやすいです。 1. XMLそのものの取得方法 2. XMLのDOMの扱い方 3. HTMLへの挿入方法 一応それぞれについて書いてみます。 1. XMLそのものの取得 質問文のXMLソースはエンコードの記述が間違っているので、多分responseXMLではエラーが出て取得できないです（responseTextなら大丈夫ですが、パースできないのでDOMで扱うことができません）。 XMLで扱うためには初めの1行を以下のようにしてください（XMLのエンコードはUTF-8で保存し直します。） <?xml version="1.0" encoding="utf-8" standalone="yes"?> 以下のスクリプトはよくあるXMLHttpRequestの使い方の例です（ローカルで動作を試す場合もWEBサーバで行ってください）。 前記のajaxReq
こいつはやべえ。JavaScriptでGithubリポジトリの読み込み＆書き込み·github.js MOONGIFT
github.jsはJavaScriptを使ってGitHubリポジトリの操作を行うソフトウェアです。 GitHubはWeb APIを公開している希有なソースコードリポジトリサービスです。そんなGitHubのAPIを使って作られたのがgithub.jsです。なんとJavaScriptだけでGitHubリポジトリのファイルを読み込んだり書き込んだりできます。 基本的な使い方です。 ファイルの読み込みです。 実際に書き込んだところです。書ける、書けるぞ！ Basic認証での利用なのでパスワードを記述しないといけないのがちょっと怖いですが、JavaScriptだけでGitHubリポジトリを操作できてしまうのはかなり面白いです。使い方次第でバージョン管理付きテキストストレージとしてかなり遊べそうです。 github.jsはJavaScript製、BSD Licenseのオープンソース・ソフトウェアで
JavaScriptをやり始めた人が理解したほうが良いJSONパーサのコード - sifue's blog
そろそろ4月も近いということもあって、新たにWeb業界やSIer業界に入るぞという方がプログラミングの勉強をし始めているころでしょうか。最近は、エンタープライズでもWebクライアントが主流になりつつあるのでJavaScriptの習得は避けては通れない道だと思います。また、Node.js等サーバーサイドのJavaScriptも出てきたこともあって、非常に有用な言語になりつつあります。 そんなJavaScriptを学び始めている人の中でも、ある程度プログラミングをやったことがある人がJavaScriptの綺麗な書き方を学ぶのに絶対理解しておいた方が良い300行程度のソースコードがあります。 それは、JavaScript: The Good Partsに載っているJSONパーサのコードです。 JavaScript: The Good Parts ―「良いパーツ」によるベストプラクティス 作者:
TechCrunch | Startup and Technology News
Live Nation says its Ticketmaster subsidiary was hacked. A hacker claims to be selling 560 million customer records. An autonomous pod. A solid-state battery-powered sports car. An electric pickup truck. A convertible grand tourer EV with up to 600 miles of range. A “fully connected mobility device” for young urban innovators to be built by Foxconn and priced under $30,000. The next Popemobile. Ov
javascriptを手っ取り早く学ぶためのjs本フローチャート
今年はjavascriptをちゃんと学ぼうという目標を立てて、Node.jsでWiki作ってみたり、ナポリン(富士のB級グルメのご当地キャラ)のゲームを作ったりしたので、一通りやった感は得られたかなと。 Javascriptの本を何冊か読んだので、どういう順番で勉強したら効率的だろうかとGraphvizを使ってフローチャートにしてみた。 パーフェクトJavascriptは必読かなと思うが、知識がない段階でいきなり読むと挫折する本なので、JGPかなんかで概要を掴んでおくか、普通にコード書けるようになってから読んだほうが得るものが多いですね。良書でしょう。
JavaScript製のALACデコーダー·ALAC.js MOONGIFT
ALAC.jsはJavaScriptで実装されたALACデコーダーです。 AppleからALAC（Apple Lossless Audio Codec）がオープンソースとしてリリースされて以来、様々なプロジェクトで使われるようになっています。今回紹介するのはALAC.js、ALACをJavaScriptで利用できるデコードライブラリです。 デモです。WebサーバでALAC.jsを試せます。 こちらもデモです。ALACファイルを読み込んで再生します。波形も検出されるようになっています。 ALAC.jsはALACのデコードをJavaScriptにポーティングしており、Web Audio APIを使って再生しています。 ALAC.jsはJavaScript製、Apache License 2.0のオープンソース・ソフトウェアです。 MOONGIFTはこう見る 素人としてはMP3だろうがALACだ
折れ線、エリアグラフに対応したJavaScriptグラフライブラリ·Rickshaw MOONGIFT
Rickshawは折れ線グラフ、エリアグラフに対応したJavaScript製のグラフライブラリです。 RickshawはJavaScriptのグラフライブラリです。 棒の積み上げグラフです。 カラーも色々用意されています。 表示はダイナミックに変更できます。 グラフの種類変更のダイナミックです。 スムーズさを変更できます。 曲線のグラフです。 ウェーブのようなグラフも描けます。 最もシンプルなグラフです。 そのコードです。シリーズをJSONであてるのみです。 Rickshawは主に折れ線グラフに関連するグラフを描くのに向いています。表示がリアルタイムにデータを受信しながら変更できるのも利点です。対応グラフパターンは多くありませんが、ぴたりとくる場面もありそうです。 RickshawはJavaScript製、MIT Licenseのオープンソース・ソフトウェアです。 MOONGIFTはこう見
javascript - めんどうな作業がわずか1クリックに!新人プログラマーが知らないと一生後悔するブラウザーを使ったHTML生成 : 404 Blog Not Found
2011年12月14日15:34 カテゴリTipsLightweight Languages javascript - めんどうな作業がわずか1クリックに!新人プログラマーが知らないと一生後悔するブラウザーを使ったHTML生成 いいえ、使いません。 めんどうな作業がわずか数秒に！新人デザイナーが 知らないと一生後悔するExcelを使ったHTML生成 | Webロケッツマガジン 僕たちプログラマーは、ちょっとしたコード生成に、Excelを使います！ 僕たちプログラマーは、ちょっとしたHTML生成にDHTMLを使います。 DEMO TSV JSON JSON to HTML function (json){ var tbody = $('<tbody>'); $.map(json, function(row){ var tr = $('<tr>'); $.map(row, function(c
リアルタイムプレビューのついたWebベースのJavaScript/HTMLエディター·JS Bin MOONGIFT
JS BinはWebブラウザ上でJavaScriptとHTMLコードを編集しつつ、その結果をプレビューできるエディターです。 JavaScriptは単体で使うというよりもHTMLと組み合わせて使うことのが多いかと思います。そんな時にWebブラウザ上でコードを試しためし実行できるのがJS Binです。 デフォルトの表示です。左側がJavaScript、右側がHTMLとなっています。 レンダー表示です。先ほどのJavaScriptとHTMLを合わせて実行した結果です。 右側にリアルタイムプレビューを追加しました。JavaScriptを修正すると即座にプレビューに反映されます。 HTMLにJavaScriptライブラリを追加できます。 jQueryを追加した場合です。HTMLソースにscriptタグが追加されています。もちろんJavaScript側もjQueryの関数が使えるようになります。 保
無茶しやがる…JavaScriptだけでZipファイルを生成、ダウンロード·JSZip MOONGIFT
JSZipはWebブラウザ上、クライアントサイドだけでJavaScriptを使ってZipファイルを生成するソフトウェアです。 JavaScriptでできることがどんどん増えています。そんな中、注目したいのがJSZipです。なんとJavaScriptだけでZipファイルを作ってしまうというとんでもないソフトウェアです。 デモページです。コードを見て分かる通り、テキストファイルと画像をZip圧縮しています。 実際ダウンロードされたZipファイルを解凍すると確かにフォルダやファイルが入っています。テキストの内容を変えればダウンロードされたファイルの中身も変わっていました。 JSZipが面白いのは動的にZipファイルを作成できることではないでしょうか。ユーザにコンテンツをダウンロードさせたいという時にその場の内容をそのまま圧縮して送れるようになります。アイディア次第で色々な使い方ができそうなソフト
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
知ってて当然？初級者のためのJavaScriptで使う即時関数(function(){...})()の全て
(function(){...})()は、 (function($){ $.hoge = function() { }; })(jQuery) みたいに使われていたりするコード。GreasemonkeyとかjQueryのプラグインとか、あれこれ見かけることがあると思います。 この話題はいくつかWebでも取り上げられていますが何がどうなってんのかちょっと難しいですね。しかし、誰でも理解できるレベルではあります。というのも、こういう種の難しさは体系的な知識が備わっているか否かということなのです。 でも、この知識を体系化する作業って結構しんどくて、難しくて、まーハゲるほど悩むこともあるかもしれない。それはきっと、とても毛根に悪いかもしれない。スカルプDも真っ青の状況になるかもしれない。それは、悲しいことなのだと思う・・・っ！ 毛根にはこれからもがんばってほしい！いつだって頭を温かいまなざしで見守
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Dance Party
http://myrmecoleon.sytes.net/nico/mata_nicovideo_myrmecoleon_zero.user.js