HTML5 × CSS3 × jQueryを真面目に勉強 – #18 画像ファイルからカラーパレットを作ってみる (前編) | DevelopersIO
HTML5 × CSS3 × jQueryを真面目に勉強 – #18 画像ファイルからカラーパレットを作ってみる (前編) そんな訳で、HTML5 の Canvas を駆使して一枚の画像ファイルから色情報を取得する方法を学んでみました。まだ学習の途中ではありますが、画像ファイルからカラーパレットを生成するところまでは出来るようになったので、当ブログで紹介するとします。 と、思ったのですが、このシリーズにしては結構難易度の高い内容なので、いきなりその方法を紹介する前に、ここでは基本的なピクセルの操作や色情報の扱いなど、前段階としての小規模なサンプルを紹介していきたいと思います。 Step.1 カラーピッカーを作る 見出しだけを読むとしょっぱなから大それた印象を受けますが、マウスカーソル位置にあるピクセル情報を取得・解析して、そこから色に関する情報を画面側に表示するといった単純なものです。 1
【ボイド】JavaScriptとHTML5で『群れ』をシミュレーションしてみよう【プログラミング】 - あのねノート。
2013-09-28 【ボイド】JavaScriptとHTML5で『群れ』をシミュレーションしてみよう【プログラミング】 適当プログラミング解説シリーズ やり方 はじめに。 ボイドを知っていますか？ボイド(Boids)はCraig Raynoldsによって発表された人工生命シミュレーションプログラムです。Boidsとはによると、以下のように記述されています。 Boid（ボイド）とは、1987年にCraig Raynoldsによって発表された理論です。 この理論は、３つのルールを規定するだけで鳥の群れをシミュレーションできるというものです。 ちなみにBoidという名の由来は、鳥もどきという意味の言葉birdoid（バードイド）が短くなりこのように呼ばれるようになりました。 シンプルな3つのルールで生きているかのような群れができるのでとても興味深く、魅力的なゲームです。 ボイドを応用して作られ
RTP Gacor = Slot Online gacor Gampang Maxwin RTP Tinggi
Petir108 ialah situs slot online gacor yang gampang menang dengan RTP tinggi hingga 99% untuk membantu memaksimalkan kemenangan para member baru maupun lama. Situs Slot ini dirancang dengan fitur-fitur yang mendukung pemain untuk mencapai Maxwin atau kemenangan maksimal dengan peluang yang tinggi. RTP (Return to Player) situs slot peti108 yang dirancang lebih tinggi dari rata-rata situs slot onlin
Candy — a JavaScript-based multi-user chat client
— a JavaScript-based multi-user chat client There are plenty of web-based chat clients out there. Most of them are built to emulate your instant messenger. They offer you tons of settings. They can join multiple networks, let you edit your profile, and even manage your message history. Candy is different. It's built for your community. Why Candy? Focused on real-time multi-user chatting → Screensh
WebフロントをScalaで開発·Scala.js MOONGIFT
Scala.jsはScala製、Scala Licenseのオープンソース・ソフトウェアです。 JavaScriptはスクリプト言語であり、コンパイル系言語を使っているプログラマーにとっては使い勝手が悪いと感じてしまうようです。もしあなたがScalaの使い手であれば、ScalaでWebフロントエンドを開発できるScala.jsを使ってみましょう。 サンプルです。パッケージやオブジェクトが使えます。普通にScalaが記述できます。コンパイルを実行してJavaScriptファイルを生成します。 ソースマップに対応しており、コンソールからScalaのソースに飛ぶことができます。 WebとあってDOMの操作ももちろんできます。 入力を受け取って処理も行えます。 引数として入力内容を受け取って処理を行うこともできます。 jQueryとの連携もできます。 jQueryのイベントを呼び出した処理も行えま
ScaleOut | Supership
2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。本件に関する詳細は、プレスリリースをご確認ください。 2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。 本件に関する詳細は、プレスリリースをご確認ください。
WebサイトにFacebook風のチャット機能を追加·ChatJS MOONGIFT
ChatJSはJavaScript/ASP.NET製のオープンソース・ソフトウェア（BSD License）です。 同じWebサイトにいる人とチャットができる、というサービスはずっと昔から何度も出ては消え、出ては消えを繰り返してきました。今回のそのチャットサービスですが、Facebookスタイルという点がユニークです。 まず自分のユーザ名とメールアドレスを決めます。 ログインしました。右下にある名前のリストがログインしているユーザです。 別なユーザがログインしてくるとリストが自動的にアップデートされます。 チャット中。日本語も利用できます。 入力中にはその旨相手に表示されます。これによりチャットが終わっているかどうか分かりやすくなります。 ChatJSではFacebookのように対話できる人の一覧が表示され、そこから選んでチャットできます。チャットは1対1のみです。そしてログイン、ログアウ
いままでいくらAmazonで買い物したか合計するブックマークレット書いた - モロ屋
2015/03/02: 現在動作しなくなっているようなので、こちら等を参照してください。 Amazonで使ってきた金額合計してみろ おにゃんこ速報 5：以下、名無しにかわりましてVIPがお送りします：2012/06/16(土) 13:28:46.48 ID:8IYD9aJN0 どうやって合計するの 6：以下、名無しにかわりましてVIPがお送りします：2012/06/16(土) 13:29:58.55 ID:5x4DpozW0 >>5 ちまちま足す というわけで 自分もどれくらいAmazonで使ってるか知りたかったので、集計するコード書きました。 まずこのページに行ってから、 https://www.amazon.co.jp/gp/css/order-history/ 下をコピペしてアドレスバーに貼り付け。 javascript:(function(){var d=document;var
rockyj.in - rockyj リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
jQuery 2.0 Grunt ビルド | DevelopersIO
jQuery 2.0 をビルドしてみよう jQuery 2.0 を自前でビルドしてみます。自前でビルドすることでモジュールを省くことができます。 ビルド ビルドするためにはgruntコマンドを使います。インストールしていない場合は、gruntをインストールしておきます。 gruntについては、nodebrew, npm, grunt 環境構築手順でインストールしてください。 また、grunt -version コマンドでgrunt-cliが入っていない場合は、grunt-cliをインストールしておきます。 $ grunt -version grunt-cli v0.1.7 grunt v0.4.1 ソース取得 githubからjqueryのソースを取得します git clone git://github.com/jquery/jquery.git 依存ファイル取得 npm install
すごい！mrubyをJavaScriptに変換してWebブラウザ上で実行·webruby MOONGIFT
webrubyはWebブラウザ上で動作するmrubyです。 mrubyは組み込み用として開発されたミニマムなRuby実行環境ですが、ミニマム故に使いどころが色々とありそうです。今回はなんとWebブラウザ上で動作するmruby、webrubyを紹介します。 WebGLを使うデモ。 結構ぐりぐりと動きます。 FPSも53とあって滑らかです。 こちらはirbです。コードを書いてその場で実行して結果を得られます。 確かにちゃんと記述できます。 普通にmrubyです。 以前に紹介したJsMrubyの場合は機能拡張としてインストールされるものでしたが、webrubyの場合はemscriptenを使ってmrubyのソースコードをJavaScriptに変換しているのが特徴です。まだまだおもちゃレベルとのことですが、今後発展すると面白いプロジェクトになりそうです。 webrubyはJavaScript製のオ
new2JS
New to JS? Welcome. This area keeps a record of what you do and also shows you the things that your javascript program displays. You can page through the tutorial and write javascript programs on the left hand side.
【後編】Backbone.jsでつくるMVPなUIパターン【スクロールスパイ】 | DevelopersIO
※この記事はBackbone.jsでつくるMVPなUIパターン【スクロールスパイ】前編からの続きの後編です。 ContentView 継承 ContentViewは文章を表示し、自身の管轄しているスクロール範囲を知っているコンポーネントです。Backbone.Viewを継承して実装します。 var ContentView = Backbone.View.extend({}); テンプレート UI表示用のテンプレート関数をNavViewと同じように定義しておきます。 <script type="text/template" id="ui-scroll-spy-content-template"> <div class="scroll-spy-content"> <%= content %> </div> </script> var ContentView = Backbone.View.ex
【前編】Backbone.jsでつくるMVPなUIパターン【スクロールスパイ】 | DevelopersIO
前回の更新からだいぶ間が開いてしまいましたがこのシリーズはまだ終わりません！今回はTwitter BootstrapにjQuery Pluginとして実装されているScrollSpyを真似して作ってみたいと思います。 ちょっと解説が長くなってしまったので前後編に分けてご紹介します。 後半はこちら >> Backbone.jsでつくるMVPなUIパターン【スクロールスパイ】後編 デザイン 4つの文章に対しそれぞれナビゲーションが存在し、文章のエリアをスクロールして閲覧している文章に対応するナビゲーションがアクティブ表示になるというものです。 このUIのhtmlは以下のようにコーディングしました <div id="ui-scroll-spy"> <div class="scroll-spy-nav navbar"> <div class="navbar-inner"> <div class="
asm.js:コンパイラのための低レベルかつ高度に最適化可能なJavaScriptのサブセット
JavaScriptのサブセットとして静的型付け言語を定義し、事前コンパイルを可能にすることでJavaScriptの実行速度を劇的に改善しようというasm.jsの概要を、1つ前の記事で調べました。 まだasm.jsの情報は少ないのですが、その中でも分かりやすくまとまった記事がDevon Govett氏のブログBADASS JAVASCRIPTのエントリ「asm.js: A Low Level, Highly Optimizable Subset of JavaScript for Compilers」です。 Govett氏に翻訳の許可を得たので、翻訳記事として掲載します。 asm.js: A Low Level, Highly Optimizable Subset of JavaScript for Compilers MozillaのDavid Herman、Luke Wagnerそして
JavaScriptの実行速度を劇的に改善するasm.jsの特徴は、CやC++のような言語をJavaScriptのサブセットで記述すること
JavaScriptの実行速度を劇的に改善するasm.jsの特徴は、CやC++のような言語をJavaScriptのサブセットで記述すること 6月のリリース予定で現在開発が進んでいるFirefox 22では、JavaScriptのサブセット言語仕様であるasm.jsと、asm.jsに最適化したJavaScriptエンジンのOdionMonkeyが搭載予定とのことです。この両者の組み合わせは、JavaScriptを型つき言語として事前コンパイルすることで、いま以上に高速に実行できると期待されています。 asm.jsとは、jQueryのようなJavaScriptライブラリのようなものでも、Node.jsのようなフレームワーク実装のことでもなく、JavaScriptを基にしたサブセットの言語仕様です。 新しい言語を作るのではなく、既存のJavaScript文法をそのまま利用しつつ高速化を実現するa
js-sequence-diagrams by bramp
This should be a diagram! If you don't see it you need Javascript enabled Intro A simple javascript library to turn text into vector UML sequence diagrams. Heavily inspired by websequencediagrams.com, who offer a serverside solution. We use Jison to parse the text, and Snap.svg to draw the image. Examples
「第6回 HTML5など勉強会 @大阪」で発表してきました | CreativeStyle
2013年3月23日に大阪のパソナグループビル6階で開催された「第6回 HTML5など勉強会」に参加し、プレゼンもしてきました。 第6回 HTML5など勉強会 : ATND 東京で開催されている「HTMLとか勉強会」にインスパイアされる形で立ち上がったこの勉強会も６回目。HTML5やその他Web周辺技術を、紹介したい人が好きな様に紹介するという主旨の勉強会です。 では、他の講師の方の発表も含めて、いったいどんな発表が行われたのか紹介していきますね。 WebアプリビルドツールYeomanを使ってみる (@bathtimefish さん） Webサイト製作には、ライブラリの準備やフォルダ構成など、色々下準備が必要になりますが、それらはとても面倒くさいもの。 Yeomanは、そういった面倒な下準備を製作者の代わりに全部やってくれる素晴らしいツールです。 Yeomanのyoコマンドを実行すると対話
Grunt: The JavaScript Task Runner
Why use a task runner?In one word: automation. The less work you have to do when performing repetitive tasks like minification, compilation, unit testing, linting, etc, the easier your job becomes. After you've configured it through a Gruntfile, a task runner can do most of that mundane work for you—and your team—with basically zero effort. Why use Grunt?The Grunt ecosystem is huge and it's growin
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://blk.jp/archives/765