Menü schließen
私の環境では、コマンドやライブラリなど主にCUIベースのパッケージ管理に、MacPortsを利用しています。 これまでは、ターミナルから操作していたのですが、「Porticus」を使えば、GUIからMacPortsを利用することができるのですね!既に、Macの手書き説明書さんや、MOONGIFTさんでも取り上げられていたアプリケーションですが、最近まで知りませんでした...。 という訳で、早速試してみました。Porticusは、3ペイン形式のインタフェースで、普段よく実行する「port selfupdate」や「port upgrade installed」、「port search 〜」相当のコマンドも簡単に利用する事ができます。 「selfupdate」は、メニューバー「Ports」→「Self Update...」から実行する事ができます。 ↑Self Update中 「upgrad
Debian(lenny)にnetatalkインストールしてみた。MacのTime Machineを使いたいのでnetatalk-2.0.5rc1をソースからインストールした。 以下のサイトを参考にした。 参考1 参考2 参考3 1.インストール $ sudo aptitude install avahi-daemon cracklib2-dev fakeroot libssl-dev $ sudo apt-get build-dep netatalk $ wget "http://downloads.sourceforge.net/project/netatalk/netatalk/2.0.5-rc1/netatalk-2.0.5rc1.tar.bz2?use_mirror=jaist" $ tar jxvf netatalk-2.0.5rc1.tar.bz2 $ cd netat
静岡文化芸術大学デザイン学部メディア造形学科のサイトです。「最先端」「未来」がメディア造形学科のフィールドです。
Hi Apache Friends! We just released a new version of XAMPP for Windows for PHP versions 8.2.12, 8.1.25 and 8.0.30. New versions for Linux and OS X will come soon! You can download these new installers... 更に詳しく » Apache Friends について Apache Friends は、Apache ウェブ サーバーの振興を行う非営利プロジェクトであり、XAMPP プロジェクトの本拠地でもあります。XAMPP は、インストールが簡単な MariaDB、PHP、および Perl を含む Apache ディストリビューションです。. Read more »
CGIやPHPを製作していると、いちいちサーバにアップロードして動作確認するのが面倒なときがしばしばあります。そうでなくても、自作CGIや改造したCGIはサーバにアップロードする前に一度ローカルで動作確認することが望ましいです。そこで、自分のPCでCGIを実行できる環境を作っちゃいましょう!※注意: このページは「とりあえずローカルでCGI・PHPを動かせる環境を作る」ための最低限の説明であり、セキュリティその他の細かいことについては一切触れていません。設定の詳しい意味を学びたい場合、自宅サーバでWebサイトを運用したい場合などは他のきちんとした書籍やドキュメントを参照されることをお勧めします。 インストール CGIを動かす Apacheの設定 動作確認 PHPを動かす Apacheの設定 動作確認 最終更新時間:2008年11月19日 08時07分02秒インストール ここでは、Windo
"The Documents contained within this site may include statements about Oracle's product development plans. Many factors can materially affect Oracle's product development plans and the nature and timing of future product releases. Accordingly, this Information is provided to you solely for information only, is not a commitment to deliver any material, code, or functionality, and should not be reli
国内レンタルサーバで使われている PHP/Ruby/Python/Perl/MySQL/PostgreSQL のバージョンを調べてみた。レンタルサーバの選択基準は特にない。「レンタルサーバ」でぐぐって適当にピックアップした。 最初にまとめとくと: PHP は 5.2.x が主力 Ruby は 1.8.2 が十分現役、1.8.7 が使えるとこなんてごくわずか少しずつ増えてる? Python は 2.3 や 2.4 がまだ現役、2.6 は見つけられずまだまだ少数 Perl は 5.8.8 が主力、5.10 はなし (livedoor ですらそう) MySQL は 5 系が主力だが、5.1 が主力とまでは言えず PostgreSQL は使えるところ自体が少数 なおこの情報は 2010 年 4 月現在であることに注意。 (追記: さくらインターネットで php 5.2.x と ruby 1.8.7
MacPorts is an easy to use system for compiling, installing, and managing open source software. MacPorts may be conceptually divided into two main parts: the infrastructure, known as MacPorts base, and the set of available ports. A MacPorts port is a set of specifications contained in a Portfile that defines an application, its characteristics, and any files or special instructions required to ins
MacPorts とは?[編集] MacPorts は MacOSX 上で利用可能なパッケージシステムの一つで、 主に UNIX 向けに開発されたオープンソース・ソフトウェアを手軽にインストールすることができます。 OpenDarwin プロジェクトの一部として 2002 年より始められ、 Landon Fuller, Kevin Van Vechten, Jordan Hubbard といった Apple inc. の従業員も多数参加しています。 以前は DarwinPorts と呼ばれていましたが、OpenDarwin プロジェクトの休止に伴い、MacPorts と改称(2006 年 8 月~)されました。 そのため、一部の配布物にはまだ DarwinPorts という表記が残っていますが、これらは全く同じものを指します。 2005 年 4 月 28 日にバージョン 1.0 がリリース
For all of us who deal with long web pages and need to scroll to the top for the menu, here's a nice alternative: floating menus that move as you scroll a page. This is done using HTML, CSS and jQuery, and it's fully W3C-compliant. Demo and Source You can see a demo of this tutorial by clicking on the "Demo" button above. For the source download, please note that the jQuery library, Dimensions plu
animateToSelector〔CSSとjQueryを使用したリスト要素のドロップダウンメニュー〕 Another Solution to Animation Queue Buildup in jQuery〔待機アニメーションの補強〕 CSS Dock Menu〔Mac OS Xのドック風のメニュー〕 CSS Sprites2〔jQueryとPHPを使用した投票システム〕 CSSとjQueryを使用したリスト要素の垂直型ドロップダウンメニュー CSSとjQueryを使用したリスト要素の水平型ドロップダウンメニュー Designing the Digg Header〔Diggのヘッダ風の垂直型ドロップダウンメニュー〕 Emenu〔ヘッダ画像内に収まる固定幅・固定高さのドロップダウンメニュー〕 Fixed Fade Out Menu〔ロールオーバーでフェードアウトするページ上部固定ナビゲー
Lightweight Circle slideshow〔くるくる回して画像を切り替える円形のイメージギャラリー〕 Smooth Div Scroll〔水平方向に並べた画像をマウス操作でするするスクロール〕 Nivo Slider〔9種類のエフェクトがかけられるイメージスライダー〕 Galleriffic〔画像ギャラリーをリッチかつ高速にレンダリング〕 IMGPREVIEW〔マウスオーバーでリンク先の画像をプレビュー表示〕 jQuery largePhotoBox plugin〔大きな画像対応ポップアップ(マウス移動で画像全体を閲覧可能)〕 PIROBOX〔シンプルかっこいい画像ポップアップ〕 bxGallery〔シンプルな画像ギャラリー〕 A Simple jQuery Slideshow〔シンプルなスライドショー〕 Accessible News Slider〔全件表示や件数に応じて前
Coda-Slider AnythingSlider〔HTMLコンテンツをスライドショー表示〕 bxSlider〔コンテンツスライダー、フェード切替、ティッカー〕 Easy Slider 1.5〔画像やコンテンツのスライド〕 jQuery pageSlide〔ページ全体を左へスライド〕 jQuery.ImageSwitch〔画像を様々な方法でスライドアニメーション切替表示〕 Simple Toggle with CSS & jQuery〔シンプルな要素の表示切替〕 Supersized〔自動的に背景画像をブラウザサイズに合わせてリサイズして、スライドショーする〕 toggleElements〔HTML要素の表示切替〕 パネルを水平方向にスライドするjQueryプラグイン。 パネルに表示する部分は、HTML要素のため、動画(object要素)を埋め込むことも可能です。 ナビゲーションコントロ
CSS だけで(JavaScript を使わずに)ロールオーバーさせる方法を学んだ。やり方はいくつかあるけど、もっともスマートな方法はやっぱりアップルが採用している方法かな。CSS を無効にしたときの画面も美しい。結局そういうコーディングが SEO 的にも最適だし。 文字は padding-top と overflow: hidden で見えないようにしているようだ。その上で hover したときに背景画像のポジションをスライドさせている。 #globalheader #globalnav li a { float: left; width: 117px; height: 0pt; padding-top: 38px; overflow-x: hidden; overflow-y: hidden; } #globalheader #globalnav li a, #globalheader
Leopardに環境を移すにあたり、ここはひとつMakefileしてインストールする方法を使ってメンテナンスがしやすいPlagger環境を作りたい!と思い、色々なサイトの情報を集めつつ試していたのですが、どうも環境が違うのか作業途中で躓きまくって再インストールを繰り返すうちに情熱が冷めてしまい、アップグレードディスクが手元にあったのに半年以上放置という状態が続いていました。(このブログも随分放置してますが) このまま放置はそろそろ「勿体無い」気がしたので、もう一度奮起してリベンジ。その結果、一応の解決を見たのでその手順の一部始終を晒してみます。もうちょっとスマートに出来る方法があれば是非とも教えてください。手順の組み立てに見直しと確認と・・えらく手間取りました。 このエントリーでの目標は 「Leopardをクリーンインストール状態からPlaggerが動くようになるまで育て上げる!!」 (M
Working with hugedomains.com was a quick and easy process. We got to speak to multiple real people located in Colorado without having to wait on hold! Our only complaint was we felt we had to overpay more than this particular domain was worth, and we weren't able to negotiate it down to a level that we felt was fair. However, payment and delivery were seamless, and within a few hours we had all of
管理者パスワードを尋ねられて、インストール開始。依存するいくつかのパッケージと共に、順調にインストールが進んでゆきます。 インストール終了直前に「この設定のままだと使えないから、php.iniを編集してね。extension_dir = "./" という行を消せば良いよ(意訳)」というメッセージが英語で表示されるので、その通りにしてみる。ちなみにMacPortsを使ってインストールしたならば、php.iniは /opt/local/etc/php5/ にある筈。 picoだのnanoだのviだの、いつも使っているエディタでphp.iniを開いて「extension_dir = "./"」の行を探してコメントアウト。 Apacheを起動して、自分の "サイト" フォルダに適当に書いたphpファイルを置いてブラウザからアクセスしてみる。 http://localhost/user_name/t
MacPorts is an easy to use system for compiling, installing, and managing open source software. MacPorts may be conceptually divided into two main parts: the infrastructure, known as MacPorts base, and the set of available ports. A MacPorts port is a set of specifications contained in a Portfile that defines an application, its characteristics, and any files or special instructions required to ins
Mac向けのUNIXパッケージシステムMacPortsを利用するために、Xcode Toolsというのを併せてインストールしなければいけません。 Xcode ToolsはOSのインストールディスクにも入っていますが、最新版はApple Developpers Connection (ADC) から入手できます。無料のメンバーシップ登録が必須です。メンバー登録が済んだら、いざダウンロード。 が、ダウンロードページがどこにあるんだか、非常にわかりにくい。うちは未だにMac OS X Tiger(10.4.x)を使っているのですが、Tigerに対応するいちばん新しいXcode Toolsのバージョンは2.5。これが何処からダウンロードすれば良いのやら。 小一時間さまよった末、遂に辿り着けたのだ。 ☆ADCトップページから、"Mac Dev Centerへ" のリンクをクリックして移動。 ↓ ☆ロ
macports - Revision 154482: /downloads .. DarwinPorts-1.0/ DarwinPorts-1.1/ DarwinPorts-1.2/ DarwinPorts-1.2.1/ DarwinPorts-1.3/ DarwinPorts-1.3.1/ DarwinPorts-1.3.2/ MacPorts-1.4.0/ MacPorts-1.5.0/ MacPorts-1.6.0/ MacPorts-1.7.0/ MacPorts-1.7.1/ README testing/ Powered by Apache Subversion version 1.10.4 (r1850624).
Quickstart Install Apple's Command Line Developer Tools: xcode-select --install Install MacPorts for your version of the Mac operating system: macOS Sonoma v14 macOS Ventura v13 macOS Monterey v12 Older OS? See here. Installing MacPorts MacPorts version 2.10.1 is available in various formats for download and installation (note, if you are upgrading to a new major release of macOS, see the migratio
PHP-GTK is an extension for the PHP programming language that implements language bindings for GTK+. It provides an object-oriented interface to GTK+ classes and functions and greatly simplifies writing client-side cross-platform GUI applications. History The PHP-GTK was established in March 2001 by Andrei Zmievski an uzbek who lives and works in the United States. As well as many projects in free
Getting Started Introduction A simple tutorial Language Reference Basic syntax Types Variables Constants Expressions Operators Control Structures Functions Classes and Objects Namespaces Enumerations Errors Exceptions Fibers Generators Attributes References Explained Predefined Variables Predefined Exceptions Predefined Interfaces and Classes Predefined Attributes Context options and parameters Su
Getting Started Introduction A simple tutorial Language Reference Basic syntax Types Variables Constants Expressions Operators Control Structures Functions Classes and Objects Namespaces Errors Exceptions Generators References Explained Predefined Variables Predefined Exceptions Predefined Interfaces and Classes Context options and parameters Supported Protocols and Wrappers Security Introduction
The PHP development team announces the immediate availability of PHP 8.1.30. This is a security release. All PHP 8.1 users are encouraged to upgrade to this version. For source downloads of PHP 8.1.30 please visit our downloads page, Windows source and binaries can be found on windows.php.net/download/. The list of changes is recorded in the ChangeLog. The PHP team is pleased to announce the relea
HEAD <!-- JS --> <script src="jquery-1.2.6.min.js" type="text/javascript" charset="utf-8"></script> <script src="jquery.curvycorners.min.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> $(function(){ $('.c').corner(); $('.inner').corner({tl:{radius:6},tr:{radius:6},bl:{radius:6},br:{radius:6}}); $('.c2').corner({tl:{radius:16},tr:false,bl:false,br:{radius:16},an
Overview Lightbox JS is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers. Note: An new version of this script is available: Lightbox JS v2.0 Example To make sense of it all, check out these examples. Click on a thumbnail or text link below: Benefits Places images above your current page, not within. This frees you from t
<!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" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Language" content="ja" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta http-eq
Windows OS に PHPとApacheサーバーのインストール ~ php.iniの設定まで、 パソコンでPHPを使えるようになるまでの手順を図解。 .htaccessの指定方法、使用頻度の高いPHP関数をサンプル付きで解説。 Tipsでは実用的な自作関数を紹介。 JavaScriptの基本~実用的な関数までサンプル付きで解説。 ロールオーバー、ウィンドウ操作、連動プルダウン、入力チェック(正規表現含む)など、 サイト制作に使える実用的なスクリプトを紹介。コピペで使えます。 JavaScriptでDOM(Document Object Model)のメソッド・プロパティを使ってページ上のノードにアクセスするサンプルも追加しました。 Ajax ブログやサイトで使える実用的なAjaxをサンプル付きで解説。 HTML5 次世代HTML標準となるHTML5を使ってみよう!HTML5のタグリフ
Lightboxに対応させたいページのHTMLタグを編集します。 HTMLページの1行目に <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> を挿入し、<TITLE></TITLE>の次の行に <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /> <script src="js/prototype.js" type="text/javascript"></script> <script src="js/scriptaculous.js?load=effects,builder" type="t
Lightbox 2.0とは? Lightbox 2.0はAjaxを利用して画像を表示するライブラリです。画像は単独の表示だけでなく、複数画像をグループ化してスライドとして表示させることもできます。 Lightbox 2.0の大きな特長としてスクリプト(プログラム)を記述しなくてよいという点があります。つまり、全くプログラムが分からない人手も気軽に使う事ができます。Lightbox 2.0ではHTMLの<a>タグのrel属性にlightboxの文字を記述するだけでできてしまうという手軽さです。また、JavaScriptのコードが実行できるブログであればLightbox 2.0を利用することができます。 Lightbox 2.0は作者であるLokesh Dhakar氏のサイトからダウンロードすることができます(*1)。 「Lightbox2のダウンロードサイト」 「Lightbox v2.0
Overview Lightbox is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers. What's New in Version 2 Image Sets: group related images and navigate through them with ease Visual Effects: fancy pants transitions Backwards Compatibility: yes! How to Use Part 1 - Setup Lightbox 2 uses the Prototype Framework and Scriptaculous Effe
JavaScriptライブラリのmootoolsのプラグインを利用して出来るサンプルです。 Ajaxライブラリの一つmootoolsは、必要十分なメソッドに抑え、軽く、早いのが特徴です。 ここでは、画像関連、メニュー関連、フォーム関連、テキスト関連、その他、日本語未解説の分類でAjaxライブラリmootoolsを紹介しています。 Image(19) Menu(13) Form(8) Text(9) Other(18) W/O_JP(45)
JavaScriptライブラリのPrototypeとscript.aculo.usのプラグインを利用して出来るサンプルです。 prototypeはAjaxライブラリの先駆けと登場し、多くのサイトで使用されています。 ここでは、画像関連、メニュー関連、フォーム関連、その他、日本語未解説の分類でAjaxライブラリのprototypeならびにscript.aculo.usのサンプルを紹介しています。
A javascript animation experiment What's this all about? (AKA, "Holy pointless lightshow, Batman!") Fireworks.js is a bit of Javascript that creates starburst-type explosions in a web document; in short, it's a fireworks effect someone could theoretically use on their site. And come on, who doesn't want something like that? As far as appropriateness is concerned, this effect could be compared to t
TweenConstructorMethodsExampleEasing functionsExampleEventsEvents listenersColorTweenConstructorExampleOpacityTweenConstructorExampleTextTweenConstructorExampleSequenceMethodsEventsUsageExampleParallelSee it in action The Tween class CONSTRUCTOR var t = new Tween(object,property,easing,start,end,duration,suffixe); object: type:Object The object you want to modify. It can be any object, a visual ob
Download animator.js Animator.js was a library I wrote back in 2006 to handle animation on web pages. For a time it was quite ahead of the curve: It was the first library to feature CSS morphing – the ability to smoothly transition between two styles defined as CSS classes. The world of JavaScript has moved on a lot since then. Animator.js has now been incorporated into most of the major JavaScrip
This is a bugfix release that bumps script.aculo.us to version 1.9.0. Most importantly, the included Prototype 1.7 provides performance and compatibility improvements with the latest browsers. One other fix is includes, that makes the script.aculo.us loader work better if you use script tags in the BODY of your page. Download at http://script.aculo.us/, or grab/fork the source at http://github.com
Webサイトを使いやすく、楽しくするリッチなユーザーインターフェイス(UI)。手軽に使えるオープンソースのJavaScript/Ajaxライブラリが充実してきたおかげで、従来はFlashでしかできなかったようなUIが、HTML/CSS+JavaScriptだけで作れるようになった。 ここに、ASCII.jpで紹介したJavaScriptライブラリの使い方、実際の採用サイトの情報をまとめてみた。ぜひ自分のWebサイトのUI制作の参考にしてみよう。 ※このページは随時更新します Last update:2008年12月18日 JavaScript/Ajaxライブラリ紹介記事
Lightweight Footprint Only 30kB minified and gzipped. Can also be included as an AMD module CSS3 Compliant Supports CSS3 selectors to find elements as well as in style property manipulation What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use
ファイルサイズわずか10キロバイト、CSSの1から3、XPathをサポートし、Internet Explorer、Firefox、Safari、Operaで動作します。「JavaScriptのコードを書くのが楽しくなる」というのがモットーらしい。 ダウンロードや実際の例、使い方などの各種取り扱い説明は以下の通り。 jQuery: New Wave Javascript http://jquery.com/ 上記ページの「Run」をクリックするとその機能の一端を垣間見ることができます。面白い効果です。 その他のデモとしてはこんな感じでいろいろなところに使えます。特に一番下の「Example G」のボタンをクリックしてから本文の上にマウスを乗せると色が変わり、フェードしながら元に戻るというのはシンプルながら面白い。 JQuery http://codylindley.com/blogstuff
こんにちわ。山下です。 最近、私の周りではJavaScriptライブラリといえば、jQuery の名前がまず最初に挙がってくるようになってきました。今回は、jQueryって何が便利なの?っていう人向けに、ポイントを掻い摘んで説明します。 1.名前空間を汚さない 他のJavaScriptライブラリとかだとStringとかArrayを直接拡張してたりしますが、jQueryはグローバルな名前空間を汚しません。eachとかmapのような便利な関数もすべてjQueryオブジェクトの属性として定義されています。 jQuery.each, jQuery.extend, jQuery.grep, jQuery.map, jQuery.merge, jQuery.trim, etc. また、標準では $ にショートカットが割り当てられるのですが、jQuery.noConflict()と書くことで proto
JavaScriptライブラリ「jQuery」とは? 最近、Flashの代わりにJavaScriptを利用してリッチなデザインのWebサイトを構築する事例が増えてきました。特にグーグルのサービスは、JavaScriptをうまく取り入れている例として誰もがご存じでしょう。 例えばGoogleマップは、Webブラウザ上でマウスをドラッグ&ドロップするだけで、地図を自由に操作できます。このような操作感は、まるでWebサイトであることを意識させない作りになっています。 本来、JavaScript自体はインターネットが広まり始めたころから存在していて、決して目新しい技術ではないのですが、Webブラウザの種類やバージョンによって挙動が異なることから、JavaScriptを使って大掛かりな仕組みを作ることは不可能だと考えられてきました。 しかし、最近ではWebブラウザは自動的にバージョンアップされるよう
Javascriptで優れたインターフェースを実装したい。 そんなあなたにおすすめなのが、『75 (Really) Useful JavaScript Techniques』。まじで使えるJavascriptライブラリ75選だ。 以下にいくつかご紹介。 » Lightview スムーズに画像を拡大してくれる » FancyUpload アップロード中のプログレスを表示してくれる » SWFObject Javascriptを使ったFlashプレーヤ » JavaScript tabifier 簡単にJavascriptで切り替えられるタブインターフェースが作れる » FancyZoom 1.1 簡単なエンベッドでスムーズに画像を拡大してくれる » SimpleModal オーバーレイするクールなモーダルダイアログ » A Mac OS X-style Dock In JavaScript
JavaScript Library Archiveについて JavaScriptライブラリをまとめたサイトです。用途別に探すことができ、配布元、使用方法、ライセンスなどについて解説をしております。 新着JavaScriptライブラリ プログラムのコードに色を付ける「google-code-prettify」 角丸を表現する「jQuery Corners 0.3」 jQueryベースのカラーピッカー 「Farbtastic」 水平方向のアコーディオンメニュー「horizontal accordion」 セレクトボックスをカスタマイズする「Script.aculo.us Select Box」 IE6でhover,active,focus擬似要素を使う為の「csshover」 画像に光沢を与えるjsライブラリ『Glossy.js』 IE6以下をIE7と同じようにするライブラリ『IE7.js』
このページはAjax (JavaScript) 関連ライブラリ一覧を掲載しています。 ライブラリのサンプル(例文)に関しては新JavaScript例文辞典にも掲載しています(新しいライブラリなどにも対応しています)。 ミスや間違い、リンクエラーなどがありましたらopenspc@po.shiojiri.ne.jpまでお願いします。
サイト更新情報 2006/12/06 よく使われているページを検索窓から簡単に辿れるようにしました。(検索窓に「prototype」と入力) 2006/11/27 JavaScript入門/応用サイトJavaScriptistオープン! 2006/11/23 試して確認できるJavaScriptオンラインエディタを公開 2006/11/20 JavaScriptリファレンス、逆引きサンプル集を公開 2006/11/19 JavaScriptライブラリ活用ページ公開 2006/11/15 JavaScriptistベース機能の構築完了 過去のサイト更新情報
Firefox アドオンの「Firefbug」はご存知の方も多いと思いますが、Firefbug を使って表示しているページの(X)HTMLマークアップや CSS を確認・修正する方法のまとめを紹介します。 特に3項に記した、(X)HTMLとCSSを一発で確認する方法はおすすめです。 動作は Firefox 3.5 + Firebug 1.4.0b7 で確認しています。 1.基本:(X)HTML マークアップと CSS を表示する 確認したいページを表示した状態で、メニューバーの「表示」→「Firebug」を選択します。または F12 を押下します。 これでページ下半分に Firebug のウィンドウが表示され、左側に(X)HTMLマークアップ、右側にそのページで使われている左側のウィンドウで選択状態になっている要素の CSS が表示されます。この手順で Firebug の画面を開くと、bo
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.
Webサイト制作をしている方には、必需品なんじゃないかと思われるくらい便利なFirefoxのアドオン『Firebug』。HTMLやCSSのコーディングを担当している人の多くはいれているアドオンですね。 Firebugを入れて使っている人は多いようなのですが、意外と知られていない機能が盛り沢山だったということが、先日の勉強会(SaCSS)にて発覚!使っているといっても、一部の機能に限られてしまっているようなのです。 もちろん「そんな機能知ってるよ!」というくらい使っている人も多いと思います。しかし、そんなに使いこなせていないや、活用できていない!という人も勉強会の時に多かったように、実際にも多いはず! Firebugの使い方をもう少し知っていると、Webサイトの制作の時に便利だ!と思える場面が多々でてくるので、是否今回ご紹介する機能は抑えておき、活用してみてください。 HTML&CSSの確認
ローカライズについて Web Develoerの日本語にかかわる問題が、ほぼすべて解決したことと、Infoaxia社から管理を移管したことを受けて、今後のWeb Developerのローカライズは、BabelZillaで行うことにしました。ローカライズの議論については、BabelZillaのディスカッションパネル、またはメッセージボードでやりとりできればと思っています。自分のアカウントは「minato」です。遠慮なくお声をかけてください。 Webdeveloperとは Web Developerとは、ウェブ制作を補助する拡張機能です。拡張機能は、Firefox, Seamonkey, Flockのツールバーとして組み込まれます。そのため、それらのブラウザが動作する環境であれば、OSに依存せずに利用することができます。現在、Windows, MacOS X, Linuxでの動作を確認していま
はじめまして。 どうしても煮詰まっていることがあるので質問させていただきます。 今やろうとしている事は、 1,AAA,500 2,BBB,300 3,CCC,700 4,DDD,800 ... のようなカンマで区切られた内容が50行程あるcsvファイルをflashに読み込み、 行数と同じ数だけのムービークリップを用意して(それぞれ形状が違います) csvデータ内の3列目の数値(1行目だったら500)を使い、例えば数値が 500以上なら赤、600以上なら青といった具合に数値によって色を変えられるものを 作ろうとしているのですが、かなり難航しています・・・ サイトや色々な文献を見て、こうじゃないかと思うフローは ・onDataを使ってcsvを読み込む ・splitで数値を区切り、定義する ・定義した数値を呼び出しifで分岐してムービークリップに反映させる といった流れの構文が必要なのではと思っ
サイトについて Flashとサーバーサイドを組み合わせて、いろいろやってみようと実験しているサイトです。 元々は、FLASH SERVER-SIDE SCRIPT SAMPLESで説明しているFlashムービーのサンプルを公開していたのですが、時間がたつにつれ、いろいろと増えました。アプリケーションサーバは、ColdFusionやPHP、Flash Communication Serve MXを使ってます。 FLASH SERVER-SIDE SCRIPT SAMPLESも在庫がないみたいで、サンプルを乗せているだけでは意味がないので、徐々にソースをのせていこうと思っています。 Flash MX 2004用にActionScript本を書きました。ActionScriptの入門者向けの本です。他にも、共著ですが、ActionScript辞典の第2版も書きました。ActionScr
CSVファイルを読み込みたい!どうしても読み込みたい! XMLでデータ置いてくれればいいのに、CSVでしか置いてくれない // URLLoaderのインスタンス作成 var csvLoader:URLLoader = new URLLoader(); // CSVのパス設定 var url:String = "http://xxx.xxx.com/xxx.csv"; // CSVロード完了時のイベント登録 csvLoader.addEventListener( Event.COMPLETE, onCSVLoaded ); // CSVのロード csvLoader.load( new URLRequest( url )); // CSVロード完了後の処理 function onCSVLoaded( e:Event ){ // CSVの表示 trace( csvLoader.
構想雑文 WEBデザインとmacに関すること中心の自分向けメモ主体のブログ。 DREAMWEAVER、Illustrator、Photoshopなどのアプリケーションの設定や使い方。HTML、CSS、JavaScript、PHPのコーディングのことをあれこれ書いています。 FLASHに外部テキストから文字列を読み込ませるには、「変数名=○○○」と書き、文字列を読み込ませるダイナミックテキストの場所が複数の場合は「変数名=○○○&変数名=○○○」と&でつないで記述すると、教えられる。 本当に外部テキストは「変数名=○○○」という記述以外はダメなのかをやってみると、普通にテキストデータや、CSVファイルも読み込め、かつ処理ができることがわかる。 通常、外部テキストを読み込む場合、変数があることを前提にするので、 loadVariables("外部テキストファイル名");を使うことが多い。 もし
メッセージ・カードなどのFlashムービーを作成するときに知っておきたいのが,テキスト・ファイルの読み込み方です。外部テキスト・ファイルを利用できれば,ムービーを再パブリッシュすることなくコンテンツの内容に変化を付けることができます。 テキスト・ファイルで内容に変化を付ける 図1は以前にご紹介した「タイピング練習風ムービー」を少し改造したものです。問題文や表示する画像を,外部テキスト・ファイルを読み込んで変更できるようにしてみました。 図1:テキスト・ファイルを読み込むムービー(クリックするとムービーを表示します。ファイル一式はこちらからダウンロードできます) このムービーのファイル構成は図2のようになっています。 図2:ファイル構成 このように,外部のテキスト・ファイルを読み込んで,その内容を取得するような仕組みを作っておくと,テキスト・ファイルの内容を変更するだけで,Flashムービー
CSVを扱うのであれば ファイル全体を読み込んでそれを解析した方が良いと思います 以下は下記のリンクを参考に作ってみました http://www.flash-remoting.com/notablog/home.cfm? … var csvLoader = new LoadVars(); var theFileObj = new LoadVars(); var theFile = csvLoader.sendAndLoad("test.csv",theFileObj,GET ); var csvRows = new Array(); theFileObj.onData = function(src) { var theFileArray = src.split("\r\n").join("\n").split("\n"); var theFieldNames = theFileArray[
おせわになっております。 CSVのロードについて質問させていただきます。 URLLoaderを使用してCSVを読み込むコンテンツを作っているのですが、 CSVの要素がある一定量を越えると、 うまくロードできなくて困っています。 ロード部分のコードは下記です。 var csvLoader:URLLoader = new URLLoader(); var csvPath:String="./list.csv"; csvLoader.addEventListener( Event.COMPLETE, onCSVLoaded ); csvLoader.load(new URLRequest(csvPath)); function onCSVLoaded(e:Event){ trace( e.target.data ); }
すごく今さら感ありますが、つまづいたのでメモ。 Flash ネイティブの LoadVars クラスを委譲して、CSV を読み込み解析するクラスを作ってみたんですが、LoadVars.onLoad でハマってました。 結論言うとこうなんですね。 ・LoadVars.onLoad は読込データの解析が完了したときのイベント ・LoadVars.onData はデータ読込み完了のイベント なるほど。 Flashやってずいぶん経ちますが今まで気づかなかった・・・org ・URLエンコードしたテキストデータ → LoadVars.onLoad ・生テキストデータ(CSV含む) → LoadVars.onData ってことですね。 AS3だと明示的に指定できるみたいで、やっぱよく考えられてるなぁと。 外部ドキュメントからのデータのロード ~ 外部データの操作 -- Flex 2 A
QuickTime VR(QTVR)のような360度パノラマ表現をFlashとPapervision3Dを使って作成しました。先日はVR表現のもとになる素材画像(Cube Face)がなく断念したCubicVRですが、素材の作成方法がわかりましたのでそれも紹介します。 Demo(require Flash Player 9) Source(require PV3D2.0) 写真はこちらから使用→In the back of the Peninsula Tokyo on Flickr CubicVRのアルゴリズム 立方体の各面にテクスチャ画像を貼り付け、中心のカメラが立方体のなかでグルグルまわります。するとうまい具合にVR(バーチャルリアリティー)な視覚効果が得られるという仕組みです 。 Cube Face素材の作り方 世界地図のメルカトル図法のような「Equirectangular Ima
■QTVR系 QTVR Make Cubic (Mac , フリーウェア) QTVR Edit Object (Mac , フリーウェア) QTVR Make Panorama 2 (Mac , フリーウェア) http://developer.apple.com/quicktime/quicktimeintro/tools/index.html VRMakePano ftp://ftp.apple.com/developer/Quicktime/vrmakepano.zip VR Worx 2.6 (Win, Mac, 体験版はファイルを保存できない) http://www.vrtoolbox.com/vrthome.html VR ObjectWorx 1.0.1 DEMO ver - 01net. Telecharger.com http://www.01net.com/telech
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く