SheetrockはPublic設定されているGoogleのスプレッドシートを照会、取得し、table要素として任意のWebサイトに表示出来るスクリプトです。jQueryに依存しています。スプレッドシートの内容は選びそうですが、単純なデータなら親和性ありそうですね。ライセンスはMITとの事です。 Sheetrock
input のクラス名にvalidate[required,custom[zip]] を指定。 メールアドレスを docomo の特殊なアドレスでも通過するようにする 稀に、メールアドレスの@以前で ドットが2つ以上連続している ものがあります。 例:example...xxxx@docomo.ne.jp 何年か前に、RFC(国際標準みたいなの)に準拠しないこの形式のアドレスは新規登録できなくなりましたが、そのまま使われているケースもあります。 デフォルトだと、上記のようなアドレスはチェックに引っかかって通過できません。 before "email": { // Shamelessly lifted from Scott Gonzalez via the Bassistance Validation plugin http://projects.scottsplayground.com/e
正規表現難しい! 謎の記号が並んでるし, いざ書いてもうまく判定できてるかよくわからない. もうプログラムの勉強なんかしたくないし, 生きているのがツライよぉ. そんな人にもってこいなのが, 今回紹介する『VerbalExpressions』です!! プロジェクトスタート時から watch していて, アプローチとして面白いなと思ったので紹介します. VerbalExpressions って? これはタイトルの通り複雑な正規表現を分かりやすくしてくれるライブラリです. コードは, 普通に正規表現書くよりも長くなっちゃいますが, 英文法に近いカタチで書くことができます. var tester = VerEx().startOfLine().then( "a" ).maybe( "b" ); var message = "abc"; console.log(tester.test(messag
【スタイル】は東京都渋谷区でホームページ制作を行うウェブ制作会社です。ウェブサイト制作、SEO対策、ウェブマーケティングなどを承っています。良質テンプレートでの格安ホームページ制作プランもあります。
カスタムダイアログの範囲にフォーカスを制御したいときとかに よくあるダイアログ範囲外にタブフォーカスが回りこんじゃう奴の防止。 jQuery.ui.dialogの手法がいいなーって思ったのでそこだけ使えるようにしてみた。 セレクタの範囲を広げれば自由に制御可能。 でも最初と最後をつないでいるだけなので、範囲内での遷移順位はDOM生成順番に依存するはず。 (function($) { $.fn.tabChain = function(option) { option = $.extend({},{onReadyFocus:false},option); var chains = []; var init = function(){ var first = chains[0]; var last = chains[chains.length-1]; for(el in chains){ $(c
「いつか使いたいの」なので ほとんどちゃんと使ったことないやつです。 Tool Hubot https://github.com/github/hubot チャットbot開発・実行フレームワーク Botを作ってみたいと言う理由で使ってみたい。 あと人工無能もこれで作れそう(粉ミカン)とか理由は様々 MobileChromeApps ChromeAppsをAndroidやiOSで動かすためのライブラリと変換ツール ChromeApps jsAPIを追随して実装しているようなので chrome.socketsなど新しいAPIは開発中だったりAndroidでは使えるけどiOSでは使えないなどもある。詳細はここで 実は少し使ってるけど ちゃんと使ってないので これでアプリを作ってリリースしたい。 nexe Node.jsをバイナリ化してくれるツール Node.jsの入ってない環境でバイナリだけ移し
// RGBで対比させる色 黒/白 function colorOnRGB(rgb) { var red = rgb.r, green = rgb.g, blue = rgb.b; var color = 'black'; if ((red * 0.299 + green * 0.587 + blue * 0.114) < 186) { color = 'white'; } return color; } Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can do with signing up
ユーザがJavaScriptを自由に実行できると嬉しいですが、中には悪意をもって実行する人たちがいます。そのためクロスドメイン、Cookieの許容範囲など制約が幾つも存在します。これらがあるために、ユーザにJavaScriptの記述を許可しないといったサイトも少なくありません。 しかし安全なJavaScriptだけであれば通しても良いのではないでしょうか。そのための仕組みがJailedです。 Jailedの使い方 JailedはWeb Workersを使ってJavaScriptを実行することで画面をロックさせない仕組みになっています。また、許可していないコード(例えばalertなど)は実行できないようになっています。 面白いのは while(true); のようなコードを実行しても画面はロックされず、しばらく待つとエラーが出るといった仕組みになっています。実行結果を受け取るだけの仕組みなの
作成:2014/09/1 更新:2014/11/01 Web制作 > 報告が遅れましたが、5月に退社し6月に起業(株式会社コムテ)しました。今までブログにメモしておいたことが、起業や納品に役立った部分もあり、ブログを継続してよかったと思います。ブログを見てくださっている皆様、ご紹介させていただいたサイト運営者様、応援して下さっている皆様には心よりお礼申し上げます。経営や制作の部分ではまだまだ未熟ですが、今後ともご指導ご鞭撻のほど、よろしくお願いします。 今回は「Web制作で使いたい」jQueryプラグインやスクリプトなどをまとめました。WordPressテーマを作るときに使うもの、検索でヒットしにくいプラグインも多数ご紹介。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 動画 1.動画をブラウザの背景全体に再生させる 2.動画を綺麗に表示させる WP管理画面
デスクトップ向けのWebサイト開発ではjQuery/Backbone.js/AngularJS/Ember.jsなどを採用するケースが多いのかなと思います。しかしスマートフォン、タブレット向けのWebサイトとなるとまた勝手が違います。特にUI周りの取り回しであったり、タッチ/マルチタッチイベント、スマートフォン特有のAPIなどを適切に扱えなければなりません。何よりハードウェアの性能がデスクトップより低いので高速にストレスなく動作させるためには軽量でなければなりません。そこで今回はスマートフォン、タブレット向けのWebサイトを構築したり、HTML5によるハイブリッドアプリを開発するのに使えるJavaScriptフレームワークを紹介します。ぜひ皆さんの開発に役立ててください。mBaaSお役立ちブログ トップ> ブログ> Tips> スマホWebサイト/ハイブリッドアプリ開発を高速化するJava
はじめに Webアプリケーションを作る手段はLAMPだけではありません。 ちょっとしたものであればnode.js + express + SQLite3を使えば驚くほど簡単に作ることができます。 ここでは例として簡易版twitterのようなミニブログを作ります。 必要となる知識 コマンドラインツールの扱い方 HTML, JavaScript SQL このエントリを読んでできること node.jsを使って短時間でWebアプリケーションを作る このエントリを読んでもできないこと 小規模でないWebサービスを作って運用する WebSocketを使ってリアルタイムWebアプリケーションを作る アウトライン 1.node.jsをインストールする 2.アプリケーションを作って動かしてみる 3.フォームから受け取ったデータを表示する 4.SQLite3を使ってデータを永続化する 1.node.jsをイン
jQuery.sheet - The Ajax Spreadsheet グラフも描けるスプレッドシート作成jQueryプラグイン「jQuery.sheet」 超多機能でデータをAjaxで読み書きできるなど、なかなか凄そうなスプレッドシート作成ライブラリ。 タブを利用できたり、セルの修飾等もExcelっぽくて多機能。ブラウザ上で表計算機能が必要な場合の1選択肢として。 関連エントリ 普通のテーブルをExcel風に超カッコよくしてくれるjQueryプラグイン「ParamQuery」 一見普通のテーブルだけどExcel風に使えるjQueryプラグイン「Handsontable」
AngularでHTML5モバイルアプリを作るのに便利なライブラリたち ng-conf 2014っていうイベントが1月にあったようですね。 YouTubeで動画が公開されている(でもすべてではない)ので助かります。とても勉強になりますね。ほんと、いい時代になったものです。 さて、Daniel ZenのTalkを見ました。AngularJSでモバイルアプリを作るために使えるライブラリがいっぱい紹介されていたのでメモしておきます。 PhoneGap まず、PhoneGap。 今では、Open Sourceなんですね。 http://cordova.apache.org/ 使ったことはないですが興味はあります。 一部ネイティブ関数にもアクセスできるようです。 http://en.wikipedia.org/wiki/Phonegap#Supported_platforms APNも使えるようです
http://blog.andyet.com/2014/08/13/opinionated-rundown-of-js-frameworks 1 comment | 0 points | by WazanovaNews ■ comment by Jshiike | 約1時間前 開発言語やフレームワークの比較は、参考になるところはありつつも、その結果、不愉快な気分になる人がいるわけですが、それを懸念して、「(これを読んだ人は、他人の)意見を読んでいるだけだと思い返してほしい。貴方にどうすべきだと言ってるのではなく、自分にもしくはチームのために何がよいかは自分で判断すべきこと。」と前置きして、Henrik Joretegが、JavaScriptフレームワークについて私見をシェアしています。 反対意見も併記しようと思ったのですが、TwitterやHNでの反応がまだないようなので、注目すべきコメ
イベントハンドラ一覧 onBlur/onFocus〔フォーカスが移動した時に処理を行う〕 onChange〔フォームの入力値、選択が変更されたときに処理を行う〕 onSelect/onSelectStart〔テキストが選択された時に処理を行う〕 onSubmit/onReset〔フォームの送信時、リセット時に処理を行う〕 onAbort/onError〔画像読み込み時に処理を行う〕 onLoad/onUnload〔ページ読み込み時、ページの切り替え時に処理を行う〕 onClick/onDblClick〔クリック、ダブルクリックされた時に処理を行う〕 onKeyPress/onKeyDown/onKeyUp〔キーの状態に応じて処理を行う〕 onMouseOut/onMouseOver/onMouseDown/onMouseUp〔マウスを乗せたり離した時、マウスでクリックした時に処理を行う〕
違い、または付加機能 色々な周辺事情で、勢力を広げつつある Polymer さん。(つい最近、それに加担したような気もする) 「どこまでが Web Components で、どこからが Polymer なのか」を理解するためにもPolymerの機能をメモる。Polymer は色々なことを便利にしてくれるライブラリであり、差分を言い出すとキリがないので主要なポイントだけ。 <template> が自動で Shadow DOM に放り込まれる Shadow DOM内の <link> をインラインの <style> に展開 repeat のサポート {{interpolate}} のサポート <element> のかわりを <polymer-element> としてサポート on-click とかイベントハンドラの宣言 this.$ による idが付加された要素のコレクション observe に
JavaScriptによるモダンなプログラミング入門書『Eloquent JavaScript, 2nd Edition』のオンライン版がリリースされたことを、作者のMarijn Haverbeke氏が自身のTwitterアカウントで7月30日(現地時間)に明かした。「Creative Commons 表示 - 非営利 3.0 非移植(CC BY-NC 3.0)」のライセンスのもと、無料で閲覧することができる。文中のソースコードはMITライセンス。 『Eloquent JavaScript』は、JavaScriptおよびプログラミング全般に関する入門書で、読者をサンプルコード漬けにし、冒頭から実際に手を動かして試させることで、いち早く読者が一人立ちできるように工夫されている。 『Eloquent JavaScript』の第一版は2007年に公開。第二版のコンテンツは「Language」「B
JavaScriptのオススメのユーティリティ(配列・文字列・日付)ライブラリを紹介します。Read less
JSON文字列とJavaScriptオブジェクトの相互変換 JSONオブジェクトがサポートされるならば、そのメソッドによりJSON文字列とJavaScriptオブジェクトを簡単に変換できます。それがサポートされるかどうかは、簡単にはWindowオブジェクトにJSONプロパティが存在するかどうかで判別できます。 if( window.JSON ) { // JSONがサポートされる } ちなみにPrototype.jsでは、 var NATIVE_JSON_PARSE_SUPPORT = window.JSON && typeof JSON.parse === 'function' && JSON.parse('{"test": true}').test; のように判別しています。 JSON文字列 → JavaScriptオブジェクト JSON.parseがサポートされるならば、それでJSO
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く