WebAssembly の基礎
WebAssembly をご存知でしょうか？2年前に突然発表された新しい仕様です。まだ登場して間もないため、実際に本格的に利用しているサービスは数えるほどしかありませんが、Twitter 等を見ているとじわりじわりと評判になっており、技術としての勢いを感じます。 一方で、WebAssembly について言及された資料がまだまだ少なかったり、技術のレイヤーが一般的なフロントエンドエンジニアの技術セットとは大きくかけ離れているなどの理由により、WebAssembly について誤解されていることも多々あることを感じました。 そこで今回、あまり技術的に詳細な所まで深入りせず、「専門外の方でもこの程度知っておけば良い」よりちょっと詳しいくらいの内容を目標にして WebAssembly を解説してみたいと思います。 WebAssembly とは WebAssembly（wasmとも呼ばれます）とは、ざ
L'eclat des jours(2014-06-29)
_ ためになる本 例によってアスキーというかカドカワの鈴木さんからもらった本を読んだので紹介する。っていうか、最近、このての記録がやたらと多い気がするが、もらった本のうち、何冊かは（実はここに書いてないけどもっと山ほどもらっている）こりゃおもしろそうだとか、今まさに欲しい本だとかで読むし、読めば記録するんだからしょうがない。 で、シェルスクリプト高速開発手法入門だ。 おもしろかった。でも、これは弱ったな（本当に弱っているのではなく、なんか照れているような、そんなニュアンス）。時代の風をびゅんびゅん感じるぜ。 おれは、今、Insider.NETにASP.NETによる軽量業務アプリ開発っていうのを連載させてもらっているんだけど、以下の諸点において、著者と同じ空気を吸っているようだ。 ・コマンドラインとエディターが楽。 ・後付けのソフトウェアをできるだけ避けて箱をシンプルに保つ（ただし、本書の著
第12回 ［最終回］Meteorが指し示すWebアプリ開発の未来 | gihyo.jp
さて、これまで10回以上に渡って続けさせていただいたこの「Meteor完全解説」ですが、今回が最終回となります。「完全解説」を銘打っておきながら、説明できていない機能を残していることが大変心苦しいのですが、どうかご容赦ください。 ただ前回までの連載により、Meteorのエッセンスとも言える部分についてはほとんど説明を終えたといっても良いかと思います。これまでの記事を振り返ってみても、やはりMeteorは非常に先進的なフレームワークです。Webアプリ開発にかつてないような生産性をもたらすだけでなく、「リアルタイムWeb」の時代をぐっと手元に引き寄せるような手応えを感じます。 今回は最終回ということで、Meteorのさまざまな機能を振り返りつつ、Meteorという先進的なフレームワークが指し示す、Webアプリケーションの未来を探ってみたいと思います。 Nodeを利用した「フルスタックフレー
HerokuでWebアプリ開発を始めるなら知っておきたいこと(10) 参考リンク集 - アインシュタインの電話番号
「HerokuでWebアプリ開発を始めるなら知っておきたいこと」シリーズの最終回である第10回では、自分がこれまでのHerokuアプリを作成する過程で書いた記事へのリンクと、参考にしたページのリンク集を載せます。 このシリーズのまとめページはこちら。 このブログ内のHerokuアプリ制作行程記事 ここでは、自分が過去に公開した4つのHerokuアプリを制作する過程で、HerokuやRuby、Webフレームワークやライブラリの使い方など、個々に取り組んだ課題についての記事だけを抽出してまとめました。 チャップリン名言Twitter Bot チャップリン名言Twitter Botは、初めて作ったHerokuアプリだったので、調べることがいっぱいあり、制作行程記事もたくさん書きました。最初はGoogle App Engineで作ろうとして、それに失敗してHerokuを選んだので、GAEでの失敗が
HerokuでWebアプリ開発を始めるなら知っておきたいこと(7) ブログならLokka - アインシュタインの電話番号
「HerokuでWebアプリ開発を始めるなら知っておきたいこと」シリーズの第7回では、ブログを簡単に設置できるRuby純正クラウド用CMS「Lokka」について書きます。このシリーズのまとめページはこちら。 Herokuにブログを設置するならLokka ある程度Herokuの基本操作に慣れてきたら、いきなりWebアプリ開発はなかなかハードルが高いので、まずはブログあたりをHeroku上に設置してみたくなると思います。Herokuに対応したアプリケーション、ツール、ライブラリは存在し、いくつか便利に使わせてもらっているのですが、ブログ／CMSの作成であればLokkaをオススメします。 Lokkaの要チェックな3つのポイント Lokkaを知ってからまだ日が浅いですが、それでも使ってみて良いと思ったところがいくつもあり、その中でも特に知っておきたいこととして挙げるとしたら以下の3つのポイントがあ
実践「Heroku」をセットアップしてサンプルアプリを動かそう
MacOSXをご使用の方 RailsInstaller（http://railsinstaller.org/）を使用しても良いのですが、Windowsのような罠は少ないので、手動で設定していきたいと思います。皆さまの環境構築の参考にしてください。 なお、以降の手順の実行のためには、事前にXcode（Macの開発環境）のセットアップが必要です。 MacOSX 10.7(Lion)をお使いの方 MacAppStoreよりXcodeをインストールして下さい。 インストール後、Xcodeを起動し、「Xcode > Preferences... > Downloads > Components」よりCommand Line Toolsの右側の「Install」ボタンをクリックし、コマンドラインの開発環境をセットアップします。 ターミナル上で「gcc -v」を実行してバージョン番号が返ってきたら、セッ
Ｔポイント、医薬品の購入履歴を取得 販促活動に利用 : セキュリティホール memo
》 実名制がコメント荒らしを解決できない、驚くほど確かな証拠 (techcrunch, 7/30)。ふぅむ。 》 森ゆうこ議員、参院決算委で追及！「審査員生年月日開示せよ」に最高裁回答できず！ (一市民が斬る!!, 7/31)。とにもかくにも、情報公開が必要なわけで。 「生年月日を公表できない理由などない」のは確かだよなあ。 》 ロンドンオリンピックに関連するさらなる脅威 (トレンドマイクロ セキュリティ blog, 7/30)。例によっていろいろ。 》 Android の連絡先情報を盗み出すためにアニメのキャラクター「あなる」を悪用 (シマンテック, 7/30) この特殊なアプリは、まだまったく広まっていないかも知れませんが、このようなアプリをいかに簡単に作成できるかを示す良い例でもあります。今現在も多くのアプリが作成、配信され、結果として多数のユーザーが犠牲になっています。前に述べたよ
第1回 外部サイトに貼り付けるJavaScriptの作法―ポリシー、速度、セキュリティ、プライバシー（1） | gihyo.jp
フロントエンドWeb戦略室 第1回外部サイトに貼り付けるJavaScriptの作法―ポリシー、速度、セキュリティ、プライバシー（1） フロントエンドを考えるということ みなさんこんにちは。NHN Japanでエンジニアをやってますmalaです。livedoor Readerを作ったりJavaScriptを使ったUI（User Interface）、非同期処理、Webアプリケーションセキュリティ周りの仕事をしています。 この連載ではフロントエンド[1]を語るうえでは外せないJavaScriptを中心に、その周辺のUI・Webアプリケーションセキュリティを扱います。そして、ただ理想のフロントエンドを考えるだけでなく、具体的な実装を提案していくこと。これが本連載最大の目的です。 第1回となる今回は、広告やブログパーツ、ウィジェットなど、外部ドメインに貼り付けられるJavaScriptを書くう
勢いで始めてみるNode.js Webアプリ開発（1/2） - ＠IT
特集：Windows開発者のためのNode.js入門 勢いで始めてみるNode.js Webアプリ開発 デジタルアドバンテージ 一色 政彦 2012/06/15 いまはやりのNode.jsを使い、とにかく早くWebアプリを作って、とにかく早くクラウドで公開したい！ そんな勢いだけでNode.jsプログラミングを始めてみた。実際に数時間でそれなりの機能を持つサイトが作成できたので、皆さんにその方法を紹介しよう。 ■Node.jsによるWebアプリのクラウド＆ローカル環境構築 ●Windows開発者だけど、「Node.js」って何？ 「Node.js」とは何か？ 「.js」という部分から想像が付くように、これはサーバサイドで動作するJavaScript実行環境で、そのエンジンにはGoogle Chromeと同じ「V8エンジン」が使われている。最大の特徴は、Webサイトなどで大量の同時接続を高速
10分でわかるSVG 基礎編
知って得する、Webブラウザ上で利用できるグラフィック関連技術。HTMLのような感覚で図形が描画できる「SVG」をハックしよう SVGドキュメントの書き方 本連載では、Webブラウザ上で利用できるグラフィック技術を分かりやすく紹介しています。第2回となる今回のテーマはSVGです。 ご存じの方も多いと思いますが、SVGはXMLをベースにしたベクトルグラフィックスの記述言語です。PNGのような画像フォーマットの1つでもありますが、実際にはXMLを記述したテキストファイルであり、HTMLと同様にJavaScript（DOM API）による制御も行えます。HTMLがタグによって文書の構造を記述するのと同様に、SVGはタグで図形を記述します。 ■ XMLでベクトルグラフィックスを記述するSVG 実はSVGの規格自体はかなり以前から存在したのですが、長らくInternet Explorer（以降IE）
第32回 HTML5によるリッチコンテンツ作成のためのJavaScriptライブラリ「CreateJS」 | gihyo.jp
CreateJSで提供される5つのツール 今回は、4月に公開されたばかりの「CreateJS」を紹介します。CreateJSはHTML5を利用したリッチコンテンツ作成のためのJavaScriptライブラリ/ツール集です。著名なFlashエンジニアであるGrant Skinner氏が開発しており、ActionScriptに似た使用感を実現している点が大きな特徴と言えます。 CreateJSでは、次の5つのツールが提供されています。 EaselJS TweenJS SoundJS PreloadJS Zoe それぞれ、以下のような機能を備えています。 EaselJS EaselJSはHTML5のキャンバス上にコンテンツを描画するためのJavaScriptライブラリです。提供されるAPIがActionScript風になっており、Flash開発者ができるだけ違和感なく利用できるように工夫されてる点
ＣＧＩで特定の文字（表・予・申・能など）が文字化けする
・ＣＧＩで特定の文字（表・予・申・能など）が文字化けする 自動バックアップ・テスサーバー付きの新機能スマートリリース CGIやPHPなどの技術系でSuper FAQ（よくある質問）がこれです。下記のような文字化けが発生します。 文字化けしている漢字は「表」「予」「申」「能」「十」「ソ」などです。第１章の「Netscape4.Xのdocument.write時の文字化け」は音が「シ」のものに集中的に文字化けが見られるなど、顕著な規則性がありました。今回の文字化けは、「音」が似通っているという特色はありません。 しかし、それぞれの漢字のShift_JISコードを調べてみると、ある規則性が浮かび上がってきます。Shift_JISコードを調べるには、序論で紹介したようなIMEやことえりの文字一覧表でもいいのですが、ここではURLエンコードを利用してみます。 URLエンコードは、プログラマーでない方
「LESS＆専用エディター」でCSSをシンプルに書こう
「LESS」はCSS初心者に向けた、シンプルなライブラリだ。「LESS」で、変数などのプログラミングの基礎的な考え方もCSSで学ぼう 連載の3回目の今回は、ライブラリ初心者へ向けて、やさしい内容で書いています。そのため、内容は簡単でシンプルです。ぜひ、一度試してほしい！ 変数などのプログラミングの基礎的な考え方もCSSで学べるので、やってみてくださいね（一部サンプルコードはLESS公式サイトのコードを参考に使用しています）。 LESSとは LESSの特徴 LESSを使う準備 LESSを使ってみよう 「CSS」ファイルに変換するアプリ LESSを使ってみて…… 1．LESSとは LESSは英語で「少なく」といった意味です。CSSをシンプル（少なく）に効率よく書くためのもので、CSS拡張メタ言語の１つです。 では、CSS拡張メタ言語では何ができるのでしょうか？ 変数 ミックスイン 入れ子ルール
%w(R Wiki).reverse.join - @m_seki の
Kramdownの練習用に極小のWiki書いた。いつもの4行CGIから起動します。 CGIの名前はなんでも良いんだけど、http://localhost/cgi-bin/50830.rb/index.htmlにアクセスしてね。path_infoがページ名なので/以下必要です。 #!/usr/local/bin/ruby require 'drb/drb' DRb.start_service('druby://localhost:0') ro = DRbObject.new_with_uri('druby://localhost:50830') ro.start(ENV.to_hash, $stdin, $stdout)
第49回 SkyDrive API 概要（2）──ファイルのアップロードほか | gihyo.jp
アプリでSkyDriveのアクセス SkyDrive APIの2回目です。前回はLive Connectを利用してSkyDriveのフォルダーとファイル情報の取得を紹介しました。今回はフォルダーの作成やファイルのアップロードなどの操作を行ってみましょう。これらの操作は待ち望んでいた人も多いのではないでしょうか。 以前に提供されていたAPIでは参照だけでしたが、Live Connectでは、制限はあるもののアプリからSkyDriveへのファイルアップロードなどより多くのアクセスが許可され、よりWindows Liveと統合したアプリ開発ができるようになっています。 ファイルのアップロード さっそくAPIを利用してのSkyDriveへのファイルアップロードについてみてみましょう。アップロードは、HTTPのPOSTまたはPUTメソッドで行います。 アップロードを行うには、OAuthのスコープにw
第48回 SkyDrive API 概要（1） | gihyo.jp
Live ConnectとSkyDrive 前回から日が開いてしまいましたが、本年も引き続きLive Connectを紹介していきます。よろしくお願いいたします。 Live Connectは、Windows Liveサービスと統合したアプリ開発を可能にするAPIコレクションです。2011年12月にLive Connectのアップデートのアナウンスがありました（Inside Windows Live）。これまでのDeveloper Preview版から、若干の修正を加え、正式なバージョンとしてAPIを利用できるようになっています。 アップデートに伴い、開発者向けのサイト、Live Connect Developer Centerも更新され、新しいLive SDKもリリースされています。詳しく知りたい方は、こちらもチェックしてみてください。 さて、今回はSkyDriveです。Live Co
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
256interns.com
IDEA * IDEA
IDEA * IDEA
いま見ているサイトで使われているテクノロジーを調査できる拡張機能 | ライフハッカー・ジャパン
