CakePHPのschemaからtypescriptのinterfaceを吐きだすプラグインをかいた - kaz29
小ネタです。 最近は相変わらずCakePHPでAPIを書いて、nextjsでフロントのアプリを書くサイトばかり作っているのですが、API側で定義したAPIレスポンスデータをフロント側用にinterfaceを書くのがだるいのでプラグインを書いた話です。 TsExport plugin for CakePHP TsExport plugin for CakePHPは以下のようにインストールしてください。 composer require --dev kaz29/cakephp-ts-export-plugin 実行は以下のような感じ。 bin/cake export_entity --all または bin/cake export_entity モデル名 実際に実行すると、以下のようにinterface定義が標準出力に出力されます。 bin/cake export_entity Users /
Hoodie – noBackend実装のJavaScriptフレームワーク
進化の早いJavaScript界隈に新しいアプローチのフレームワークが登場しました。Jan Lehnardt氏が中心になって開発されているHoodieはフロントエンドとバックエンドを完全に分離する事でそれぞれの開発効率を最大限にするnoBackendの実装の一つです。Hoodieはサーバーサイド用のモジュールとクライアント用のライブラリの2つから成っており、サーバーサイドが起動している状態であればクライアント側からは例えば下記のコードだけでユーザの登録ができます。 hoodie = new Hoodie('http://localhost:6007/_api'); hoodie.account.signUp('joe@example.com', 'secret'); すでに登録されたデータを取得する場合は下記のようになります。 var type = 'task'; hoodie.store
クライアントサイドJavaScriptでのビューの作り方4つ - id:anatooのブログ
追記: 指摘により、UIオブジェクト型を追加した(thx @kanreisa)。 クライアントサイドJavaScriptでのビューの作り方を大別すると、3つ4つある。 DOM操作型 テンプレートエンジン型 UIオブジェクト型 データバインディング型 ここでいうビューの作り方とは、有り体にいうとJavaScriptからどうやってDOM要素を生成したりするかどうか。イベントリスナーの登録とかも含む。 DOM操作型 昔ながらのやり方。jQueryとか使って直接DOM操作してビューを作る。 // 例えば、<div class='hoge'>fugafuga</div> みたいなDOMを表示する var myView = $("<div class='hoge'/>"); myView.text('fugafuga'); // body以下に挿入 $(body).append(myView); 長所
jQuery 1.9 のソースマップ対応で圧縮版でもデバッグが簡単になった話
jQuery 1.9 がリリースされました。1.9 の新機能の中ではあまり注目されていませんが、ソースマップに対応したのが地味に便利そうです。 というのも、圧縮版の jquery.min.js を使っていると 何か問題が起きたときにスタックトレースを眺めても jQuery の部分が意味不明 デバッガーで jQuery のソースにステップインしても意味不明 といった理由で、開発中には非圧縮の jquery.js を使うことが多かったわけです。 それが、1.9 からはソースマップに対応したので圧縮版のままでのデバッグが簡単になってます。 超簡単な使い方 ソースマップに対応したブラウザーは現時点では Google Chrome のみなので、Google Chrome の手順を説明します。 (Firefox はソースマップへの対応を計画中らしい) 事前準備を忘れずに Google Chrome で
PHP: V8js - Manual
V8 Javascript Engine Integration IntroductionInstalling/ConfiguringRequirementsInstallationRuntime ConfigurationExamplesV8Js — The V8Js classV8Js::__construct — Construct a new V8Js objectV8Js::executeString — Execute a string as Javascript codeV8Js::getExtensions — Return an array of registered extensionsV8Js::getPendingException — Return pending uncaught Javascript exceptionV8Js::registerExtensi
JavaScript入門講座
今日の内容 JavaScriptを勉強し始めくらいの人を対象にしたJavaScript入門講座的なもの 文法とかは調べればわかるのでふれません 一人で勉強してもわからなそうな概念などを重点的に説明します ライブコーディングするのでJavaScriptってこんな感じて作るんだなーというのがわかってもらえればと アジェンダ JavaScriptを勉強する前に JavaScriptの基礎知識 ライブコーディング part1 jQueryの基礎知識 ライブコーディング part2
Highcharts - Interactive Charting Library for Developers
Our core library. Includes all standard chart types and more.
QUnit
The powerful, easy-to-use JavaScript testing framework.Get Started View the Docs Easy Zero configuration and setup for any Node.js project, and minimal setup for Browser-based projects. Universal QUnit can run anywhere; web browsers, Node, SpiderMonkey, even in a Web Worker! Test your code where it runs.
QUnitの基本的な使い方 - but hopeful
[追記] 2013/9/1 三年前の記事が未だに読まれているようなので、一応書いておきますが、あれから色々変わってもっと良いものも出ています。 QUnit でも別に問題はないですが、今から QUnit を使うよりは http://visionmedia.github.io/mocha/:title=mocha] とかの方が個人的にはお勧めです。とにかく、今は色々あるのでもっと別の選択肢調べて見ることを個人的にはおすすめします。別に QUnit は使わないほうが良いとは言いません。 JavaScriptのテスティングフレームワークはいろいろありますが、自分は今主にQUnitを使っているので、少し使い方をまとめて見たいと思います。 [追記]今回作成したソースを上げました。ninja.js QUnit とは QUnitはもともと、jQueryをテストするために開発されたJavaScript Un
Ext Japan - Sencha Touch登場 - モバイル用HTML5フレームワーク
業界初のHTML5モバイルアプリ用フレームワーク Sencha Touchを使えばタッチスクリーンを装備したApple iOSや Android端末上でネイティブアプリのようなWebアプリが開発可能です。 Web標準技術に準拠 Sencha TouchはHTML5、CSS3、JavaScriptに特化した世界初のアプリケーションフレームワークです。SSencha Touchはこれらの技術が持つ力を最大限に引き出し、かつ柔軟で最適化されたアプリケーション開発を可能にします。Sencha Touchでは、音声や動画を組み込む為のコンポーネントやデータをオフラインでも利用可能にするlocalStorageプロキシーなどでHTML5の機能が利用されています。またSencha TouchのスタイルシートではCSS3を最大限活用してとても堅牢なスタイリングレイヤーを実現しています。 このライブラリはそ
Titaniumが楽しすぎてやばい - kurainの壺
id:naoya さんの記事で気づいた Titanium ですがあまりに楽しいのでここ1週間ほど暇があればコードを書いています。そろそろ、プロダクトレベルのモノが仕上がりそうなので AppStore に提出したいところ。 ただし、iPhoneとAndoridアプリが一気に作れる、とか思ってさわると結構機種依存のコードを書く必要に迫られるので期待を裏切られます。ロジックのコードが共通化できるぐらいに考えていたほうが気楽だと思います。それでも、Cで書いてiPhone,Androidで共通化するよりはよっぽどらくだと思いますが。 最近は iPhone で動くことだけを考えて、実装しているので、今回は Objective-C で実装している時との比較 はまりどころ PhoneGap との違い をメモしておきます。 Objective-Cと比べて良い メモリ管理不要 もうこれだけで、僕は移行したくな
Welcome to @Anywhere | dev.twitter.com
Twitter @Anywhere is an easy to deploy solution for bringing the Twitter communication platform to your own site. Add follow buttons, hovercards, linkify @usernames, and build deeper integrations with "Connect to Twitter." @Anywhere promotes a more engaged user base for your site. Getting Started First things first, you're going to need a registered client application with Twitter to get started.
【ハウツー】Webブラウザだけで動くマッシュアップエンジン「Afrous」を試す! (1) マッシュアップエンジン「Afrous」とは? | ネット | マイコミジャーナル
マッシュアップサービス&ソフトウェアが増加中 この3、4年の間に、様々なWebサービスがAPIを公開し、これらを組み合わせて利用するマッシュアップという動きが盛んになりました。当初はマッシュアップを実現するにはプログラムの知識を必要としましたが、1年ほど前に発表された「Yahoo! Pipes」は、Webサービスデータのリミックスをエンドユーザレベルでも可能な方向に加速させました。 そしてさらにこの1年あまりの間に、Webサービスデータのマッシュアップを実現するサービス/ソフトウェアがどんどん増えてきています。米Yahoo!のPipesに対抗してMicrosoftの「Popfly」もこれに追随しようとしていますし、その他大小さまざまなベンダーがマッシュアップサービスをASPとして提供し始めています。 米国のみならず、同様の動きは日本国内にもあり、近年では以下のようなものが発表されています。
ブラウザでお絵描きプログラミング！ Processing.js 登場！ - IT戦記
はじめに 今日、 jQuery の作者として有名な John Resig さんが Processing.js という JavaScript のライブラリを公開しました。 John Resig - Processing.js このライブラリを使うと、比較的簡単に以下のようなグラフィックスやアニメーションを書くことができるようになります。 というわけで、公開されたばかりのこのライブラリを簡単な使い方から詳しい使い方までとことん掘り下げてみたいと思います。 Processing.js 概要 まず、 Processing.js とは何かという話をします。 Processing.js とは、ブラウザで Processing というプログラミング言語を実行する JavaScript のライブラリです。 では、 Processing とはどのようなプログラミング言語なのでしょうか。 Processing
Apple developing Flash alternative named Gianduia | AppleInsider
As Adobe Flash and Microsoft Silverlight duke it out over their plugin-based, HTML-alternative web platforms, Apple is using Gianduia, its new a client-side, standards based framework for Rich Internet Apps, to create production quality online apps for its retail users. Apple introduced Gianduia last summer at WOWODC (World of WebObjects Developer Conference), an independent event scheduled near t
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - plv8/plv8: V8 Engine Javascript Procedural Language add-on for PostgreSQL
http://www.everyjs.com/
phantomjs - Project Hosting on Google Code
連載インデックス「Web技術でネイティブアプリを作れるTitanium」 - ＠IT
Google Code Archive - Long-term storage for Google Code Project Hosting.