株式会社サイゾー(Cyzo inc.) / Raffael Stüken / La Moulade - Creative St...他...全11件
株式会社サイゾー(Cyzo inc.) / Raffael Stüken / La Moulade - Creative St...他...全11件
Webデザインをしていると、HTML と CSS だけではできない表現ってありますよね。そんな時によく使うのが jQuery。今回は jQuery っていまいちよく分からない ... っていう人が、jQuery に少しでも親しんでもらえたらいいなーと思って、知ってる事をまとめてみました。なので jQuery 初心者さん向けの記事です。 とっても当たり前なんですけど、Web サイトは基本的に HTML で書かれていて、デザインは CSS で装飾されていますよね。最近では CSS3 の登場で、簡単なアニメーションも CSS で作れるようになりました。でもクライアントワークでは、まだまだ CSS3 を使える部分が限られているし、Webデザインに少し動きなどをつけたい時などは、まだまだ jQuery を活用する事も多いです。 私は Javascript が苦手で、jQuery もどちらかというと苦
執筆した井上誠一郎氏ら共著者に敬服。お疲れさまでした。 パーフェクトJavaScript (PERFECT SERIES 4) 言語仕様のpart2(2〜7章)まで読みました。その後はパラパラっと流し読み。まずは言語仕様までの内容について雑感を述べます。 JSには既にサイ本と呼ばれるバイブルが存在しますが、サイ本は「仕様を淡々と解説している本」といった印象を持っています。対してパーフェクトJavaScriptは「仕様における用語を整理し、分かりやすくまとめて解説している本」といった印象でした。そして表紙がダサいです。ガラケーがのってます。サイ本に対してガラケー本といったところでしょうか。・・・って不名誉な名称だからやめとこうと思いましたが、パーフェクトJavaScriptと長いのでやっぱり使います。 対象読者 入門書ではないと「はじめに」で言い切っています。対象読者についてもそのページで言
このページについて 震源地の推移をアニメーションします. から までのデータを表示可能です. マーカーの大きさはマグニチュードに比例,するんじゃなくて,マグニチ ュードを m とすると,「マーカーのサイズ = 5 * 1.5m」としてい ます.1.5 にはあんまり意味が無くて,それっぽく見えるサイズを調整しました. 深さを色(白黒)で表しており,浅い(0km)と白く,10km 刻みでだん だん暗くなっていき,深い(90km 以上)と黒くなります.深さが公開されてい ないデータがあったんですが,面倒なので 0km として扱っています.なので, 白が目立つかも. 震源地のデータはhttp://tenki.jp/earthquake/で公開 されている,震源地が明らかなデータを利用させて頂きました.いい加減に抜き 出しているので,間違いなどあるかもしれません.また,多分発生時の発表デー タなので
はじめに 「マンガでわかるJavaScript」は、難しそうに思えるプログラムを、簡単そうに見えるマンガで解説するという初心者向けの入門講座です。 架空の高校生たちに教える形式で、プログラムの基礎から応用を、解説していきます。一通りのマンガを読めば、かなり実践的なところまで、プログラムを書けるようにしていきます。 (マンガは、左上から右下へと読みます) プログラムというと、けっこう大変そうに思えますが、この講座のテーマは「面倒くさいことを楽にする」です。面倒臭がりで、手抜き大好きの女子高生を主人公にして、楽しくプログラムを学んでいくことにします。 主な対象読者は「これからプログラムを学んでみたい人」「Webの世界に関わっていてJavaScriptを学んでみたい人」「昔JavaScriptを触っていたけど最新のトレンドが分からないので改めて学んでみたい人」などです。初心者だけでなく、Webデ
PHP、Perl、Ruby、C、C++等40以上の言語をブラウザで実行できるようになるjQueryプラグイン「Run This」 2010年03月11日- Run This! PHP、Perl、Ruby、C、C++等40以上の言語をブラウザで実行できるようになるjQueryプラグイン「Run This」。 ブラウザ内の<pre>コードで記述した部分を、その場でそのまま動かすことができ、うまくサイトに組み込めばより訪問者にとってわかりやすいページを作ることが出来そうです。 例えば、PHPの入門サイトなんかでは挙動を一瞬で確認できてしまいます。 具体的には以下の言語に対応しています。 Ada, Assembler, AWK, Bash, bc, Brainf**k, C, C#, C++, CLIPS, Clojure, COBOL, Common Lisp, D, Erlang, Forth
【2010/05/18追記】 AutoPagerizeやMinibuffer+LDRizeに依存せず、単体でページングやキー操作、プレビュー等が出来るスクリプトも作製しましたので、よろしければお試し下さい。 風柳亭: 【GIS_AutoPager】単独動作のGoogle画像検索AutoPagerスクリプト(Google Chrome/Firefox(Greasemonkey)/Opera用) GIS_AutoPager(version 0.02以降)をOperaやFirefoxで使う - 風柳メモ Greasemonkey版AutoPagerizeの本体はいじらずに、Google画像検索(Googleイメージ検索)に対応させるスクリプトを試作してみました。 LDRizeユーザは 【LDRize】Google 画像検索で画像をその場で見る拡張スクリプト とあわせてどうぞ。 【2010/01/
Firefox web browser - Faster, more secure & customizable ブラウザのJavaScriptエンジン性能はそのまま最近のWebブラウジングの快適さに結びつくことが多い。Opera、Chrome、SafariはそれぞれのJavaScriptエンジンCarakan、V8、Nitroで熾烈な競争を繰り広げており、驚異的な勢いで高速化を成し遂げている。Firefoxはこの高速化競争では押されぎみだ。 FirefoxはTraceMonkeyでJavaScript処理の高速化を実現している。TraceMonkeyはきわめて強力な高速化技術で、最適化されたあとのコードはすばらしい速度で動作する。「ロケットブースター」という言葉どおりの動きをするが、残念ながら適用できないケースが多々ある。Firefoxがほかの3ブラウザにかなわないのはこのためだ。ブース
画像をかっこよく見せたい。 そんなときにおすすめなのが、『jqFancyTransitions』。画像にFlashのようなエフェクトをかけられるjQueryです。 画像にシュパシュパシュパッと切り刻んだような効果をつけられますね。かなりかっこいいです。これがjQueryでできるなんて、すごいなと思っちゃいますね。 Examplesには、ほかにwave, curtain, fountain topといった効果があって、それぞれとてもかっこいいです。 クロスブラウザの対応もされているようですね。 ぜひ見てみてください。 jqFancyTransitions | slideshow with strip effects 連日徹夜気味で意識もうろうとしてきた。。今日はもうちょいがんばって早目に寝ようかな。ともかく金曜日はいい気分ですね〜。
HTML+JavaScriptでiPhone/Androidアプリを作れるTitanium Mobileとは:Web技術でネイティブアプリを作れるTitanium(1)(1/3 ページ) iPad/iPhone VS Androidに戸惑っているWebデザイナ/開発者のために、Web技術でネイティブアプリを作れるオープンソースの開発ツールを紹介し、その利点や使い方を連載で解説します iPad/iPhone VS Androidに戸惑っていませんか? 2010年1月5日、グーグルがAndroid 2.1を搭載した「Nexus One」を発表しました(参考:Google、Android 2.1搭載の“スーパーフォン”「Nexus One」を発表)。高精細なディスプレイや高速なプロセッサによる快適な動作など、iPhoneのライバルとしての存在感が話題になりました。また1月21日には、NTTドコモ
古いエントリーなのですが、まだ時折検索エンジン経由?でいらっしゃる方がいるみたいなので追記 Titanium Desktopは今はTideSDKと変わってオープンソースプロジェクトになっています。 いいたい事を先に。 Ruby,Python,PHP,JavaScriptやってる人でデスクトップアプリ作成に興味ある人は Appcelerator Titanium Desktop さわってみるといいと思います。OS X, Windows,Linuxとマルチプラットフォームなデスクトップアプリをhtml,JavaScript,Ruby,Python等の慣れ親しんだ技術で簡単に作成、公開することができます。 予想以上にブクマされてるみたいなので、Titanium Desktopの特徴を箇条書きですが追加しておきます。 一言で言えばJavaScriptで記述するAdobe AIRのようなRIAフレー
データ分析から導き出されたインサイト無しにAI(人工知能)の活用は始まりません。私たちは、各業界知識とデータ・アナリティクス技術を駆使しデータドリブン経営を強力に支援します。 データ、アナリティクス、AIは企業にとって競合他社との差別化を図るかつてないほど大きな要因になっています。今日の経営幹部が効率を向上しながら新たな収益源を開拓し、新しいビジネスモデルをタイムリーに構築する方法を模索する中、価値を生み出し成長を続ける企業には「データ活用」という共通項があります。私たちは、無数のデータから企業にとって本当に必要なデータを活用するための方法を知っています。 将来を見据えたオペレーション体制を備えている企業の半数以上(52%)は、すでにデータとアナリティクスを大規模に活用しています。データとAIに関する取り組みをビジネス戦略に沿って実施することで投資利益率を迅速に最大化し、最終的にはAIをビ
jQuery基礎文法最速マスター はやっているようなのでまとめてみたいと思います。 jQueryの読み込み Google AJAX Libraries APIで簡単に読み込めます。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> jQueryの記述場所 基本的にはscript要素内の次の箇所に記述していきます。 <script type="text/javascript"> $(function(){ /*ここにjQueryを記述*/ }) </script> 上のコードは$(document).ready()のショートカットなので、次のように書いても大丈夫です。 <script type="text/javascri
近年,Ajaxの台頭をきっかけに,JavaScriptを使ったブラウザのリッチ・クライアント化が進んできました。現在では,ページの表示を変化させるだけであれば,ほとんどのことはJavaScriptのみで対処することが可能です。それを実現するのがDOMなのです。 第1回 DOMから始めるモダン・スクリプティングの世界へようこそ 第2回 ブラウザからHTMLはどう見えているかを理解しよう ~ドキュメントツリー~ 第3回 DOMスクリプティングのことはじめ(1) ~要素(タグ)を狙い撃ち~ 第4回 DOMスクリプティングのことはじめ(2) ~これはどんな要素?~ 第5回 DOMを使ってHTMLを自由自在に書き換える 第6回 イベントハンドラから脱却しよう 第7回 スクリプトを完全に分離しよう ~コンテンツ,プレゼンテーション,ビヘイビア~ 第8回 スクリプトのパッケージ化 ~使い回しできるスクリ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く