国内最大級の規模となるさくらインターネットのバックボーンネットワークは、日本国内の代表的なIXや数多くの大手ISPと東京・大阪で接続を行い、高い可用性と圧倒的なトラフィック配信能力を実現しています。対外接続の総計は、データセンター専業事業者としては最大規模となる1.8Tbps。各データセンター間も10ギガビット以上で接続されています。
Pry Repl Ruby Development Console Analysis – Cobalt Blue Media Pry is a runtime development console and an IRB Ruby alternative. Pry is intended to be more than a replacement for IRB Ruby. It is an attempt to bring REPL-driven programming into the Ruby language. Ruby Pry: What is the Ruby programming language and what is it used for?Ruby is a programming language created by Yukihiro Matsumoto in J
This domain may be for sale!
モデリング 技術 技術-Technology 三角原型 - 「洋裁CAD(桃CAD)」の開発者である工房奥谷氏による性別体格を... 2024-07-25 『立体裁断アプリ』や『桃CAD(洋裁CAD)』の開発者である工房奥谷(@tomosan119)氏による、性別体格を問わず理論上は補正が不要になる原型型紙製図法「三角原型」の技術論文「3D 人体計測データを基にした適応的なゆとり量の個別型身頃原型の開発」と動画が公開されています。 続きを読む ソフトウェア&ツール-Software&Tool テクスチャ ソフト Height Lab 1.2.3 Beta - 数式レイヤーを重ねて視覚的にわか... 2024-07-23 Little Dreamer Gamesによる数式レイヤーを重ねて視覚的にわかりやすく確認しながらハイトマップ&法線マップを生成する専用ツール「Height Lab」がSt
ここでは、Google MAPS JavaScript APIとbuttonを連動させる例を説明したいと思います。 サンプル このサンプルは、ボタンがクリックされる度にMarkerの表示/非表示を切り替えます。 <!DOCTYPE html> <html> <head> <style type="text/css"> html { height: 100% } body { height: 100%; margin: 0px; padding: 0px } #map { height: 100% } </style> <script src="http://maps.google.com/maps/api/js?v=3&sensor=false" type="text/javascript" charset="UTF-8"></script> <script type="text/java
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <head> <title>Q3381972 TestCase 1</title> <link href="css/design.css" rel="stylesheet" type="text/css" media="all"> <script type="text/javascript"> function invoke(obj) { var Id = obj.id;/* DOM Level 1 Interfac
JavaScriptについて質問です。 <input type="button" id="Button1" onclick="javascript:confirm('よろしいですか?');__doPostBack('Button1','')" /> のような記述をして、「よろしいですか?」のダイアログでOKをクリック したときのみ後の__doPostBackを走らせるようにしたいです。 しかしこれだとOKでもキャンセルでも__doPostBackが走ってしまいました。 そこで、 javascript:return confirm('よろしいですか?');__doPostBack('Button1','') を試したのですが、今度はOKでもキャンセルでも__doPostBackが走らなくなってしました。 どのようにしたら、OKをクリックしたときのみ__doPostBackを走らせることができ
イベント定義xmlで、 <component id="btnNew"> <event id="onclick" start="func1"/> <event id="onclick" start="func2"/> </component> ・・・というように、一つのコンポーネントのonclickイベントのstartに対して、 複数の関数を登録させたいのですが、 実際にはこの書き方では、最後に書いたfunc2のみが実行されてしまいます。 どうしても、上記のような書き方をイベント定義xmlに書いて、 複数の関数を実行させるようにしたいのですが、方法はありますか? また、同様に、レイアウトのonloadのstart時にも、複数の関数を走らせたいと思います。 ご教授お願いいたします。 メッセージ #57627 への返信 > イベント定義xmlで、 > <component id="btnNew"
Webデザインをしていると、HTML と CSS だけではできない表現ってありますよね。そんな時によく使うのが jQuery。今回は jQuery っていまいちよく分からない ... っていう人が、jQuery に少しでも親しんでもらえたらいいなーと思って、知ってる事をまとめてみました。なので jQuery 初心者さん向けの記事です。 とっても当たり前なんですけど、Web サイトは基本的に HTML で書かれていて、デザインは CSS で装飾されていますよね。最近では CSS3 の登場で、簡単なアニメーションも CSS で作れるようになりました。でもクライアントワークでは、まだまだ CSS3 を使える部分が限られているし、Webデザインに少し動きなどをつけたい時などは、まだまだ jQuery を活用する事も多いです。 私は Javascript が苦手で、jQuery もどちらかというと苦
jQueryの特徴の1つは、Webサイトに動きを付ける「アニメーションエフェクト」を手軽に実装できることです。jQueryで実現できるのは、セレクターで指定したHTML/XHTML(以下、HTML)要素のサイズや位置、透明度を時間の経過とともに徐々に変化させ、動いているように見せる簡単なアニメーションですが、最近のWebデザインで用いられる“動きのあるUI”を作るのには重宝します。 今回は、jQueryに用意されているアニメーションエフェクト関連の命令を紹介します。 非表示状態の要素を表示するshow() show()は、CSSのdisplayプロパティの値が「none」、つまり非表示に設定されているHTML要素を、アニメーション付きで表示状態(display:bolck;)に切り換える命令です。要素の透明度を透明から不透明にしながら、サイズ(高さ/幅)を0から本来のサイズに変化させます。
「ツールチップ」の完成画面。左から、CSSで装飾するツールチップ、透過GIFを使ったツールチップ、透過PNGを使ったツールチップ(画像クリックでサンプルページを表示します) CSSで装飾するシンプルなツールチップ 最初に作成するのは、リンク(a要素)にマウスカーソルが重なると補足テキストをフェードインで表示する、シンプルなツールチップです。ツールチップはマウスカーソルの右下にピッタリくっ付いて表示され、マウスの動きに合わせて移動します(サンプル01)。 HTML/XHTML(以下、HTML)は以下のようになります。ツールチップを設定するリンクはa要素で通常通りマークアップします。ツールチップ内に表示する補足テキストは、a要素の後ろにspan要素で記述します。span要素には「tooltip」というclass属性を設定します。 ▼サンプル01(HTML部分) <p>Lorem (中略) qu
トグル処理はON/OFF交互に入れ替わるような処理のことです。 jQueryの「toggle() :表示/非表示」を使用すればすごく簡単に実装できます。 例えば #buttonの要素をクリックするたびに #textの要素を表示/非表示させたい場合。 <p id="button">これは#buttonの内容です。</p> ←ここをクリック <p id="text">これは#textの内容です。</p> ←これを表示/非表示させたい 上記のHTMLを用意したら、 「jQuery」と「下記の内容を入力したjsファイル」を読み込むだけで完了です。 $(function(){ $("#button").click(function(){ $("#text").toggle(); }); }); たったこれだけ。 以下がサンプルです。 これは#buttonの内容です。 ←ここをクリック これは#tex
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く