鍵っ子ブログ(Key Blog)：Keyが大好きな鍵っ子によるKeyのファンサイト。Keyに関する情報・コラム・考察・ニュースが中心 リキッドレイアウトの是非について web屋を自称する人の主張が余りにも酷い。 「その余白、もったいなくない？」っていう自然な感覚とそれをなんとかしようとするWebデザイン魂を眼前にすると、「横幅はやはり800px基準でしょ」とか「いやそろそろ1024px基準でもいいかも」とかいう議論自体がなんだかむなしいと感じただけだ。 その余白がもったいないと思う感覚とどうにかしようとするデザイン魂 - Web屋のネタ帳 つまりweb屋のネタ帳氏の主張は「ディスプレイの解像度に合わせて動的に表示を変えるAmazonすげー。それに比べて楽天は左右に余白が出来てそのスペースがもったいない」らしい。 たしかにその主張は一理あるが、ではweb屋のネタ帳氏のサイトはどうか。 スペー
スタイルシートのmarginで使用する「ネガティブマージン（マイナスマージン）」について理解しておくべきこと、ネガティブマージンを使用したテクニックなどをSmashing Magazineから紹介します。 The Definitive Guide to Using Negative Margins 1. ネガティブマージンの理解 2. ネガティブマージンの使い方 3. ネガティブマージンのテクニック集 4. ネガティブマージンのバグフィックス 5. 終わりに 1. ネガティブマージンの理解 スタイルシートを使用する際、必ずといっていいほどマージンを使用するでしょう。しかし、ネガティブマージンになると意見は分かれ、それは悪魔の仕事であると考える人たちもいます。 ネガティブマージンをは、例えばこういうのです。
バックアップとってなくって泣きを見たのは過去に1回。あれはつらかったな。 バックアップってみなさんどうしてますか？ あたしは、たまに外付けハードに必要なファイルをガーーーっ!! っと保存してますけど、それでもついついさぼりがちになってます。よくないですねぇ。 何かパソコンに問題があると必ず言われる1言。 ｢最後にバックアップしたのいつ？｣バックアップは大事なんです。わかっているんです。でも、パソコンの調子が悪くなったことないし。いつ必要になるかわからない（もしかしたらずっとうまくいけば必要ない）バックアップ用の外付けにお金だすくらいなら、なんか他のことに...なんて思ってついついバックアップ先延ばしにしてる人いませんか？ そんなあなたのために、無料でバックアップする方法紹介します！ 注）ここで紹介するのは、フルバックアップではありません。ドキュメントや、写真、音楽等、必要なファイルのコピー
このページはAjaxを勉強してみたい人向けの学習用ページです。サーバーを入れ替えたため一部CGIを使用したものが動作していません。時間のある時に修正します。また、書いてから、かなり時間が経過しているため内容的に古いものもあります。ご了承ください。 Ajaxで利用されるエフェクトに関しては別ページ(Ajax Effect)に移動しました。 Ajax関連書籍に関してはAjax関連書籍一覧ページを用意しました。 Prototype系ライブラリ サンプルプログラム【New !!】のページを用意しましたので、Prototype系のライブラリを利用している方は参考にしてみてください。 ミスや間違いなどがありましたらopenspc@po.shiojiri.ne.jpまでお願いします。 第一章 Ajaxって？ AjaxとRIA AjaxとDHTML AjaxとFlash Ajaxに必要な知識と技術 Aja
タブ区切り形式のテキストデータを読み込ませ表示するにはprototype.jsライブラリを利用すると簡単です。Ajax.Request()で読み込むタブ区切りテキストのURLを指定します。データが読み込まれたら、改行コードとタブコードで分割します。分割された数だけ繰り返しテーブルとして表示します。 サンプルコード [実行] <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <title>JavaScript Sample</title> <link rel="stylesheet" type="text/css" href="main.css" medi
第三章ではデータを解析し表示します。まず、手軽に扱えるタブ区切りテキストファイルをページに表示してみましょう。 タブ区切りテキストはデータとデータの間がタブコード（ASCコード9番）で区切られています。この形式のデータはテキストエディタでも作成できますし、Excelなどのデータベースソフトでも出力することができます。ここではExcelで作成したデータ (sample.xls) をUTF-8 (BOM [Byte Order Mark]付き) に文字コードを変換したファイル (sample.txt) を使用します。改行コードはLF (Line Feed : ASCコード10番)にしてあります。 まず、従来通りデータをサーバーから読み込みます。テキストデータなのでresponseTextでデータを受け取ります。この読み込んだデータを改行コード (LF) で行単位に分けます。分ける前に改行コード
Firefoxのアドオンやよく言われる 海外のSEOエキスパートみたいな 方々の作成したSEOツールも凄いけど 結局僕が一番使いやすくて高機能 だと思ったSEOツールは国産の SEOチェキ！でしたので機能をご紹介。 使い方次第なのかもしれませんが、結局一番使うのはSEOチェキなので紹介します。アライグマかレッサーパンダか未だにその正体を教えてくれない友達のロプロスさんの作ったツールですが、贔屓なしに現時点で最高のSEOツールです。 ※書いてある順番は適当です。書かないと分からないようなので追記しました。 Ajaxで動くのでとにかく軽快 国産なので開発者と連絡が取れる 無料で広告も無い 調査できる必要項目がほぼ全て揃ってる やたら見やすい といった感じで重宝しています。とにかく動作の軽快さ。これが大きいです。SEOツールなのに動作が重いってユーザビリティ的にどうなの？って気がしますのでいくら
仕事でかしこまった文章を書くときに、誤字・脱字の確認を行うのは当然ですが、文中に言葉の間違いや不適切な表現などが簡単にチェックできないか？と考えことはありませんか？ 一太郎やWordなどのワープロソフトには、校正機能があるので、それでチェックできますが、その為に買い揃えるなれば、意外に高価で尻込みしてしまいます。ここはひとつ、自己啓発の為と奮発する前に、無料で日本語文章の校正ができるサイトがあるので、1度試してみてください。 続きは、以下で。 日本語文章校正ツールは、その名のごとく日本語文章の校正が行えるサイトです。 使い方は簡単で、サイトにアクセスして、テキストボックスへ文章を入力して［上記の内容でチェック］をクリックするだけです。しばらくすると、チェック結果が表示されます。チェック結果は、修正を検討すべき可能性ある部分が指摘されます。 試しに、以前私（傍島）がライフハッカーに投稿したエ
通常のアクセス解析は単純にどのページがどれだけ見られたかという程度のものですが、実際にユーザーがどこをクリックしているのか、どこから見始めているのか、どこを重点的に見ているのかなどを分析する「ヒートマップ」を無料で作成してくれるのがこの「ユーザーヒート」です。 実際にどのような感じで解析できるのかというサンプルは以下から。 ユーザーローカル、Webページ内の行動を分析する無料アクセス解析ツール「ユーザーヒート」を公開 User Heat : どこが読まれているか見える！無料ヒートマップ・ツール http://userheat.com/ マウスの軌跡・クリックが多い場所・熟読エリアの3パターンの可視化が可能となっており、それぞれ以下のようになります。 マウストラック分析。ページが表示されてから離脱するまでの訪問者のマウスの動き（ページを開いたときのマウス場所や移動箇所、クリックした場所）を表
「ツールチップ」の完成画面。左から、CSSで装飾するツールチップ、透過GIFを使ったツールチップ、透過PNGを使ったツールチップ（画像クリックでサンプルページを表示します） CSSで装飾するシンプルなツールチップ 最初に作成するのは、リンク（a要素）にマウスカーソルが重なると補足テキストをフェードインで表示する、シンプルなツールチップです。ツールチップはマウスカーソルの右下にピッタリくっ付いて表示され、マウスの動きに合わせて移動します（サンプル01）。 HTML／XHTML（以下、HTML）は以下のようになります。ツールチップを設定するリンクはa要素で通常通りマークアップします。ツールチップ内に表示する補足テキストは、a要素の後ろにspan要素で記述します。span要素には「tooltip」というclass属性を設定します。 ▼サンプル01（HTML部分） <p>Lorem （中略） qu
急がばまわれ式・堅実で一番効率的な英語の勉強法 はてな界隈では、定期的に英語の習得法が話題になるが、俺もそろそろ参入してみようかな、と。 ■自己紹介 俺の英語力は、TOEIC975点、実用書・平易なペーパーバックなら辞書なしで速読できるレベル。 CNN/BBCが字幕なしで理解できて、それなりに気のきいたことも英語で話せる。 語彙力は、http://www.wordengine.jp/vcheckで測定してみたところ、約２００００語。 海外経験なしで、毎朝コツコツと勉強してきた。 ■趣旨 英語力を身につける＝ピラミッドを構築する作業である。 だが、巷にあふれかえる英語の勉強法は、基礎力がないのにいきなり実践を勧めるものが多い。 例えば、臆せずに何でもいいからしゃべってみろだの、辞書をひきながら本を読めだの。 この手の勉強方法は、学習者のコンフォート・ゾーン（快適な領域）を外れることが多く、大
先日、亀井大臣が「日本で家族間の殺人事件が増えているのは、（大企業が）日本型経営を捨てて、人間を人間として扱わなくなったからだ」という発言をされていて吹き出した。 このおじさんは本当に巧い。彼は元警察官僚で、殺人という罪の性格、その背景も含めよーくご存じのはずだ。それをああいう形で出してくる。ちょっくら経団連の雑魚どもにジャブでもかましとくか？って感じなんでしょう。 で、一ヶ月くらい前に河合幹雄さんという法社会学の学者さんのインタビュー番組を見たのを思い出した。実はちきりんは大学では法学部で刑法のゼミにいたので、犯罪学にはそこそこ関心があります。というわけで、その番組で取り上げられていた話から覚え書き的におもしろかった点をまとめておきます。 1．日本は欧米先進国と比べて極めて治安のよい社会である。 人口比の強盗や強姦などについて、米国は日本の100倍、欧州でも数十倍、という国が多い。日本は
文化庁は10月22日、東京国際映画祭のイベントとして「ヒットアニメに学ぶロケハン術」を開催、8月に公開されたアニメ映画『サマーウォーズ』の細田守監督が、東京藝術大学の岡本美津子教授や信州上田フィルムコミッションの原悟氏とともにアニメにおけるロケハンの重要性について語った。 『サマーウォーズ』は長野県上田市を舞台としたアニメ映画。高校2年生の主人公、健二は憧れの夏希先輩から「一緒に実家に行ってほしい」というアルバイトを頼まれる。しかし、夏希の実家を訪れた健二が、携帯電話に届いた謎のパスワードを解いてしまったことから、世界を揺るがすトラブルに巻き込まれていく……という物語。『サマーウォーズ』は公開1カ月半で観客動員数は100万人を突破し、秋に入ってもロングラン上映が続いている。 『サマーウォーズ』 劇場用予告 結婚がきっかけ 岡本 そもそも『サマーウォーズ』を作ろうと思ったきっかけは何だったの
「婚前旅行に行く」とブログに書いたプラモ好き41歳男性、自殺に見せかけ殺される→相手の女の周りでは、男性4人が不審死 1 名前：☆ばぐた☆ ◆JSGFLSFOXQ ＠☆ばぐ太☆φ ★ ：2009/10/27(火) 10:57:49 ID:???0 これから結婚相手の家族に会うため、旅行に行きます――。 埼玉県警が捜査に乗り出した連続不審死事件。同県富士見市の駐車場で８月、練炭自殺に見せかけて殺害されたとみられる東京都千代田区の男性会社員（当時４１歳）は、遺体で発見される前日、自身のブログに、将来への希望をこめた「婚活報告」を書き込んでいた。 捜査関係者によると、男性は東京都豊島区の女（３４）と交際、レンタカー内で遺体で見つけられた駐車場にも一緒にいた。２人が知り合ったのは昨年夏、出会い系サイトを通じてだった。男性は母親に、「いい人ができた」「結婚するかも」などと打ち明けていた。 男性は８月
（フリーで使える日本語フォント） 好きな文章を入れて日本語フォントを試せる「fonthack.jp」 本日紹介するのはこのサービス....ではなく、このサイトで使用されている日本語フォントをまとめてみました。 詳しくは以下から、 Y.OzFonｔシリーズ F910ゴシックW3-IPA（無料） F910明朝W3-IPA（無料） KesaranPasaranKT qoocRomanKT SampomichiHR Tokage-no-ShippoHR TowerGothicKT 出島明朝フォント みかちゃん ホリデイＭＤＪＰ えるまー M+ と IPAフォントの合成フォント M+ IPAフォント 梅フォント さわらびフォント さざなみフォント 戸越フォント VLフォント GLアンチック GL築地5号 白舟教育漢字 怨霊 ルイカ あられ アニト キャパニト セプテンバー ゆたぽん（コーディング）
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.
お客様のご都合上全てのデザインデータが揃わない場合、基本になるデザインデータとページで使用する画像やテキストの素材をご用意いただければ、弊社にてページを組み上げることも可能です。ご注文時にその旨お伝えいただければ、必要な情報をお聞きした後、別途お見積もり差し上げます。 基本料金は、階層ページが1デザインタイプで展開される場合の金額です。 金額は消費税込の金額です。 ページ単価は、全てのデザインデータ・原稿が入稿されている場合の金額です。 制作期間の目安は、ご発注時に全てのデザインデータ・原稿が入稿されている場合の期間です。 画像・テキストの差替は、データ納品まで無料対応しております。 デザイン変更・仕様変更に伴う対応は有料（別途お見積もり差し上げます）になる場合がございますので、予めご了承くださいませ。 FLASHオーサリング 品名 単価 単位
先月の今頃も3連休でしたが、今度の3連休はちゃんと3連休できてますでしょうか？ 土曜日恒例のまとめエントリーは、ライフハッカー[日本版]の読者の約半数を占めるFirefoxユーザーの皆さまへ贈る、Chromeに乗り換えずに済むTips17選。 ［タブを使いこなす！］ ■Firefoxで、ChromeみたいにWebサイトをアプリ化しませんか？ ■「FoxTab」でFirefoxのタブ切り替えが魅惑的にパワーアップ ■「Auto Dial」でよく見るサイトを新規タブに表示 ［ブックマークを整理整頓するなら］ ■Firefox3のブクマへのタグ付けが超簡単になるアドオン「Tagmarks」 ■「TagSifter」でブクマをタグ別に整理整頓！（Firefoxアドオン） ■Firefox3でスマートブックマークを作成する方法 ［やっぱり豊富なアドオンは魅力］ ■コンテストを勝ち抜いたFirefox
HTML コーディングの藤川ホームページ製作所 最高のデザインには、最高のソースを。HTML コーディングの外注・代行サービス サービス内容 HTMLコーディング外注サービス 藤川ホームページ製作所では頂いたデザインをHTMLにするコーディングサービスを行っております。 見やすいHTML・CSSソースで納品させて頂きます。 コーディング方法・対応可能サービス XHTML+CSS 共通パーツのライブラリ化・SSI化 LightboxやJQueryなど、配布されているJavascriptの実装 Movable Type(ムーバブルタイプ)構築・カスタマイズ ショッピングサイト構築 お問い合わせフォーム作成
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers 既報のとおり、IE6のシェアは純減を続けている。2009年2月のNet Applications調査によればIE6のシェアはFirefox 3に抜かれて3位に落ちた。今後も下落の傾向は続くとみる向きが多い。しかし、依然として19%を越えるシェアはその次のシェアを獲得している4.5%弱のSafari 3.2を大きく上回る。IE8のリリースが控えている状況ではあるが、WebデベロッパやWebデザイナは依然としてIE6対応を継続しなければならない。 IE6固有の問題を回避する方法はいくつもあるが、それらテクニックをまとめたドキュメントがSitePoint: 10 Fixes That Solve IE6 Problemsとして公開されたので注目しておき
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 フォント指定や行間、約物といった、文字周りのノウハウです。デザインというより技術的なまとめ。SWFObjectとかsIFRといったFlashネタを除けば、Webの文字は全部CSSでできるんだから... コーダこそタイポグラフィを意識すべし。看板みて書体言い当てるとか変態的な域まで達せずとも、原則だけ覚えとけばプロトタイプが様になるんだし。 オールドスタイル数字 アンパサンド（“＆”） スモールキャップ ハイフンとダーシ 各種スペース 合字 約物 約物はぶら下げる :beforeと:after 見出しのサイズ 初期フォントサイズ 行間の調整 余白の調節 各国の日付表記
A Brief Introduction in English JSplash is a conversion tool, that converts SWF movies to javascript. Converted script renders shapes with SVG and rewrites ActionScript dynamically to run on browser's JS Engine. You can see a demonstration at http://www.libspark.org/svn/ruby/jsplash/trunk/client2/demo_20081001.xml Left one is a screenshot of the movie running on JSplash. And right one is running o
web開発者が知っておくべき20の上位リストを作成している記事がありましたのでご紹介。 何気なくAjax使ったりしますけど、色々あるものですねぇ。 中でもこれは使えそうだなぁと思う7点をピックアップいたしました。 テキストボックスのオートフォーム 自動入力完備というか、入力した語句から検索してリスト化する機能。 サンプル / ダウンロード ブラウザでインスタントメッセンジャー ブラウザ上でスムーズなメッセージのやり取りを可能にする。 地味に日本語も対応されているところが素敵ですね。 サンプルログインはID『test』PASS『test』です。 サンプル / ダウンロード フォームの監視 ユーザーがフォームに入力し、送信するというのは、一般的な仕組みとして使われています。 こうした仕組み上、誤った情報を入力し、送信→誤りがありますというメッセージとともに、再度入力ページに戻るというフォームス
Interactive Marketing Blogから、1分間で学ぶウェブサイトのユーザビリティを紹介します。 One Minute Guide to Usability 下記は、1分間で学ぶウェブサイトのユーザビリティの意訳です。 Who are you? 何者ですか？ 例：ロゴ、ブランディング Are you trustworthy? 信頼できますか？ 例：ベリサイン・Trust-e、信頼できるデザイン、サポート What do you do? 何をしているのですか？ 例：取り扱っている商品・サービス、会社紹介 Where to next? 次に、何をするべきですか？ 例：見積請求、営業担当へ電話 Exit Panic: Where do I go now? パニック：私はどのページをみればいいですか？ 例：ヘルプ、ログイン、コンタクト・インフォーメーション
Using jQuery for Background Image Animations - Snook.ca ホバー時にブロックの背景色を滑らかにアニメーションするJSサンプル。 デモページ デモページを見ればわかりますが、カーソルをあわせると滑らかに背景がアニメーションされます。 アニメーションの仕方がなかなか良くて、左→右や、上→下のように方向を指定できます。 当然ですが、Flashを使わなくてもJSでこうしたことが出来て、今までありそうでしたが、そんなに多く見かけることがなかったテクニックではないでしょうか。 覚えておくとふとしたときに使えそうです。
Quick Links Jump right in Here we collected the most used Generative AI and Photo Editing features people are looking for! Limitless Artistry Generative AI Tools Explore Pixlr’s new AI Powered Generative Tools unleashing limitless creative possibilities. Perfect for both beginners and seasoned professionals, these tools redefine artistic expression with intuitive AI technology, revolutionizing you
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title></title> <script type="text/javascript"> <!-- function titleTime(){ today = new Date() var t = (today.getHours() >= 10) ? today.getHours() : "0" + today.getHours(); var m = (today.getMinutes() >= 10) ? today.getMinutes() : "0" + today.getMinutes(); var s = (today.getSeconds() >= 10) ? today.getSeconds() : "0" + to
2024/09/02 NEW 研究会/勉強会を更新しました 2024/08/02 NEW 研究会/勉強会を更新しました 2024/07/03 NEW 研究会/勉強会を更新しました 2024/06/28 NEW 日本核医学会 近畿支部会更新しました。 2024/06/05 NEW 研究会/勉強会を更新しました 2024/05/08 研究会/勉強会を更新しました 2024/05/07 専門研修プログラムを更新しました。 2024/05/02 日本核医学会 近畿支部会更新しました。 2024/04/09 研究会/勉強会を更新しました 2024/04/04 日本核医学会 近畿支部会更新しました。 2024/04/04 News を更新しました。 2024/03/28 日本核医学会 近畿支部会を更新しました 2024/03/18 News を更新しました。 2024/03/04 研究会/勉強会を更新
DOCTYPE スイッチについて再度まとめ 以前 DOCTYPE スイッチについての検証とまとめと一覧表という記事で DOCTYPE スイッチについてまとめましたが、あれから 2 年弱が経過したので、改めてまとめてみようと思います。 まとめるまでの話がけっこう長いので、一覧表だけ参照したい ! という場合は DOCTYPE スイッチの一覧表をご覧ください。 DOCTYPE スイッチとは何か そもそも DOCTYPE スイッチとは何か、というのがまず書くべきところですが、これは私が書かずとも良質のリソースが各種ありますのでそのリンクのみまとめておきます。 !DOCTYPE スイッチ 各UAのDOCTYPEスイッチについて - CSS Dencitie Mozilla's DOCTYPE sniffing - MDC Mozilla's DOCTYPE sniffing - MDC ( 日本語
これまでは通用したけれども、今は通用しない、「もう使えない知識」を株式会社アイレップ SEM総合研究所所長の渡辺隆広が語ります！新しい知識を学んで、検索エンジンの日々の変化をキャッチアップしてサイト運営に活用していきましょう！ スパム行為をすると、Googleから突然削除される？ ある日突然、検索エンジンの検索結果から自分のサイトが消えてしまった時、「スパムと判定されたのでは？」と考える人は少なくありません。しかし大抵の場合、スパム（＝あなたが何か検索エンジンに対して悪さをしている）のではなく、全く別の理由（＝スコアリングの変更などによるもの）である場合がほとんどです。また、Yahoo!はともかく、Googleは事前の警告なく突然スパムと判定して削除をしてくることはありません。 幸いなことに、Googleは事前にサイト管理者に対してガイドラインに違反している旨を通知してくれます。具体的な違
有料リンクは、Google の ウェブマスター向けガイドライン に違反します。検索エンジンによるサイトの評価に悪影響を及ぼす可能性があるからです。ただし、その有料リンク ...
新人に捧げる「Webブラウザの仕組み」 皆さんが毎日利用している「Webブラウザ」。インターネットの創成期から現在まで進化を続けながら、一線で活躍する技術です。今回はこのWebブラウザについてあらためて見てみましょう。 前編・後編2回に分けて、前編ではWebブラウザとサーバの通信の仕組みや役割、後編ではWebブラウザやHTMLの歴史と未来について説明します。 基本的な説明ですが、読めば新しい発見があるかもしれません。 WebサーバとWebブラウザの甘い関係 インターネットを通じてWebブラウジングするとき、私たちはInternet Explorer（以下、IE）やFirefoxといった「Webブラウザ」ソフトを使ってWebサーバにアクセスします。Webサーバが画像やテキストといったデータをWebブラウザに送り、Webブラウザが情報を解釈して表示します。では、ここでのWebサーバとWebブラ
Q - なぜ、全国地図にしないのですか? 4つほど理由があります。 ポップアップが場所をとりすぎるから 現在、地図部分は185x120pxにおさめていますが、標準的なモニタ解像度ではこの辺が限界です。 キーボード操作時の押下回数を減らすため jsmapがフォーカスするのはSugarCRMなどのWEBアプリです。使い切りのWEBフォームと違い、慣れによるスピードアップが望めるUIである必要があります。 多言語対応のため 日本は47都道府県なので、かろうじて可能だと思う方もいるかもしれませんが、これがイギリス(現在製作中)とかでは100を超えます。 認知的限界のため これも重要。ぱっと見て探せる数というのは、15や20がせいぜいです。 ただ、上記の話とは別に、地方選択用の全国図はあってもいいと考えていますので、それは将来のバージョンで。 Q - 地図はもっと詳細化/単純化しないのですか? 詳細
地図タグの自動生成WEBサービス Google／Yahoo MAPを利用したBLOG等で利用できる地図タグを自動生成するWEBサービスです。 現在は、下記４種類の地図が利用でき、何れも地図イメージの表示サイズを指定できます。 詳細な使い方は、それぞれのページを参照して下さい。 MAP工房を利用するページで使用する文字コードについてはこちらを参考にして下さい。 [バージョンアップ情報はこちら] Yahoo Map HTML 版タグ自動生成 このタイプは、事前の設定の必要がありません。 生成したHTMLタグをそのまま BLOG のエントリーへコピー＆ペーストするだけで利用出来ます。 メール添付用タグは携帯でも利用可能です。 地図は固定表示になるので、移動や縮小／拡大は出来ません。 Google Map HTML 版タグ自動生成 このタイプは、事前の設定の必要がありません。 生成したHTMLタグ
Kawa.netxp AjaxZip 2.0 - Ajax郵便番号→住所自動入力フォーム（CGI不要版） AjaxZip2は、昨年公開した 『ajaxな住所入力フォーム』 の新バージョンです。 郵便番号を入力すると、該当する都道府県名・住所が自動的に入力されます。 Ajaxと JSON フォーマットを利用するJavaScriptライブラリとして公開しました。 JavaScript のみで稼動するため、サーバサイドで稼動するCGIプログラムは不要です。 郵便番号→住所変換処理は全てクライアントサイドのJavaScriptで行います。 既存 HTML の住所入力フォームをたった3行書き換えるだけで利用できます。 簡単に設置できるため、プログラムに詳しくない方でも導入していただけると思います。 以下の住所入力フォームに、7桁の郵便番号を入力してみてください。 【2007/12/09 追記】 jQ
最近はメモリを2Gバイトとか4Gバイトとかを最初から搭載するPCも結構多くなってきましたね。 Photoshop CS2/CS3を使用していてメモリを多く積んでいる人にお得な情報をお知らせしたいと思います。 なんと、たった1文字ファイル名を変更するだけでPhotoshopの動作が高速化されてしまうのです。 Photoshop CS2/CS3ユーザーでメモリが1Gバイト以上ある方（※）の変更すべきファイルは「~大きいタイル.8BX」または「~大きいタイル.plugin」です。 このファイル名の先頭についている「~」を消すだけです。 たったこれだけ。 簡単に速度アップができる技（で前の状態に戻すのも簡単）なので、是非試してみてくださいね。 ※Adobeのドキュメントでは「1Gバイト以上」と書かれていますがOSにWindows Vistaを使用されている方は現実的には1.5～2Gバイト以上搭載し
Index of /pub/firefox/nightly/latest-trunk/ Type Name Size Last Modified
Windows のみ ： 『JournalLive』は、あなたがPC作動中に、どれだけ友人とのチャットに時間を費やしていたか、どれだけパワポファイルをいじくりまわしていたのか、一目瞭然に示してくれるフリーソフトです。 あなたのPC上での作業なら、すべてログにされていくので、ゲームからEメールだけでなく、誰と通信していたかとか、なんのドキュメントを作成したいたかまで、記録されちゃうんですね。すべてのレポートはWeb上で自動生成され、自らの生産性を客観的に判断することができるはず。 従業員の記録の管理を許可されたプロエディションもあり、超過労働などの防止にも役立てることができそう。パーソナルエディションは無料、プロエディションは10ユーロ。 Thanks, owenconnor666! ［JournalLive］ Jackson West（原文／オサダシン） 【関連記事】 ・LEGOを使ってタ
56 10 09 2007 漢字が使える日本語フォント 無料ダウンロード 46種類 Japanese, Font 数少ない漢字が使えるフリーの日本語FONTをサムネイル付で紹介。 使用する場合は各ページの利用規約に添ってご利用下さい。 モトヤ - トップページ 会員登録が必要です。 Holiday MDJP02 - トップページ キャパニト・アニト・セプテンバー・あられ・えれがんと・東くずれ - トップページ 会員登録が必要です。 切り文字 - トップページ モフ字 - トップページ S2Gシリーズ - トップページ あくあフォント - トップページ しねきゃぷしょん - トップページ じゃぽねくす - トップページ あずきフォント うずらフォント 怨霊フォント - トップページ あんずもじ - トップページ えるまーフォント - トップページ ウナオジャポン・鞦韆堂フォント・昭和ノスタル
Googleが10月22日に、Webマスターとのライブチャットを開催しました。 750人以上のWebマスターが参加し、複数のGoogle社員が質問に対して回答しました。 このライブチャットでGoogle社員が使用したプレゼンテーション資料が、Google Webmaster Centralで公開されています。 ４つのプレゼンのうち３つのスライドが公開されていて、そのうちの１つを解説します。 JohnMu氏のプレゼンで、Web管理者に間違って認識されている、いわゆる「都市伝説」についてです。 スライドの8ページ目から「Top 10 Myths」として、よくある10の都市伝説（”Myth”の直訳は「神話」）を取り上げて、それが事実でないことを説明しています。 １．重複コンテンツはペナルティを受ける 重複コンテンツを気にしすぎることはない Googleは、上手に重複コンテンツを無視する いちばん
「Webサイトを作るときに本当によく使う機能を、自分で作らずにさくっと実装したい」――。そんなワガママな願望をかなえてくれる JavaScriptライブラリが登場した。ミツエーリンクスが今月オープンソースとして公開した「MJL（MITSUE-LINKS JavaScript Library）」は、Webサイト制作に必須の“最小限の機能”に絞ったJavaScriptライブラリだ。 昨今相次いで公開されている、リッチなUIを実現するJavaScript/Ajaxライブラリとは異なり、MJLの機能はとてもシンプルだ。もともとWeb制作会社であるミツエーリンクスが「自社標準ライブラリ」として作成したものだけあって、汎用性・実用性を重視したライブラリになっている。 具体的な機能は以下の6つ。確かにどれもよく使いそうなものばかりだ。 画像のロールオーバー Flashオブジェクト埋め込みの機能拡張 新規
この記事では、業界関係者への取材で明らかになったネットマーケティング業界の「闇」についてレポートする。 第5回のテーマは「情報商材業界の闇」だ。誇大広告、二重価格表示、偽計業務妨害の教唆など、直接法律に違反するケースも見受けられる情報商材業界の問題点を探ってみよう。 次のような謳い文句を見かけたことはないだろうか？ コンピュータに素人の主婦が月に150万円稼いだ誰にも知られたくない方法 【全額返金保障】どんな人でもカンタンに万馬券を当てられる！ 確実にお金を増やす唯一の方法 FX現役プロフェッショナルトレーダーがついに明かした！ 業界初▼FX完全投資攻略法▼ これらは「情報商材」と呼ばれている商品であり、主にインターネットを通して比較的高額（3,000円～5万円程度）で販売されているコンテンツだ。 広義には書籍も情報商材だといえるが、一般的には「情報商材」というと、販売サイトやオークション
com.bydust.ajaxは、スタティックなサイトでもWordPressのようなサイトでも、ページ全体のロードをせずに必要な箇所のみロードして表示するAJAX対応にするスクリプトです。 com.bydust.ajax demo デモサイトでは、右のナビゲーションや各記事のタイトルをクリックすると、通常のページ遷移とは異なり必要な箇所のみ非同期通信を行い表示します。 ※外部リンクなどは自動認識して、別ウインドウで表示します。 サイトをAJAX対応にする方法 サイトをAJAX対応にする基本的なスクリプトの設置方法は、下記の通りです。 下記は、対象となる全ページに適用します。 ダウンロードした２つのスクリプト（com.bydust.ajax.js, com.bydust.array.js）を外部スクリプトとして記述します。 HTMLの基本構造は、「id="page"」を親要素として、「id=
第 3 回目は「見栄えの良いページャー」です。 シンプルなコーディングで見栄えの良いページャーを実現します。 XHTML のサンプルは以下です。とてもシンプルです。 <ul class="pager"> <li class="prev"><a href="hoge">« PREV</a></li> <li><a href="hoge">1</a></li> <li><em>2</em></li> <li><a href="hoge">3</a></li> <li><a href="hoge">4</a></li> <li><a href="hoge">5</a></li> <li class="next"><a href="hoge">NEXT »</a></li> </ul> サンプル1： とてもシンプルなページャー とてもシンプルなページャーのサンプルです。 «
after:2006/03/31 before:2006/04/1 ※世界標準時。日本の日付とズレる。
CSSとHTMLの知識は必須だが、慣れている人には超絶便利そうなツールのご紹介。 Drawterはブラウザ上でDOM要素を配置、さまざまなカスタマイズを施したあとにコードを生成してくれるツールだ。 つまるところ、CSSレイアウトに対応したサイト製作ツールといってもいいだろう。 要素ごとにさまざまな属性を直感的に追加していける点が素晴らしい。インターフェースもシンプルで職人ぽいので個人的に好みである。日本語も入力可能だ。 当然ながら作り終えたあとは「Generate Code」コマンドでコードを生成、そのまま使うことができる。 似たようなツールはすでにいくつかあるが、Drawterの完成度はかなり高いのではないだろうか。是非試してみてもらいたい。
Flash制作を簡単にする ActionScriptライブラリとは？ 特集：Flasherに便利なオープンソース「Spark project」 Spark project コミッタ 新藤 愛大 2008/12/10 「ActionScriptライブラリ」って何？ 読者の方は、Flashを使った複雑なアニメーションの制作をどのように行っているのでしょうか。ActionScriptコードを勉強して一から制作していますか？ そんな人にこそ知っておいてほしいことがあります。実は、オープンソースの「ActionScriptライブラリ」を使うと、無料で簡単に複雑な機能・動きが実現できるのです。 ActionScriptライブラリとは、一言でいうと、「みんなが使えるように公開されているActionScriptコード」のことです。 イマイチピンと来ませんか？ そんな人でも、「Tweener」「Paperv
ソーシャルメディアマーケティング.jpではソーシャルメディアを活用したマーケティング手法を解説していきます。SNS、ブログ、ソーシャルブックマークなど周辺ニュースの紹介もしています。 プラグインやテーマの追加、変更はおいておいて、ブログを立ち上げたらまずやることリストをこのエントリにまとめていこうと思います。見つけたもの、思い出したものを順次追加していきます。 これもやっといたほうがいいよ！というものがあればコメントもらえるとうれしいです。 Wordpress と Movable Typeのプラグインについてはまた後ほどまとめようと思います。 12月6日1:00 追記 戦略やコンテンツについて書かれていないというコメントをはてブでもらいました。ブログを始める前に考えておくべき戦略やコンテンツ作成の方針についても後ほどエントリを書こうと思います。 12月8日11:35 追記 F.Ko-Jiの
Web制作の需要はある。しかし、人が余るという不思議な状況 実感としては需要は相変わらず多い。ので、仕事自体は無くならない。 さっき「新規の受注は減った」って書いたじゃないか！っていう感じなんだけど、「なんとなくサイト作りましょ！」とか「キャンペーンサイト作りましょ！」とかなんかそういうお気楽な感じな案件が減った感じで、「あー、このサイト確かに直さないとやばいよね」っていう必然性のある仕事は相変わらずある。 見入ってしまった。面白い内容なのでweb制作にかかわる人は一度はみておくといいかもしれない。 でもって、個人的に感じた事が 需要があるというのは、実は錯覚だと思う。 というか、そろそろこういう錯覚を起こしている人たちが目を覚ます時がきてるんじゃないかって思うのです。 需要があるように感じているのは一部の人達の戦略が成功したから ひとまず、web制作というものがインターネットを使った特別
もうお正月も終わり、仕事始めしている人も多いだろうと思います。 業界によってはお正月に仕事をしている人も沢山いる事でしょう。 そんなお正月に見逃してしまった良質なエントリがないかを発掘するまとめです。 ネタ帳が選んだフリーソフト KeyHoleTV & KeyHoleVideo－キーホールテレビ＆キーホールビデオ－ チューナーもってない私に神のソフト。ワンセグが届かなくてもテレビがみれます。 ただ、映像と音声がたまにとまる。うんざりする事もあるけど気にしない。。 窓の杜 - Foxit Reader PDFファイルをすばやく開くツール。便利。 SRWare Iron - The Browser of the Future おいおいｗｗｗってなるくらい高速ブラウザ。 Ｃｈｒｏｍｅより早くて吹いた。いや、同じくらいかな、いいすぎた。ネットワーク監視するとGoogleに接続するアクションが消えた
※以前のサイトでアップしていた記事の転載です。 通常Flashの上にHTMLのレイヤーを重ねようとしても、Flashの方が上位に表示されてしまいます。 あまりそういう機会も無いかもしれませんが…。 以下の方法を使う事でFlashの上にHTMLレイヤーを重ねる事ができます。 サンプルでは、水色の背景と流れている文字がFlash、黒文字がHTMLです。 HTMLのソース <div id="fla_css"> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0 width="200" height="100"> <param name="mo
「Flashの上に(X)HTMLを重ねたいんですけどー」という声がどこからか聞こえてきたので、ふとやってみました。 サンプルを開く（別ウィンドウ） 背景のFlashは、5枚の画像をランダムにフェードイン/アウトさせるだけのもの。上に重ねている(X)HTMLは、ただのol要素です。 ポイントは2つ。 Flashと重ねたい要素を、CSSのz-indexで重ねる。Flashのwmodeをopaqueかtransparentにする。wmodeがデフォルト値（normal）だと、Flashのz-indexが無視されて最前面をキープしてしまうので注意です。 匿名希望のコメントはこちらへ Anonymous 2008年6月17日 12:58 Ubuntu8.04のFirefox3だと表示できないようです。 （Flashだけ表示されます。） WinXP Firefox3は大丈夫。 参考までに。 オッキー
《2017年6月8日 5:00 PM 公開/更新》 特定の要素の中身をごっそり書き換える方法 [装飾・内容変更] JavaScriptを使って特定のHTML要素の内容をごっそり丸ごと違う内容に書き換えるには、innerHTMLプロパティの値を書き換えるだけです。とても簡単に要素の中身を丸ごと異なる内容に変化させられます。JavaScriptで生成した何らかのデータを動的にウェブ上に表示する際によく使います。 特定の要素の中身をごっそり丸ごと書き換える方法 特定の要素の中身を丸ごと全部書き換えるJavaScriptの書き方 特定の要素の中身を丸ごと全部書き換えるJavaScriptの例 特定の要素の中身をごっそり丸ごと書き換える方法 JavaScriptを使うと、特定のHTML要素の中身をごっそりまるごと動的に書き換えることができます。装飾を変更するレベルではなく、表示されている内容を何もか
すごいサイトを見つけました。 商用無料、クレジット表記不要のパターン配布サイトです。 ↑のようなパターンが、jpgだけでなくpatも配布されています。Photoshopで開けばパターンとして読み込むことができて、継ぎ目なしのパターンになっています。 Terms of Use All royalty free stock icons, clip art, images, brushes, custom shapes, layer styles, layered PSD’s, patterns, textures, themes and other design resources on this website are free for use in both personal and commercial projects. You may freely use them in softw
ページに最も合った、高い成果が見込める広告サイズを選ぶ際の参考として、以下の表を用意しました。 高い成果が見込める広告サイズ サポートされているその他の広告サイズ 地域限定の広告サイズ 高い成果が見込める広告サイズ 広告サイズ 説明 テキスト広告 ディスプレイ広告 モバイル テキスト広告とディスプレイ広告*
ジャックポットについて特別なキャッシュバック取引約定後に、幸運なプレイヤーは最大100,000円のキャッシュバックが当たります。また、Highlowロイヤルティ・ステータスが高いほど当選確率・金額が上昇します。
To identify a font from an image, use a font finder or font identifier. These tools are great for finding the name of a font or similar alternatives. All you need to do is upload an image of the text by having it readily available on your device or taking a photo. Yes, WhatTheFont is a simple and easy font finder that can help you identify fonts. Just upload an image of the font you need identifie
Web Developer Plusで、jQueryを使ってCSSを補強するテクニックが紹介されています。 ざっといくつかご紹介。 jQueryでカラムの高さを統一する equalHeights pluginを使って、一行でカラムの高さを同じにする 入力中のフォームをハイライトする highlighting the label along with the selected input fieldを使って、フォームのユーザビリティーを上げるテクニック 角丸 jQuery Curvy Cornersで角丸を実装する メニューの背景をアニメーションさせる メニューにマウスオーバーしたときに、一瞬でhover画像に切り替えるのではなく、ふわ〜っとアニメーションして切り替えるテクニック。例：Create an Attractive jQuery Menu with Fade In and Fade
完成したサイトにSEO対策を施すよりも、始めからSEOを考えて制作を行った方が効率も良く、バランスの取れたサイトが出来上がります。 基本となるデザインレイアウト 上図はネットで配布されているテンプレートなどで良く見かけるデザインですが、SEOを意識した簡易的なレイアウトとなるとどうしてもこんな感じになってしまいます。あくまで基本となるレイアウトですので、作るサイトにあわせ位置の調整や、必要な項目の追加を行ってください。 ヘッダー ページの見出しとなるh1と、ページの概要を説明するためのテキストを配置します。h1とテキストは全ページ異なるユニークなものを記述します。 ヘッダーの左側にはロゴを配置し必ずリンクにします。ロゴは、ソースの上部に位置し、全ページ共通のトップページへのリンクとなる為、CSSの画像置換えを使用しアンカーテキストにはメインキーワードを含ませた方が良いでしょう。 イメージリ
GoogleやYahoo！などで検索して30位以内に入っていないページは存在していないも同然と言われており、ネット上でアクセス数と売上を伸ばすためにはなんとしても5位以内に入る必要があるそうです。この作業を一般にはSEO、つまり「検索エンジン最適化」と呼んでおり、いろいろな作業が必要になってきます。検索エンジン対策のために何かしなくてはならないということはわかるものの、何をどこからどのように手を付けて良いものか、SEO上級者以外は最初の時点で立ち往生してしまい、結局何もしなくなる……というのが現状です。 そこで検索エンジン最適化を簡単に実行してサイトのアクセス数と売上を伸ばすのがこの「HP売上プラス」。自サイトで検索エンジン上位に来るキーワード選びやランキングの確認、ライバルの分析や順位チェック、リンク数やカテゴリ登録チェックなどをまとめた検索エンジンレポート、GoogleやYahoo!に
最近のSEO業者のテクニックというか、昨今のサーチエンジンの進化に伴うSEO業者の動向。 サーチエンジン最適化、というのはよく言ったもので、SEO！SEO大事！SEOしなきゃカス！みたいな時代があったが、現在は終わりを告げそうでもある。 というかSEOという行為そのものが当たり前になっているし、これはもうサイト作成の基本であり、どのweb屋でも一つのパッケージとして捕らえている部分じゃないだろうか。 ただ、検索エンジンに対してサイトを最適化と一言で言っても、一昔前のやり方と手法は大きく変わっている。 今回は、現在SEO業者が最も使っているHIOについて考えていこうと思います。 『SEO』の背景 SEOという言葉が誕生した時は、ページに対して、『このページはこんな情報を持っています』という事をサーチエンジンに教える為に、HTMLタグをきっちっと使うとか、見た目がばらばらでも、CSSで上から順
注記とかでよくある「※･･･」とかいうところで、文章が長くなり改行が入ると文字の頭がずれてちょっとかっこ悪いです。こんな感じ。 ※注記のテストのですよ。注記のてすとですよ。注記のテストですよ。注記のテストですよ。注記のテストですよ。注記のテストのですよ。 そこでCSSで下記のように指定するとリストマーカーのように最初の一文字分だけが左に飛び出る感じになります。 p { text-indent:-1em; padding-left:1em; } ※注記のテストのですよ。注記のてすとですよ。注記のテストですよ。注記のテストですよ。注記のテストですよ。注記のテストのですよ。 覚えておくといつか使うことがあるかもしれない小技です。
Finding the right font for the job. Using Font Picker This simple tool shows you all the fonts installed on your computer and helps you choose which one is most suitable for a particular project. Select the text in one of the boxes and type the text you will be using for your project. For example the name of your web site. Get rid of the fonts that don't like by pressing the x next to them so
Cats Who Codeのエントリー「50のフリー写真素材サイト集」から、商用サイトでも、リンクやクレジット表記の制限無しで利用できる無料の写真素材サイトをピックアップして紹介します。 50 sites to find free stock images 上記サイトでは、他にも個人サイトのみやリンク・クレジット表記のフリーサイトが紹介されています。 [ad#ad-2]
自動車の輸入や輸出時に利用されている港や、自動車工場の敷地内などに大量にストックされている自動車の壮大な写真です。世界的な不況の影響もあり売れる前の自動車のストックされている量も増えているとのこと。 詳細は、以下から。 サーキットが埋め尽くされています きれいに整列しています 並べるのが大変そう 波打っているような感じ 途方もない数ですね こちらにまたまだたくさんの写真があります Growing stocks of unsold cars around the world | Business | guardian.co.uk
Google APIs Explorer Stay organized with collections Save and categorize content based on your preferences. The Google APIs Explorer is a tool available on most REST API reference documentation pages that lets you try Google API methods without writing code. The APIs Explorer acts on real data, so use caution when trying methods that create, modify, or delete data. For more details, read the APIs
かっこいいとはどういうことか その定義すらわからぬまま、僕たちはかっこいいものに惹かれてきました ここでは「かっこいい」にこだわり続ける写真家６人に、それぞれの思うかっこよさを表現してもらいます かっこいいとはどういうことか 人類最大の疑問に今、答えが見つかるかもしれません
FirePHP - Firebug Extension for AJAX Development FirePHPがますます便利になっている件、ということで、以前に紹介したFirePHPですが、色々と更新されているようなのでご紹介。 アイコンも変わってます まず、どういうことが出来るか、という点です。以前紹介した時とやり方が結構改善されているみたい。 <?php FB::log('Log message'); FB::info('Info message'); FB::warn('Warn message'); FB::error('Error message'); ?> と書くと、以下のように表示されます。 firebugのconsole.logみたいに使えます。 PHPのコード内で、１行でかけるのでなかなか便利そうです。 次のように、オブジェクト指向で書くこともできるみたい <?php
この4月、新しい事業年度のスタートに合わせ、各社のWebサイトが相次いでリニューアルした。ここでは、3月下旬～4月にかけて大規模なリニューアルを実施したWebサイトを編集部でピックアップし、リニューアル前後の画面写真付きで紹介する。最新の企業サイトのトレンドをつかみ、自社サイトのリニューアルの参考にしよう。 マイクロソフトが運営するポータルサイト「MSN」は、2008年4月以来ほぼ1年ぶりにトップページをリニューアル。「毎日使いたくなるMSN」（マイクロソフト）を目指し、使い勝手を高めた。 3カラムのレイアウトは従来のままだが、それぞれのカラムの役割を明確にし、各カラムに入る要素を分類、整理している。具体的には、左カラムにHotmailの受信状況や天気などを確認できる個人ツール類を、中央カラムにニュースなどの最新情報を配置。ディスプレイ広告や企画広告への誘導はすべて右カラムに集約した。 ま
select選択ボックスを動的に作る † JavaScriptで、こんな感じの、選択肢が動的に変わる選択ボックス作るサンプルです。 最初に選んだ選択ボックスによって、次の選択ボックスの選択肢が変わります。 解説 フォームの<select>+<option>タグで作った選択ボックスは、 Selectオブジェクトという種類のオブジェクトになります。 Selectオブジェクトは、optionsという選択肢の配列を持っています。 これにアクセスすることで、動的に選択肢の内容を変えることができます。 selectオブジェクト(選択ボックス)を取得するには、 タグで<select name="選択ボックス名" 〜で名前をちゃんとつけて、 form name="フォーム名" で名前をちゃんとつけて、 フォーム名.elements["選択ボックス名"] または フォーム名.選択ボックス名 で
こんにちは 参考サイトのソースとは少しセレクトボックスの作り方が違いますが・・・ <script language="JavaScript"> <!-- menuI = [ ["----"] , ["セレクト2","D","E","F"] , ["セレクト2","G","H"] ]; menuV = [ [""] , ["","a.html","b.html","c.html"] , ["","d.html","e.html"] ]; function set(n) { document.form.push.disabled = true; obj = document.form.sel2; for(i=obj.length; i>=0; i--){ obj.options[i] = null; } for(i=0; i<menuI[n].length; i++) { obj.option
基本 jQueryとは jQuery は様々な処理を短く簡単に書ける JavaScript ライブラリです． 独自のXPATH/CSSセレクタを利用することで，多くのDOM操作を非常に簡単に書くことが出来ます． JavaScriptのDOM操作や，XMLHTTPRequest，XMLの操作などを覚えなくとも， Ajaxを利用したインタラクティブなページを作ることが出来ます． 以下のサンプルを見れば，JavaScriptらしい表記をほとんどする必要がないことがわかると思います． toggleサンプル 特定のブロックの表示・非表示を切り替えるのは以下のようなコードになります． $("#target_toggle").toggle("slow"); このブロックは，<p id="target_toggle"> です． Ajaxサンプル Ajaxでhello.htmlをロードするのは以下のようなコ
≪サンプルファイル≫ 書籍「jQuery プログラミング入門」で紹介したサンプルです。 「jQuery」の学習を進める際の参考としてください。 ISBN：978-4-87783-225-4 第１章 jQueryの導入 sample_1_01
昨日の質問した下記の関連で再質問です。 http://oshiete1.goo.ne.jp/kotaeru.php3?q=1765687 親１に対し、子１～４と、合計5つのチェックボックスがあり、 親のチェックOFF ⇒ 子1～4をdisableに、 子のチェックON ⇒ 子1～4をactive としたいのですが、 ＃４さんのご回答を適用すると、上記5つのチェックボックス以外も 全てdisableの対象になってしまいます。 他方、自分の元質問のソースを改造しようとも思いましたが、 子1～4のname属性が全て違う名前のため、そのままでは使えません。 ついでに（些細なことですが） 子1～4の全てがONにされた時に、親がOFFなら自動でONにしたいです。 テンプレートは下記ですが、よろしくお願い致します。 <html> <head> <script language="javascript"
データ分析から導き出されたインサイト無しにAI（人工知能）の活用は始まりません。私たちは、各業界知識とデータ・アナリティクス技術を駆使しデータドリブン経営を強力に支援します。 データ、アナリティクス、AIは企業にとって競合他社との差別化を図るかつてないほど大きな要因になっています。今日の経営幹部が効率を向上しながら新たな収益源を開拓し、新しいビジネスモデルをタイムリーに構築する方法を模索する中、価値を生み出し成長を続ける企業には「データ活用」という共通項があります。私たちは、無数のデータから企業にとって本当に必要なデータを活用するための方法を知っています。 将来を見据えたオペレーション体制を備えている企業の半数以上（52％）は、すでにデータとアナリティクスを大規模に活用しています。データとAIに関する取り組みをビジネス戦略に沿って実施することで投資利益率を迅速に最大化し、最終的にはAIをビ
はじめに JavaScriptは簡単な言語のようでいて、実は奥が深く、初心者にとってなかなかその本質がわかりにくい言語です。ここでは、JavaScriptの言語的エッセンスを理解できるようなものをFAQ形式で書いてみました。ご意見や誤り等を指摘してもらえたら嬉しいです。 なお、JavaScriptの標準化であるECMAScriptは、今年末にEdition 5 がリリースされる予定です。このFAQは、現在のバージョンであるEdition 3をベースにしています。 ECMAScriptって何ですか？ ECMAはEuropean Computer Manufacturer Association(欧州電子計算機工業会)の略で、標準化団体です。NetscapeのJavaScriptとMicrosoftのJScriptをベースに、純粋なプログラム言語部分を抽出したものをECMAで標準化したスクリプ
Current Release Firefox release notes. Firefox ESR current release notes. Thunderbird current release notes. SeaMonkey current release notes. Upcoming Releases Upcoming Firefox release dates are listed at whattrainisitnow.com. Thunderbird approximately (i.e. not strictly) follows the ESR schedule listed there. Past Releases The full list of Firefox release notes is available on mozilla.org. The fu
IxEdit - The First On-the-Fly Interaction Design Tool for the Web. IxEdit (Public Beta) フリーダウンロード IxEdit は JavaScript ベースのウェブ用インタラクションデザインツールです。IxEdit を使えば、デザイナーはコーディング無しで DOM スクリプティングを実践し、ウェブページ上の要素をダイナミックに変更したり、追加したり、動かしたり、変形させたりすることができます。特に、IxEdit はウェブアプリケーションのプロトタイピング段階において様々なインタラクションを即座に作って試してみるのに役立つでしょう。 インタラクションとは？ インタラクションとは、ユーザーのアクションに応じてスクリーンの状態が変化することです。つまり、ユーザーインターフェースの振る舞いと言ってもよいでしょう。
ブラウザーいっぱいに広がる鮮やかなグラフィック。フェードインでゆっくりと出現する写真画像。スクロールしながら画像に重なっていく半透明のテキストボックス――思わず見とれてしまう、キャンペーンサイトなどでおなじみの“派手なWebサイト”は、フルFlashが一般的だ。「Flashはよく分からないし、そもそもオーサリングツールもない」という個人サイトの制作者はあきらめるしかなかった。 パリ在住のフリーコンサルタント／Webデザイナー「Sebcreation」のWebサイトは、そんな常識を打ち破ることに挑戦している。まずはトップページを見てみよう。 おなじみのローディングアイコン、上下右左から次々とスライドしてくる半透明のテキストボックス……といったダイナミックなデザインに、「またFlashか」と思わずつぶやいてしまうかもしれない。ところがSebcreationでは、アニメーション／エフェクト処理を
次から次へと新しいデジカメが発売されますが、性能の良いカメラを使っていれば良い写真が撮れるとは限りません。良い写真を撮るために必要な心得をお教えしましょう。素人カメラマンというよりも、かなりプロ向けの教えですが、カメラマンだけでなくすべてのクリエイターに通じる教えだと思いますよ。 1. 自分が何を撮りたいのかを知る 自分にとって大事なもの、撮りたいものは何かを決めること。編集者でも、先生でも、彼女でもなく、あなたが何を撮りたいかが一番大事なのです。自分の心に刺さるものを撮りましょう。 2. あきらめずにもっと粘る 良い写真を撮るのは簡単なことではありません。世の写真の半数は我慢と粘りの賜物です。だから、あきらめずに、もっと粘り抜くことが大切です。写真を撮るために10分同じポジションで待ち構えてみるとか、良い写真を毎日15分以上見るように習慣づけるとか、良い写真を撮るためにできることをもっと
最近ふと思ったことなんだけど、モテるかどうかと、 色恋沙汰で美味しい思いをできるかどうかって結構相関が低い。 自分は外見も恵まれてないし、スポーツできるわけでも オシャレなわけでも女の子受けする話ができるわけでもなくて、 モテない男同士でモテない話題しながら飲むのが好きな ごく普通のモテない男子だと思う。 でもここ数年ぐらいの自分の人生振り返ってみたら 確実に、このモテなさからあり得ないぐらい、 たぶん色恋沙汰で美味しい目を見てる気がする。 そんな「武勇伝」を語ることはどうでもいいわけだけど、 要するに、モテるかどうかとは別に 「口説けるか」みたいな力がかなり重要で、 その力の大半はある種の図々しさで出来上がってると思う。 相手との距離を適切に詰めていくことが「口説き」の極意で、 その「距離を適切に詰めていく」ために重要なのは つまるところ相手が引かないギリギリの距離感を目測することである
divで実装したパネルの四隅を1px欠けにして、角をすっきりみせるスタイルシートをonderhond.comから紹介します。
PHPからbit.lyやtr.im等のURL短縮サービスをまとめて扱える「PEAR::Services_Sho... 次の記事 ≫：Windows7風ナビゲーション作成チュートリアル ブラウザのサイズに合わせて画像を伸縮する作業を全自動化するjQueryプラグイン「maxImage」。 このプラグインを使えば、画像のサイズをブラウザサイズの変更があったとしてもページのサイズに合うように調整してくれ、デザイン崩れを防ぐことが出来ます。 以下にその機能を紹介してみます。 活用例１ 背景画像自動 背景画像をブラウザサイズ変更に合わせて自由に伸縮 ブラウザのサイズを変えても違和感がないようにすることが可能 活用例２ ブラウザ幅にあわせた画像の自動伸縮 ページの右端に画像があって、自由に伸縮します。 サイズを変えてもこの通り、画像が残りスペースのサイズになります 活用例３ ブラウザ幅に合わせる、がオ
[Giz Explains] Windows 7のタスクバーがMac OS Xのドックより良い理由2009.01.27 14:00 はい、タイトル間違えてませんよ。 Windows 7のタスクバーはWin95以来という最も重要なUIの変更で、Windowsの使い勝手はガラリと変わります。しかもこれがMacのDockよりもベターなんです。 デベロッパーの間では通称｢スーパー・バー（superbar）｣で知られるこのタスクバーは、タスクバーの機能を新しい方向に導くもの。ウィンドウを開けたり、プロキシでアプリが開けるウィンドウ・マネージャであるのみならず、これはれっきとしたアプリ起動ランチャーで、さらにこの2つを一つにするやり方がどことなくOS X Dockを彷彿とさせ、使ってるアプリも使ってないアプリも共存できるんです。 そうそう、アプリ立ち上げと言えば昔からWindowsタスクバーには｢クイ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く