ごくごく小さなJavaScriptインタプリタ·TinyJS MOONGIFT
TinyJSはC++で作られた小さなJavaScriptインタプリタです。 mrubyというプロジェクトに注目が集まっています。Rubyの軽量版で、組み込み系に適した実行環境です。ごく小さな実行環境は組み込み系へ適用したり、スマートフォンでも軽快に動作するなど使い道が多いと思われます。そこで紹介したいのがTinyJS、C++で作られた小さなJavaScriptインタプリタです。 インタプリタを起動しました。printを使って結果を出力できます。 trueは1として出力されています。 undefinedもきちんとあります。 TinyJSは僅か2000行程度で作られています。JavaScript/EcmaScriptに準拠する形で開発が進められています。現状はVariables、配列、ハッシュ型に対応しており、JSONのパースや出力も可能です。関数も作成できます。さらにJavaScriptから
JavaScriptでAR。FLARToolKitをJavaScriptへ移植·JSARToolKit MOONGIFT
JSARToolKitはFlash用ARライブラリFLARToolKitをJavaScriptに移植したライブラリになります。 マーカーを使ったARというとマーカーを認識するカメラが必要になりますが、HTML5ではWebカムのAPIはまだ一般的ではありません。そのためFlashを使うのですが、有名なものとしてはFLARToolKitがあります。そんなFLARToolKitをJavaScriptにポートしたのがJSARToolKitになります。 左側が解析前の動画。中央が認識状況、右側がARを反映した処理になります。 こちらも左側が解析前。解析後はマーカーの上に赤いマークが表示されています。 デモ。マーカーの上にFlickrの画像を反映しています。紙を動かしてもきちんと追従するのでまるで紙に写真が描かれているかのようです。 こちらは面白い。物体がマーカーの上でバウンドしています。マーカーに接
任意の要素数の密な配列を生成するスニペット - すぎゃーんメモ
Perlだと、 use Data::Dumper; my @hoge = ("fuga") x 5; print Dumper \@hoge; __END__ $VAR1 = [ 'fuga', 'fuga', 'fuga', 'fuga', 'fuga' ]; みたいな感じでx演算子を使って任意の個数の密な配列を簡単に作ることができるのだけど、JavaScriptではどうしたら良いのだろう？と。 new Array()で任意のサイズの配列は作れるけど、中身が無くて各要素に値を入れることができない。 $ node > new Array(5) [ , , , , ] > new Array(5).map(function () { return "fuga" }) [ , , , , ]ただ、Array.joinを使って一度文字列を作ってsplit、とかやれば一応できる。 $ node >
The fastest and easiest way to install Ruby on a Mac in 2024
Install Ruby on your Mac with a single command Have you been struggling for the past few hours, or even days, trying to get your Rails, Jekyll, iOS, Flutter, React Native, or other Ruby project working? Have you been getting error after error when installing Ruby gems, or even just Ruby itself? I have good news for you! Your Ruby troubles end today. Over the past twelve years, I’ve helped hundreds
IE8切り捨て準備はいいか？jQuery2.0 2013年リリース予定 | DECONCEPTER
さようなら、InternetExplorer8 2012年も後3ヶ月を切りました。今年6月に出たアナウンスの予定で行くと来年jQueryは初のメジャーバージョンアップを迎えます。 jQuery2.0の主な機能等はまだ特にアナウンスされていませんが、注目はなんといってもIE8以下をサポート対象から外すという点です。 HTML5の時代が本格的に到来 これまでjQueryがWEB開発の世界にもたらしたメリットは計り知れません。WEBサイトを作っている方でお世話になったことの無い方はほとんどいないでしょう。 jQueryがIE8以下のサポートを切るということは、jQuery2.0のリリースと共にHTML5が標準として使われるようになるまで秒読み段階に入ると考えてもいいかもしれません。 2013年、IE8以下にどのように対応するかが問われる IE対応なんてやってられない 近年モバイルデバイスの普及に
Grunt.js で TypeScript をコンパイルする grunt-typescript を作りました。と、公開しました。 - k_maruの思うところ２
昨日、TypeScript が公開されて、かなりこれは来た感が満載なわけです。お盆のころからちょこちょこ作って、もうそろそろ公開しようかなと思ってた 2000 行近い JavaScript のライブラリを全部書き直そうかって衝動に駆られるくらいな勢いです。まぁ、どこがイケてるのか、どういう言語なのか、使ってみました的なことはいろんな所で書かれているので、ここでは違った角度の話をかこうと思います。 で、TypeScript をいろいろ試したいと思っても環境が VS2012 のアドインで、提供されているプロジェクトテンプレートが C# のプロジェクトを潰した奴だとか、普通の Web プロジェクトにアイテムテンプレートで ts ファイルを追加してもコンパイルされないとか、 Web Essentials の更新当てても Windows Store アプリのプロジェクトだと ts ファイル編集しにか
Xcode 4.3, homebrew, and Ruby - John Firebaugh
Ruby on Mac OS Lion is going through a bit of a rough patch, installation-wise. With Xcode 4.2, clang became the default compiler and gcc was no longer included. Unfortunately, this has caused a lot of grief for Rubyists on OS X, because for a while, MRI did not officially support compiling with clang. With the release of 1.9.3-p125, that situation has changed–clang is now officially supported–but
全てのGemパッケージを一括でアンインストール | iThink
全てのGemパッケージを一括でアンインストール 2011/08/20 00:26 | CATEGORY :Ruby & RoR Tweet MacOSX Lionインストール後、環境を整理したいと思いgemでインストールされたパッケージを一括でアンインストールしたいと思ったのでメモ。 下記コマンドはLinux、Unixでも多分使えますが、インストールされている全てのgemパッケージを削除するので、使用は自己責任で。 gem list | awk '{print "gem uninstall " $1}' | sh -xvgem cleanupしてからのほうが良いかもしれません。 たのしいRuby 第3版posted with ヨメレバ高橋 征義 ソフトバンククリエイティブ 2010-03-31 Amazon楽天ブックス7netブックオフ Ruby on Rails 3 アプリケーションプロ
Grid-A-Licious
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
InfoQ: JsUnitとJSMockを使ったJavaScriptのテスト駆動開発
テスト実行部上の最も重要な部分はページの上部にあるファイル参照用のフォーム部品になります。この部品はテスト・ページまたはテスト・ページのスイート・ファイルへのパスを保持します。ではJsUnit用のテスト・ページの簡単な例を見てみましょう。 <html> <title>A unit test for drw.SystemUnderTest class</title> <head> <script type='text/javascript' src='../jsunit/app/jsUnitCore.js'></script> <script type='text/javascript' src='../app/system_under_test.js'></script> <script type='text/javascript'> function setUp(){ // perfor
HugeDomains.com
Captcha security check hisasann.com is for sale Please prove you're not a robot View Price Processing
Adobeアカデミックストア
Yes, Adobe offers free products like Acrobat Reader, Aero, Fill & Sign, Photoshop Express, and Adobe Scan. You can also use Creative Cloud Express, Fresco, and Lightroom Mobile for free, with the option of making in-app purchases. Adobe makes some of the most widely used software applications in the world, many of which are industry standard. Get started with free apps like Adobe Acrobat Reader, A
Custom User @mixins | CSS-Tricks
Mixins are one of the most useful and compelling reasons to use a CSS preprocessor. The typical way they are presented is for helping with CSS3 vendor prefix stuff. Indeed that is a compelling use case. No more tedious writing of all the prefixes and even more tedious updating of them over time. However, if you are using Sass, you can use Compass, and Compass already has all those CSS3 mixins read
box-shadow vs filter: drop-shadow
This post is the first topic I discussed in my jam session presentation at Fronteers 2012. It’s about the drop-shadow filter. You may have looked at it and thought “this is pretty much the same thing as a box-shadow” right? Well, not exactly. The big advantage of the drop-shadow filter is that it acknowledges the outline and transparency of an element. Have you ever wanted a box-shadow that follow
Compass Compiling and WordPress Themes | CSS-Tricks
If you’re a WordPress theme builder and a Sass/Compass user, first, yay you are awesome! Second, there is this little issue that will probably crop up for you regarding compile locations, so let’s solve it now. There are two very important things regarding CSS and WordPress themes: There absolutely must be a “style.css” file in the theme folder. That file absolutely must start with a comment block
PHPでもWebSocketを。チャットデモはこちら·PHPWebSocket Chat MOONGIFT
PHPWebSocket ChatはPHP製のWebSocketサーバによるチャットデモです。 WebSocketというとnode.jsというイメージがありますが、実際はそんなことはありません。他の言語だってWebSocketサーバになりえます。今回はPHPで作られたPHPWebSocket Chatを紹介します。 接続しました。 発言しました。 こちらはサーバ側。 PHPWebSocket ChatはHTMLファイルのチャット画面とPHP製のサーバスクリプトになっています。サーバをPHPコマンドで実行すれば後はHTMLを表示させるだけでチャットができる仕組みです。PHPプログラマーにとってはより手軽にWebSocketが使えるようになるのではないでしょうか。なおソースに最大接続数は100と設定されています。 PHPWebSocket ChatはPHP製のソフトウェア（ソースコードは公開さ
なんだこれ！！「NHKスタジオパーク」のレスポンシブ・ウェブデザインが凄まじくレスポンシブ！！ | ゴリミー
今のウェブデザインの流行りは「レスポンシブ・ウェブデザイン」！ 昨日、とあるアプリの紹介ページについて話し合っていたのだが、株式会社LIGのデザイナブログに書いてあった「必読！5分でわかる流行のレスポンシブWebデザインまとめ」に載っていた「NHKスタジオパーク」のレスポンシブ・ウェブデザインがイケイケすぎて感動したので、紹介する！これは本当にすごい！！ まず普通に表示するとこんな感じ。よくある3コラムベースのウェブサイト。 少し幅を狭めると、下にあったコンテンツが右サイドバーに移動し、右サイドバーにあったコンテンツが下に移動した。 さらに狭めてみると、右のサイドバーが完全に無くなった。 さらに狭めると今度は左のサイドバーが消えた。 ブラウザの限界まで狭めてみると、各パーツの幅も狭まってこのような形に落ち着いた。 これを試している時、各要素の動きがあまりにも滑らかでものすごく感動した。皆さ
成人確認ボタンにキレてる人に告ぐ
とあるところで、とあるコンビニのオーナーをしている、「川乃 もりや」です。事情により、匿名です。とあるコンビニの元社員が仕事や感じたことを、時にはコンビニの内情のあれこれをブログにしちゃいます。みなさんお付き合い下さい。 こんな話を見た。 梅沢富美男、成人確認ボタンにブチ切れ 「19歳に見えるわけねぇだろ！」 : J-CASTニュース 内容はこうである。 公演先でのこと、仕事が深夜に及んだため近くのコンビニに行ってお弁当や酒、タバコなどを買ったところ、レジの若い店員の女性に「年齢確認お願いします」といわれた。タッチパネルに表示された「20歳以上ですか？」の「YES」か「NO」かを押すように促された 梅沢さんは、「本気なのか？」と驚いたが、店員は押してくださいと続けたため、怒りが込み上げてきた。店長らしき人も登場してちょっとした騒ぎになった。 梅沢さんは番組で机をバンと叩き、 「オレが19に
Mac OSX版PhoneGap。Web技術でアプリを開発·MacGap MOONGIFT
MacGapはHTML/JavaScript/CSSを使ってMac OSXアプリを開発できるフレームワークです。 PhoneGapと言えばApache財団に寄贈され、Apache Cordovaと名前が変わったプロジェクトですが、iOSやAndroidなど各種スマートフォン向けのアプリがHTML/JavaScript/CSSで開発できます。そしてMacGapも同様のWeb技術でMac OSXアプリが作れてしまいます。 まずベースを作成します。 ビルドしました。MacGapと表示されています。 5秒後にGoogleが表示されました。 Growlによる通知にも対応しています。 自動生成されるHTMLです。 MacGapはシステムのビープ音、別なアプリの起動、ウィンドウの移動や別ウィンドウのオープン、ドックのバッジ操作、音楽の再生、Growl、通知、エベントの取得などがサポートされています。簡単
MacのFirefoxが重い！超軽快になるカスタマイズ方法3つ | Web活メモ帳
ブラウザはずっとChromeを使っていたのですが、 Mountain Lionにしてからクラッシュで使い物にならなくなりました。 何のブラウザが使いやすいかな・・と思って色々試してみましたが、結局Firefoxに戻りました。 しかし、重いですね。。。 これを解決するためのTipsを探したのでシェアします。 どなたかの参考になれば幸いです。 1.about:configをいじる Firefoxのアドレスバーに「about:config」と打ち込んでEnterを押すと、 設定画面に切り替わります。 設定画面から以下のように設定を変更してください。 network.http.proxy.pipelining→「true」 browser.cache.memory.enable→「true」 network.http.pipelining.maxrequests→「8」 network.http.
SEOに必須、検索意図で分類する3つのクエリのタイプの違いとその内容
[対象: 初級] 先日、GoogleのMatt Cutts（マット・カッツ）氏によるQDFの解説ビデオを紹介しました。 ビデオの冒頭でMatt Cutts氏は次のように補足しました。 クエリの種類には大きく分けて「Navigational（案内型）」と「Informational（情報型）」、「Transactinal（取引型）」の3つがある。 この発言が意味することを知らない人がたくさんいたようなので（僕にしてみたら驚きですが）、これらの3種類のクエリについてこの記事で説明します。 余計なことまで付け足してしまったので時間がない方やぜんぶ読みたくない方は、検索クエリの意図（Intent、インテント）には「取引型」と「情報収集型」、「案内型」の3タイプがあって、それぞれどういうクエリなのかの部分だけをしっかり理解してください。 検索意図に応じたクエリ分類: 取引型と情報収集型、案内型 取引
Objective-C勉強したいならコレを読め2012秋
前提「iPhoneアプリを作りたいなら」ではない。「売れるアプリを作る企画力」や「イケてるUIを作るデザイン力」なしに、「アプリ開発に必要なObjective-Cの技術力」だけあっても意味ない。それでもいい人向け。前提2巷のブクマされている「オススメ本集」は自身の著書や身内の本を薦めるためのポジショントーク的な選書がよくある。溢れかえる「分かりやすさ」を訴える本は必要はない。買うとしても1冊で十分。 分かりやすい本じゃないと身につかないなら、結局作れるものは「その程度」のものに留まる。そして「その程度」を作れる人は既にうじゃうじゃいるからApple税を無駄にするだけ。公式ドキュメント日本語ドキュメント - Apple Developer 日本語化された公式ドキュメント。全てを読むのは難しいが、「Objective-C プログラミング言語」「Objective-Cによるプログラミング」を読め
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ制作者に必ず役立つ！iOS, HTML5, CSS, jQuery, WordPress, .htaccessなどのチートシートのまとめ
「WebMatrix」でLESS、Sass/SCSS、CoffeeScriptを利用可能に「OrangeBits Compiler」NOT SUPPORTED
ペンギンのお腹から吟醸酒 ペン吟醸/まさか！酒店