Site Under MaintenanceWe'll be back soon! Our site is currently undergoing maintenance. Please check back later.
「はてな教科書」をgithub上に公開しました - Hatena Developer Blog
こんにちは、id:shiba_yu36です。 はてなのエンジニア陣によって執筆されたウェブアプリケーション作成の基本を学ぶための「はてな教科書」をgithub上に公開しましたのでお知らせします。 はてな教科書は、はてなサマーインターンでも利用されている、約1週間でウェブアプリケーションの基本を身に付けるためのものです。はてなでは日々のウェブ開発で得られたノウハウをこの教科書を継続的に盛り込みながら、インターンシップやエンジニアの新人教育などに利用しています。今回、はてな教科書をgithub上で公開することで、広くPerlを使ったウェブアプリケーション開発に興味を持ってもらえれば、と思います。 いまのところ公開されている資料は、以下の4つになります。 Perl によるオブジェクト指向プログラミング ORM によるデータベース操作 (DBIx::MoCo を使った開発) MVC によるウェブア
Wookmark
高さの異なる要素をグリッドに沿って、レンガ状に隙間なく並べるjQueryのプラグインを紹介します。 同種の有名スクリプト「Masonry」はアニメーションを使ってダイナミックにレイアウトを変更しますが、このWookmarkはシンプルに並べなおすだけです。 デモ:幅800pxで表示 [ad#ad-2] Wookmarkの使い方 実装はいたってシンプルです。 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして記述します。 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <script type="text/javascript" src="jquery.wookmark.js"></script> HTML デモを例にHTMLはリスト要素など、並列に配置しま
導入 – Dart逆引きリファレンス | DevelopersIO
導入（Getting started） 1. HTMLにDartコードを埋め込みたい 下記のようにscriptタグを定義します。スクリプトタイプには「application/dart」を指定します。 <script type='application/dart' src='example.dart'></script> また、Dartエンジンを起動させる為に下記の記述が必要です。 <script type='text/javascript'> if (navigator.webkitStartDart) { navigator.webkitStartDart(); } </script> 2. プログラムの開始ポイントが知りたい Dartコードのプログラム開始ポイントはmainメソッドになります。 main() { // Dartコード } Dartコードではこのmainメソッドは必須のも
この完成度に震えが止まらない！Node.js史上最高のIDE、Cloud9をインストールしよう。
Cloud9は、クラウド上で様々な操作ができます。無料でエディタ、デバッグ、バージョン管理etc、、、作ったらボタンひとつで公開までできてしまいます。有料にすれば、チーム開発環境、プライベート開発環境も構築できます。 Cloud9 IDEは、ソースコードで公開されています。せっかくですからこの高機能で美しいCloud9 IDEをローカル環境に構築してみましょう。 システム環境 Mac OS X Lion インストール手順 gitからダウンロードします。 $ git clone git://github.com/ajaxorg/cloud9.git Cloning into cloud9... remote: Counting objects: 30583, done. remote: Compressing objects: 100% (10271/10271), done. remote
モバイルゲームの歴史を年代別にご紹介します。モバイルゲームの成長と今後について詳しく解説していきます。
モバイルゲーム 物凄い勢いで勃興したモバイルゲーム業界は、いろいろな課題や問題に直面しながらも巨大化し、今日の時点でのスマートフォン向けゲームの市場へと継承されていきます。 モバイルゲームの歴史 2001 Javaアプリと3Dゲームの登場 Javaが利用できるようになったことにより、ダウンロード型のゲームが供給できるようになりました。 2002 携帯電話端末の大容量化・3D化競争 Java搭載携帯電話端末が登場してからごく僅か1年の間に、アプリのサイズに関しては10倍に広大化し、表現方法も2Dから3Dにシフトし始めました。J-PHONEは『ゼビウス』や『スペースハリアー』などといった昔のアーケードゲームを、ドコモはSIMCITYなどパソコンで世界的規模のヒットを飛ばしたゲームを主力商品としていました。 2003 モバイルゲームの一般化 メモリの制限が厳しいJava仮想マシン上ではなく、OS
Algorithm - Suffix Array を JavaScript で再発明してみた : 404 Blog Not Found
2012年01月16日16:30 カテゴリアルゴリズム百選Lightweight Languages Algorithm - Suffix Array を JavaScript で再発明してみた WEB+DB 総集編 [Vol. 1〜60] もう10年以上前に某社のCTOだったころ、Suffix array(接尾辞配列)の解説を毎週の技術者ミーティングでしたら一名を除いて「ハァ?」状態だったことを思い出しつつ。 Suffix Arrayは何が画期的だったのか? 以下は、計算機科学者でなくても直感的に理解できると思います。 ソートされていない通常のデータの中にあるサブデータ(キー)を検索しようとすると、データの大きさに比例した時間(O(n))がかかる。 ソート済みのデータであれば、二分探索でデータの大きさの対数時間(O(logn))でキーを検索できる。 さらにキーからIDを定数時間で作成でき
Titanium Mobile で手軽にゲームが作れるモジュール、公開しました！ - Android でいろいろやるよ！
Titanium, OpenGLTitanium Mobile で、enchant.js や emo-framework 並みに手軽に2Dゲームが作れるモジュールを公開しました！ http://code.google.com/p/quicktigame2d/ http://code.google.com/p/quicktigame2d/wiki/ Android の方は残念ですが、現在のところ iOS 用のモジュールだけです！ 特徴 Titanium.UI.ImageView とかより全然速いスプライトシート対応。もちろんシートのアニメーションもできます。TexturePacker やZwoptex などのツールを利用したスプライトアトラスに対応Titanium.UIとの組み合わせもできます などなど。 emo-framework と違うのは、Titanium Mobile のコンポーネン
勝手に添削 - 年齢確認用カンペ計算機βまたは4月1日生が早生まれな理由 : 404 Blog Not Found
2012年01月03日02:45 カテゴリTipsLightweight Languages 勝手に添削 - 年齢確認用カンペ計算機βまたは4月1日生が早生まれな理由 熱で寝込んでいるうちにいつの魔にあけてましたねおめでとうございます。 というわけで新年っぽいネタを。 これ、日本ではなんと法律違反です。 年齢確認用カンペ計算機β これのどこが法律違反かがわかると、なぜ4月1日生まれが早生まれになるのかがわかります。 初日不算入の原則外 今年2012年2月29日の一年後はいつでしょうか? 通常の法律では、来年2013年3月1日ということになります。 年齢計算ニ関スル法律 - Wikipedia 日、週、月又は年によって期間を定める場合、その初日が午前0時を過ぎて始まるときは、その翌日を起算日として期間計算をするのが原則（初日不算入の原則）である（民法138条、140条） ところが、2012年
JavaScriptでファイル操作！？ File APIを使いこなそう
連載目次 近年のWebアプリケーションでは、画像ファイルやテキスト・ファイル、Officeファイルのアップロードやダウンロードのやり取りが行われることが多くなってきている（例えば、Twitter上での画像ファイル共有やGoogleドキュメントでのOfficeファイルのアップロードなどがそれだ）。 HTML5では、ファイル操作に関するAPIとして「File API」が定義されたことで、ローカルのファイルをブラウザ上で直接、取り扱うことが可能となった。これによって、Webとローカルの違いをアプリケーションで意識しなければならない局面も少なくなる。 現在、File APIは以下の3種類の仕様が策定されている。
マネーニュース2ch
まず、iPhoneのSafariでどこでも良いのでページを開いてブックマークしましょう。 そして「How to use Firebug on your iPad and iPhone」に書かれているJavaScriptをコピーします。 javascript:(function(F,i,r,e,b,u,g,L,I,T,E){if(F.getElementById(b))return;E=F[i+'NS']&&F.documentElement.namespaceURI;E=E?F[i+'NS'](E,'script'):F[i]('script');E[r]('id',b);E[r]('src',I+g+T);E[r](b,u);(F[e]('head')[0]||F[e]('body')[0]).appendChild(E);E=new%20Image;E[r]('src',I+L);})
10 jQuery File Uploading Plugins | 3D Models, Website Templates and Illustrations blog | Templates.com
10 jQuery File Uploading Plugins December 2nd, 2011 jQuery keeps making the world wide web a more comfortable place and today we are going to share with you an information that will help you solve the problem of uploading files on your website. Most of these jQuery file uploading plugins support such technologies as HTML5 Gears, Silverlight, Flash, BrowserPlus, JavaScript and so on. Most of these
yktmt blog: MMDModel on THREE.js
2010年12月31日金曜日 MMDModel on THREE.js THREE.jsを利用してMMDのモデルデータを表示します。 ここにモデルデータ(.pmd)とテクスチャ(.bmp .png .tga)をアップロードすると、ここで閲覧できます。 動作確認はChromium(10.0.614.0)とChromeで行いました。インスパイア元のTHREE.js demoによると、"webGL"コンテキストはChrome8/9 or Firefox4、"2d"コンテキストはChrome推奨だそうです。 お試しミクさん 追記 : ライトなし版を用意しました。 テクスチャをほとんど使わないモデルならFirefox3でも閲覧できます。こちらからどうぞ。 ソースコードは下記に一式置いてあります。 http://www.yktmt.com/threemmd/ 参考ページ 御本尊 : h
JavaScriptとWebGLを使って3Dモデルを描画できる「csg.js」:phpspot開発日誌
csg.js: Constructive Solid Geometry 3d Modeling in JavaScript and WebGL - Badass JavaScript JavaScriptとWebGLを使って3Dモデルを描画できる「csg.js」 簡単なコードで立体的なオブジェクトを描画できます 次のような簡単なコードで図形を描画できるみたいです（ブラウザが対応している必要あり） var cube = CSG.cube(); var sphere = CSG.sphere({ radius: 1.3 }); var polygons = cube.subtract(sphere).toPolygons(); 他にも以下のように図形が描けます １０年後のWEBはどうなっているんでしょうか。。 関連エントリ まるで魔法のようだ。２Dの図形を輝く３D画像にしてくれるPhotosh
javascript - 関数名の取得とtypeof()の再々発明 : 404 Blog Not Found
2011年12月07日03:30 カテゴリLightweight Languages javascript - 関数名の取得とtypeof()の再々発明 な、なんだってー!? はてなブックマーク - kamisetoのブックマーク constructor.nameを見ればいいんじゃなの？違うのかな？ そんなおいしいプロパティなんて、あったっけ? MDNの中で逢った、ような… constructor.name?そんなのJavaScript: The Good Partsどころかサイ本でも見たことねーぞ。でもconsoleつついたら確かに使える… 見つけました。 Function - MDN name Non-standard The name of the function. Non-standard, Non-standard, Non-standard、だと!? 実際いろいろ嗅ぎ回ってみ
javascript - typeof()を再発明する : 404 Blog Not Found
2011年12月06日14:30 カテゴリLightweight Languages javascript - typeof()を再発明する まてよ、ということは… underscore.js の _.isRegExp について - ”><xmp>TokuLog 改メ tokuhirom’s blog multiple frames のときにハマるということらしい。 Perfection kills ≫ `instanceof` considered harmful (or how to write a robust `isArray`) This means that creating isArray function could not be simpler than: これを応用すればまっとうなtypeofを作れるってこと? JavaScriptのtypeofは役立たず よく知られて
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
chrome-life.com
BrowserQuest
GitHub - kawazrepos/Kommonz: Creative Commons Material Collection for Game Developer via Kawaz
GitHub - outZider/lookup.safariextension: ページ内の単語やフレーズを辞書サイトで調べるための Safari Extension
