【Yosemiteの新機能】JavaScriptでアプリケーションを操作し、面倒な作業を自動化してみた | Goodpatch Blog
初めまして、ProttのフロントエンドエンジニアのSyoです。よろしくお願いします！ 実は皆さんもう既にご存知と思いますが、Mac OS XにはAppleScriptというスクリプト言語があり、システムアプリケーションや一部のサードパーティ製アプリをコントロールすることができます。これより日常中繰り返し同じ操作する所はプログランミングで操作を自動化することができるので大変便利です。ただし、AppleScriptはそれ以外一切使う所がなくて、その為にわざとAppleScriptを勉強するのは非効率ではないでしょうか。 今秋リリースするOS X Yosemiteでは、AppleScriptに加えJavaScriptも利用可能になりました。ということでJavaScriptを少しでもわかる方は、JavaScriptで簡単にMacアプリケーションを操作することが出来るようになりました！ Hello
JavaScriptの最新仕様をみんなで読もう！ 『ECMA-262 Edition 5.1を読む』発売記念プレゼントキャンペーンを実施します - Hatena Developer Blog
竹迫良範（ id:TAKESAKO）さんが翻訳および編集をされた『ECMA-262 Edition 5.1を読む』が、9月25日に発売になりました。多くのWebエンジニアが利用するプログラミング言語「JavaScript」の最新仕様書である「ECMA-262 Edition 5.1」を完全翻訳し、解説を加えた一冊です。 ECMA-262 Edition 5.1を読む 作者: 竹迫良範出版社/メーカー: 秀和システム発売日: 2013/09/25メディア: 単行本この商品を含むブログを見る 本書には弊社エンジニアの id:nanto_vi がレビューで協力させていただいたこともあり、はてな開発者ブログでは発売を記念したキャンペーンを実施します。秀和システム様からご提供いただいた『ECMA-262 Edition 5.1を読む』に、はてなブックマークのオリジナルステッカーをセットにして、当ブロ
Backbone.js
Backbone's only hard dependency is Underscore.js ( >= 1.8.3). For RESTful persistence and DOM manipulation with Backbone.View, include jQuery ( >= 1.11.0). (Mimics of the Underscore and jQuery APIs, such as Lodash and Zepto, will also tend to work, with varying degrees of compatibility.) Getting Started When working on a web application that involves a lot of JavaScript, one of the first things yo
JavaScriptエディタ「Scripted」をVMware/SpringSourceがオープンソースで公開
VMwareのSpringSourceが、JavaScript/HTML5対応のエディタ「Scripted」をオープンソースで公開しました。 Scripted自身がHTML5/JavaScriptで記述されているためWebブラウザ上でエディタとして動作し、HTML/CSS/JavaScriptのシンタックスハイライト、JSLintによる文法チェック、エディタのカスタマイズ機能などを備えています。エディタ部分の機能はEclipse Orionを再利用したとのこと。 Scriptedの全体画面。右側に別ファイルを表示しているところ。
JSONデータの授受があるWebアプリケーション開発に·JSONpad MOONGIFT
JSONpadはJSONデータのビューワー/エディター。WebベースまたはAdobe AIR版がある。 JSONpadはJavaScript/PHP製のオープンソース・ソフトウェア。最近のWeb APIはRESTfulなものが多くなった。URLとメソッドを組み合わせてデータのCRUD操作ができる。使っているプロトコルがHTTPなので、JavaScriptとの親和性が高いのも魅力だ。 エディタ画面 そんなRESTfulのデータやり取りの際に使われるフォーマットはJSONが多い。こちらもJavaScriptとの親和性がもちろん高い。受け取った、または送信するJSONデータの構造を確認したい時に使うのがJSONpadだ。 JSONpadはWebアプリケーション風のUIで作られたソフトウェアで、JSONデータをツリー構造で確認したり、さらにデータのメンテナンスができるようになっている。データタイプ
jquery.tablefix.js
»Download jquery.tablefix.js は、Excel のウィンドウ枠固定のように、テーブルのヘッダや左側を固定して、残りの部分をスクロールさせるための、jQuery プラグインです。 JavaScript 無効時はただのテーブルとして普通にそのまま表示される点と、他の類似品と違ってソート変更などの高度な機能がない代わりに、すでにデザイン済みの任意のテーブルにそのまま適用出来る点が特徴です。 読み込むのはプラグインだけで、追加の css や画像ファイルは必要ありません。 使い方 普通にテーブルをデザインする jQuery とプラグインを読み込む jQuery のセレクタでテーブルを選択して、プラグインを呼び出す これだけで、あとはプラグインがよかれにやってくれます。 プラグインの呼び出し方 $('tableSelector').tablefix({width: 600,
画像の保護に。JavaScript/Canvasを使って動的に電子透かしを入れる·watermark.js MOONGIFT
watermark.jsはHTML5/Canvasを使って画像に動的に透かしを入れるソフトウェア。 watermark.jsはJavaScript製のオープンソース・ソフトウェア。ECサイトやメディアサイトでは画像に透かしを入れて表示している場合がある。社名や自社のロゴを載せることで、転載を防止または抑制する仕組みだ。 画像の左上のマークが透かし 大手のサイトであれば画像を自動的に変換するシステムを導入しているかもしれない。だがwatermark.jsであれば個人や小規模なサイトでも簡単な透かしシステムを導入できるようになる。 watermark.jsはJavaScriptとHTML5のCanvasタグを使って画像を動的に変換する。別途画像を指定することで、その画像を表示したい画像に上書きする形で表示する。透明度、表示位置、クラス名を指定することで細かく表示を制御できるようになっている。
目次
2011年02月16日16:17 by facebookers 目次 カテゴリ How-To Open Graphに触れる 1：基本Open Graphに触れる 2：ユーザ認証と権限の認可Open Graphに触れる 3：ユーザのウォールへの投稿ドキュメントの歩き方：FQL編ドキュメント Getting StartedWebsitesApps on FacebookMobileApp Center App Center Tutorial App Center Guidelines App Categories SamplesCore Concepts Social Design Utilizing Community Building Conversations Curating Identity Social Plugins Like Button Activity Feed Recom
Node.jsを手軽に試せるJavaScript統合開発環境「Cloud9 IDE」、クラウドでの提供開始
Node.jsを手軽に試せるJavaScript統合開発環境「Cloud9 IDE」、クラウドでの提供開始 オープンソースとして開発されているJavaScript統合開発環境の「Cloud9 IDE」が、クラウド上のサービスとして提供開始されました。Cloud9 IDEサービスを立ち上げたのは、Cloud9 IDEの開発元でもあるAjax.org。 Cloud9 IDEは、Node.jsが動作するサーバの上にWebアプリケーションとして実装された、Node.js対応のサーバサイドJavaScriptのための統合開発環境です。Node.js上に実装されたということはつまり、Cloud9 IDE自身もJavaScriptで記述されています。 Node.jsを試してみたいけれど、自分でインストールしたり環境を構築するのは面倒、という人にちょうどいいのではないでしょうか。 Cloud9 IDEサー
スマートフォン最適化サイトを開発者へ。JavaScriptのデバッグをPCで行う·Thumbs MOONGIFT
Thumbsはスマートフォン対応サイトのJavaScriptデバッグをデスクトップから手軽にするライブラリ。 ThumbsはJavaScript制のオープンソース・ソフトウェア。最近ではスマートフォンに最適化されたWebサイトを開発することも多くなってきた。HTMLコーディングは慣れれば問題ないだろうが、面倒なのがJavaScriptのデバッグだ。 デスクトップでデバッグ HTML5を使いつつJavaScriptを組み合わせたりすると、そのデバッグが大変だ。スマートフォンでしか取れないイベントを使っていて動かないとシミュレータを使っていてもストレスになる。そこでThumbsを使ってみよう。 ThumbsはデスクトップのSafari（またはGoogle Chrome）やiOS、AndroidのWebブラウザで共通のイベントが取れるようになるライブラリだ。例えばタップしたアクションをデスクトッ
モバイルアプリケーション開発のためのHTML/CSS/JavaScript関連技術まとめ
モバイルアプリケーションをHTML/CSS/JavaScriptなどのWeb標準技術を用いて開発するためのさまざまなツールや環境が登場しています。1つ前の記事で紹介した「jQuery Mobile」もその1つですが、それ以外のものもここでまとめて紹介しましょう。 jQuery Mobile jQuery Mobileは、JavaScriptライブラリとして知られるjQueryのプラグインです。オープンソースで提供されています。 「マークアップドリブン」をコンセプトとし、HTMLを記述していくことで、あらかじめ用意されているボタン、メニュー、ダイアログボックス、などのモバイル対応のタッチユーザーインターフェイスを備えたアプリケーションを開発できます。 クロスプラットフォームに対応し、iOS、Android、WebOS、Windows Phone、Symbianなど多数のデバイスでそのまま動作
「jQuery Mobile」の登場で、モバイルアプリケーション開発は大きく変わる － Publickey
このところHTML5関連のモバイルアプリケーション開発について調べていて、先週の水曜日にはSwapSkills主催のイベント「jQueryモバイルで簡単！ スマートフォンサイト作成」に参加してjQuery Mobileについて勉強してきました。 jQuery Mobileとは、jQueryのプラグインとして利用するモバイルアプリケーション用のライブラリです。そしてその驚異的なまでの簡単さは、これから業務用のモバイルアプリケーションの作り方を一変させてしまう可能性を感じさせます。 jQuery Mobileの大きな特徴は次の3つです。 1）HTMLを書くだけでモバイルアプリケーションができてしまう 2）モバイルのユーザーインターフェイス対応の部品が多く揃っている 3）iOS、Android、WebOS、Windows Moblie、Symbianなどクロスプラットフォーム対応である 具体的な
新しい形のWebアプリケーションを提案する·UNHOSTED MOONGIFT
UNHOSTEDはクライアントサイドによる暗号化/復号化による新しいWebアプリケーションのあり方を提案する。 [/s2If] UNHOSTEDはJavaScript/PHP製のオープンソース・ソフトウェア。かつてパッケージソフトウェアが殆どだった時代、ソフトウェアを購入しなければデータの閲覧さえできず、ベンダーにロックインされることを毛嫌う人たちが解放さえたフリーソフトウェアの思想を作り上げた。 デモのメールアプリ オープンソース・ソフトウェアが普及し、さらにWebアプリケーションが使われるようになった結果、ソフトウェアからの解放は進んだがデータは未だにロックインされている。Googleなどを使っているとそう感じられるはずだ。そこからの脱却を目指すプロジェクトがUNHOSTEDだ。 UNHOSTEDは公開鍵と秘密鍵を使ってデータを暗号化し、データをホストさせる。そのためサービス提供側では
これは便利！ブラウザ/レンダリングエンジンごとのCSS設定をJavaScriptで解決する·CssUserAgent MOONGIFT
CssUserAgentはJavaScriptを使ってブラウザ/レンダリングエンジンごとのクラス定義を生成する。 [/s2If] CssUserAgentはJavaScript製/Web用のオープンソース・ソフトウェア。CSSは便利だが、ブラウザによって指定が異なってしまうケースに対応しようと思うと途端に煩雑になってしまう。特にここ数年のようにWebブラウザの種類が増えると大変だ。 このようなクラスが定義される レンダリングエンジンで考えても数多く、さらにバージョンによってレンダリング結果が異なるとなると発狂しそうになってしまうほどだ。そんな苦しむWebデザイナーの方々を救うかもしれないのがCssUserAgentだ。 CssUserAgentはua-*というクラス名を自動的に定義するJavaScriptファイルだ。「ua-（ブラウザ名）」「ua-（ブラウザ名）-（メジャー番号）」「ua-
シンプルながらユーザビリティに大きな貢献。郵便番号から住所を入力補完する·js-zip2address MOONGIFT
js-zip2addressはGoogle日本語入力APIを使い、Webブラウザ上での郵便番号から住所を入力補完する。 [/s2If] zip2address.jsはJavaScript製のオープンソース・ソフトウェア。ECサイトをはじめとして個人情報の入力フォームでは一般的になってきている郵便番号から住所を引く機能。実装方法は様々だか、この郵便番号と住所の変更は意外と回数が多い。 サンプル 回数が多いということはメンテナンスコストが大きいことを意味している。都度アップデートされるだけでなく、削除されるデータも多い。そこでメンテナンスフリーで使える手法を紹介しよう。それがzip2address.jsになる。 zip2address.jsの特徴は大きく分けて二つある。一つはデータ元としてGoogle日本語入力APIを利用しているという点だ。確かにGoogle日本語入力では郵便番号を入れると住
遅延して入力を隠すパスワードフィールド·dpassword MOONGIFT
dpasswordはJavaScript/jQuery製のオープンソース・ソフトウェア。パスワードフィールドというのはいつも入力すると※や●といった記号で表示される。自分自身何と入力したか分からない代物だ。そのため忘れやすく、ストレスを感じることも多い。 最後の文字だけ表示されているのが分かる 背後から覗き見られた場合を想定しているらしいが、そのようなことがあった試しがない。iPhoneではその垣根を越え、入力した文字が少しの間表示された後に●に変化する仕組みを取り入れた。これをWebブラウザ上で実現するのがdpasswordだ。 dpasswordを入れるとパスワードフィールドに文字を入れた時に入れた文字がそのまま表示されるようになる。続いて文字を入力すると文字が●に変化する。あのiOSの入力方式そのままといった感じだ。さらにパスワードを取得するためのJavaScriptがあるのも便利だ
MOONGIFT : ヘッダーに仕込んでおくと幸せになれるJavaScript「Head JS」 オープンソース・ソフトウェア/フリーウェアを毎日紹介
Head JSはヘッダーに組み込み、JavaScript/CSSの管理を補助するライブラリ。 [/s2If] Head JSはJavaScript製のオープンソース・ソフトウェア。HTMLのヘッダーで行うべき処理は多い。SEO対策としてキーワードの設定や説明文の追加、さらにJavaScriptファイルを読み込んだりCSSを設定したりする。いつの間にかヘッダーがとても長いものになってしまっていたりする。 スクリプトの読み込み さらにJavaScriptを多数読み込んだりすると表示速度に影響が出てしまう。作業の面倒さと複雑さを解決してくれる便利なJavaScriptライブラリがHead JSだ。ヘッダーに入れておくと便利に使えるはずだ。 Head JSが提供する機能は多い。JavaScriptの読み込みを指定することで平行して（しかし順番に）読み込んでくれる。そして読み込んだ後、指定した関数を
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【特集】Twitterクライアント「Janetter」用テーマ＆プラグイン集
http://www.designwalker.com/2009/09/jquery-table.html
ie7-js - A JavaScript library to make MSIE behave like a standards-compliant browser. - Google Project Hosting