ヨモツネット 実験室 » フォームに入力された全角文字を自動で半角に変換する
このスクリプトに機能を追加した valueconvertor.js を公開しています。アーカイブとしてこの記事は残してありますが、この replaceascii.js 機能をご利用する場合は、より安定している valueconvertor.js のご利用をおすすめします。 概要 フォーム入力時に『半角英数で入力してください』の項目があった場合、ユーザの入力ミスを少なくしてあげるために便利なスクリプトです。 ただし、JavaScript が使えない環境では動作しませんので、あくまでもオプションとしてお使いください。 動作確認用の DEMO ダウンロード 使い方 ダウンロードした replaceascii.js を XHTML ファイルの head 要素内などで読み込んでください。 このとき、replaceascii.js と読み込む XHTML ファイルの文字コードが同じになるようにしてくだ
簡単実装で学ぶWeb技術---目次
この連載は，日経ソフトウエア2006年7月号から，2007年6月号までに掲載した連載「簡単実装で学ぶWeb技術2006 / 2007」の再録です。Web技術を具体的でシンプルなサンプル・プログラムを通して紹介します。進歩と変化の激しいWeb技術は，手際よく本質をつかんでいきたいものですね。小さいけれどもわかりやすいサンプルを実際に動かして「なるほど，こういうものだったのか」と思っていただければありがたいです。 題材は，新しいものから基本的なものまで幅広く取り扱っていく予定です。 第1回 Ajax---動的なWebアプリケーションを作るための技術 第2回 Comet---プッシュ型のWebアプリケーションを作る 第3回 Cookie---状態管理とトラッキング 第4回 Catalyst（前編）---Perl向けWebアプリ・フレームワーク
画像を同一Window内でスムーズにズームしてくれるJSライブラリ色々:phpspot開発日誌
画像を同一Window内でスムーズにポップアップしてくれるJSライブラリ色々。 LightBox風ではなく、クリックした画像がそのままズームイン、されるライブラリを紹介。 FancyZoom 1.1 - 最近リリースされたFancyZoom。クリックでアニメーションしながら画像がズーム Highslide JS - 以前にも紹介した、Highslide JS。FancyZoomと動きはほぼ同じ。 Live Thumbnail Demo - 画像をその場でズイズイっとリサイズ (参照記事: サムネイルと元画像の見せ方) 今回新しく紹介する「FancyZoom」は、スクリプトを読み込んで、初期化するだけで、<a href="大きい画像"><img src="小さい画像(サムネイル)"></a> のマークアップにズーム機能が追加されるという点で実装はすごく容易でマークアップも綺麗にできます。
positon:fixedの代わりにCSS Expressionを使ってみた | 暴満館 ～The House of full Violence～
以前のエントリでheight:100%がよろしくないのでposition:fixedを使うようにしたいが、IE6は対応していない。ではどうするか。 幸か不幸か当サイトのIEを利用した閲覧者の多くがJavaScriptを有効にしているようなのでCSS Expressionという、CSS内でJavaScriptを使えるというIE限定のウル技を使うことにした。 expression() のまとめ このサイトを参考に以下のように記述。 body { filter : expression(''); } #navi { position : expression( 'absolute' ); top : expression( body.scrollTop + 10 + 'px' ); } bodyのやつはチラつき防止だそうで、見事に固定された。もしJavaScript無効なら1カラムで表示。うむ、
JavaScriptの配列をも〜っと深く理解する：lengthの不思議な動作 - builder by ZDNet Japan
MSセキュリティ担当者が紹介 マルチクラウド環境の保護を追求する Microsoft Defender for Cloud データ活用は次のステージへ トラディショナルからモダンへ進化するBI 未来への挑戦の成功はデータとともにある ビジネスの推進には必須！ ZDNet×マイクロソフトが贈る特別企画 今、必要な戦略的セキュリティとガバナンス ID管理の基礎知識 新しい働き方におけるITガバナンスの 向上にむけて Kubernetes活用の最適解とは？ 今、注目のコンテナを活用した柔軟なIT基盤 運用、管理の課題を解決しメリットを最大化 いま求められるID管理：前編 有名コンサルが一堂に会し語り合う いま必要なサイバーガバナンスのありかた 現場主導のデジタル変革 ビジネス変革のための“ITの民主化” そして 変わるIT部門の役割 サービスを止めない！ サイバーエージェントに聞く高可用性の実現
スムーズに画像を拡大するかなり導入が簡単なJavaScript「FancyZoom」 - GIGAZINE
IE6/IE7/Firefox/Safariに対応しているJavaScriptで、使い方もかなり簡単でページにほとんど変更を加えずに導入可能。 また、リンクの先読みにも対応しており、画像の上にマウスが乗ったことを感知して自動的に先読みすることもできますので体感的にはかなり速度アップしているように感じます。 画像をズームする機能のみに特化しているため、ほかの余計な機能付きのライブラリよりも動作は軽いのも特徴で、クリックしてズームされた後にはちゃんとドロップシャドウ効果が付いたりするなど、芸も細かい。 実際のデモと詳細は以下から。 cabel.name: FancyZoom 1.0 上記ページの下の方にある「Example」に体感できる例があります。なかなか面白い。 で、実際に設置するにはまず上記ページ中にあるZIPファイルをダウンロードしたら解凍し、出てきた2つのフォルダをFTPソフトなどで
Firefoxで長いURIを折り返す
ANAフィギュア魔改造続き 本体に合わせるためのスカートを切り出した。9代目は青と紫がそれぞれ2体ずつあって、下半身は紫のダブリのものを使って制作していたんだけれども、今度は青のダブリを使った。上半身との接続軸を切り飛ばして、そこからドリルで穴を開けまくって開口。脚が取れたら穴をさらに広げて、内側をくり抜く。作業が非常にやりにくかったんで、後ろのスリットのところで一旦切り離してます。 腰周辺を削って、スカートを組み合わせる時のクリアランスを確保する。しかし腰が小さくなるとボディラインが崩れて醜くなるので、ここは最小限度にしないといけない。代わりに、スカートの内側を可能な限り削り込んで薄く整形している。 で、合わせてみる。スカートの後ろはとりあえずテープで仮止めして様子見。ぱっと見は元の製品状態と変わらないけど……実際、全然変わりません（ぉぃ）。「どうせ下から見てパンチラを楽しむつもりなんだ
小粋空間: Firefox・Netscapeで連続した半角文字を折り返す
FirefoxやNetscape 等、Geckoエンジンを用いたブラウザでは、連続した半角文字（長いURLや半角空白のないスクリプト等）を途中で折り返せないという既知のバグがあります。当サイトでもMTタグをリストとして掲載している記事をFirefox・Netscape等で表示すると、画像のようにブロックからはみ出して表示されてしまいます。 Firefoxまとめサイト：URLっぽい文字列が右端で折り返されずレイアウトが乱れます FirefoxではURLの折り返しについては url_breaker という拡張が公開されており、これがスタンダードな対処方法になっているようです。 あすかぜ・ねっと：url_breaker またURL以外のテキストにも適用したい場合、url_breker_plus が公開されています。 outsider reflex：Firefoxで長いURIを折り返す （本文中に
FirefoxでURL折り返しJavaScript
Firefoxで長いURLなんかを折り返してくれるJavaScript 前から気になってたけど、たいした理由もなく後回しにしてた （見て見ぬふりをしてた） ことを 今日 なぜか やる気が起きたので、やっつけちゃいました。それは、Firefox で 長いURL や 連続した半角文字列を 折り返してくれない バグに 立ち向かうことでした。 どういう現象かというと・・・ こ～んな感じ。文字列が Block を突き破って、はみ出してます。これ、IE では起きない現象なんですよね。 小粋空間 さん ： Firefox・Netscapeで連続した半角文字を折り返す を参考に 「通常のJavaScritpと同様に設定するカスタマイズ」 のほうで やってみました。 outsider reflex さん ： Firefoxで長いURIを折り返す から、url_breaker_plus.user.js をダウ
Best of Ajax, Dhtml and Javascript- part1 - noupe
In this article we’d like to present our first series for an extensive developer’s suite that should give you a useful and powerful toolbox you can use every day while developing AJAX-based web-applications. Scrolling techniques, Gradient Effects, instant field editing, interactive elements, visual effects, animation, slideshows, accordions,star rating and other useful javascripts examples that yo
JavaScriptでの進捗表示に便利な「jsProgressBarHandler」がアップデート:phpspot開発日誌
JavaScriptでの進捗表示に便利な「jsProgressBarHandler」がアップデート 2008年02月07日- Bram.us jsProgressBarHandler (Dynamic Unobtrusive Javascript Progress/Percentage Bar) jsProgressBarHandler is a Javascript based Percentage Bar / Progress Bar, inspired upon JS-code by WebAppers and CSS-code by Bare Naked App.JavaScriptでの進捗表示に便利な「jsProgressBarHandler」がアップデート。 『進捗状況を分かりやすくプログレスバーで表示できるJSライブラリ「jsProgressBarHandler」』で紹介した
第1回 Ajax---動的なWebアプリケーションを作るための技術
この記事は，日経ソフトウエア2006年7月号，連載「簡単実装で学ぶWeb技術2006」の第1回「Ajax――動的なWebアプリケーションを作るための技術」の再録です。記事は執筆時の情報に基づいており，現在では異なる場合があります。 こんにちは，結城浩です。 この連載では，Web技術を具体的でシンプルなサンプル・プログラムを通して紹介します。進歩と変化の激しいWeb技術は，手際よく本質をつかんでいきたいものですね。小さいけれどもわかりやすいサンプルを実際に動かして「なるほど，こういうものだったのか」と思っていただければありがたいです。 題材は，新しいものから基本的なものまで幅広く取り扱っていく予定です。第1回のテーマは「Ajax」です。サンプル・プログラムは三つあります。 動的で応答性のよいWebアプリを作る技術 Ajax（エイジャックス）は，一言でいえば「JavaScriptを使って動的な
jQueryとBlueprintではじめるWeb構築：Starter Kit、使ってみる？ - builder by ZDNet Japan
オラクルスペシャリストが語る！ 多くの企業で利用されるオラクルDBの課題 アセスメントの重要性とコスト最適化 ライバル同士がタッグを組む理由 マイクロソフトとヴイエムウェアが連携し パブリッククラウドへの移行を支援 セキュリティモデルは変わった！ クラウド活用、リモートワークはあたりまえ いま求められるゼロトラスト実現のために ビジネスの推進には必須！ ZDNet×マイクロソフトが贈る特別企画 今、必要な戦略的セキュリティとガバナンス 結果に差がつくウェビナーへの投資 デジタル営業時代における見込み顧客獲得へ ウェビナーの運用・集客・フォローの最適化 IT部門のDXはこれだ！ IT運用管理新時代における最適な運用管理 の現場作り RPAによる自動化を年30万で実現 小さな投資が目に見える大きな効果に！ デジタル化によるわかりやすい業務効率向上 身近な改善の第一歩！ ニューノーマルな働き方を
スクリプト言語:JavaScriptだけで作るWebアプリ―Apatena Jaxer - builder by ZDNet Japan
オリジナルコンテンツが満載！ 意外と知らないNutanix HCI の情報を集約 読めばわかる！いまHCIが注目される理由 年間5,000件の問い合わせに対応 疑問を解消したいユーザーも答える情シスも みんな幸せになるヘルプデスクの最適解 サービスを止めない！ サイバーエージェントに聞く高可用性の実現 そこにピュア・ストレージが選ばれた理由 リモートワークを成功させる方法 必須となるセキュリティをどう強化するか 必要な対策5つを紹介 これからの社内DX 真のDXのため、まずは社内のデジタル化を DXのファーストステップのヒント 勝つためのクラウド活用術 New Value on Azure ビジネスを次のステージへ！ Kubernetes活用の最適解とは？ 今、注目のコンテナを活用した柔軟なIT基盤 運用、管理の課題を解決しメリットを最大化 全世界22万以上の企業・組織で採用 DX時代の顧
AjaxはSEOの天敵？ - builder by ZDNet Japan
単純なインフラ製品の販売ではない DX、コンテナプラットフォームの実証など 自社の取り組みで得られた知見を顧客に提案 EDRトップランナー対談：後編 セキュリティ戦略を転換せざる得ない背景と EDRのような手法が必要な理由に迫る 本当のデータ活用できていますか？ データドリブンがあたりまえと言われる今あらためて考えたいデータ活用のありかた 最新ストレージで変わるIT運用 仮想化テクノロジーとFlashArrayの組合せで 運用負荷軽減と高性能化を実現したDMM オリジナルコンテンツが満載！ 意外と知らないNutanix HCI の情報を集約 読めばわかる！いまHCIが注目される理由 リモートワークを成功させる方法 必須となるセキュリティをどう強化するか 必要な対策5つを紹介 データ活用は次のステージへ トラディショナルからモダンへ進化するBI 未来への挑戦の成功はデータとともにある ビジネ
CSSの擬似クラス：IE6/IE7でも使う方法あります - builder by ZDNet Japan
年間5,000件の問い合わせに対応 疑問を解消したいユーザーも答える情シスも みんな幸せになるヘルプデスクの最適解 大事なのは”仕事の段取り” 幅広い業務を任されているからこそできる ひとり情シス流の業務改善術 Kubernetes活用の最適解とは？ 今、注目のコンテナを活用した柔軟なIT基盤 運用、管理の課題を解決しメリットを最大化 ハイブリッドクラウド時代の救世主 企業ITを素早く進化させるためのAVS サービス開始から1年で大幅に機能がアップ 電話営業・インサイドセールの革新 AIによる自動文字起こし・会話分析が 音声コミュニケーションの可能性を拓く 新OSのWin11はどう進化したか ビジネス上の役割、開発の要因と Win11が目指した5つのポイントを紹介 データ活用は次のステージへ トラディショナルからモダンへ進化するBI 未来への挑戦の成功はデータとともにある AWSとAzur
CSS擬似クラスを使うべき理由 | エンタープライズ | マイコミジャーナル
A List Apart - For People Who Make Websites HTMLとCSSは規格通りに使うとすれば縦横無尽にさまざまな記述ができる。しかし規格上サポートされているからといって、馬鹿正直にそうした機能を使うのは避けたい。シンプルな記述であとから読んでも理解しやすい、他人が読んでも理解しやすいHTMLやCSSを書けるようになることが理想だ。しかし誰しも最初は素人だ。エキスパートがまとめたドキュメントを参考にして、そうしたテクニックであり勘どころを学んでしまいたい。 フロントエンドデベロッパであるAlex Bischoff氏は5日(米国時間)、A List ApartにおいてKeeping Your Elements' Kids in Line with Offspringという名のもと、CSSやHTMLの記述方法について細かい技巧をまとめて発表した。同ドキュメント
[JS]パネルをフェードや加減スクロールで切り替えるスクリプト -wSide
wSideは、パネルの切り替えにフェードや加減スクロールなど多彩なアクションを実装するスクリプトです。 wSide, plugin jquery wSideはjQueryのプラグインで、動作にはjquery.jsが必要です。 切り替え時の多彩なアクションは、デモページを参照ください。 シンプル デモ 縦方向・横方向への加減スクロール、フェード エフェクト付き デモ 反動付きスクロール、縦横斜めのスクロール アドバンス デモ CSSを利用して、さまざまな効果を狙ったパネルの切り替え
JavaScriptだけで作れるAjax Webアプリ：Aptana Jaxerクイックスタート - builder by ZDNet Japan
Aptana Jaxerの概要 高品質なAjax用IDEをリリースしていることで有名な「aptana」プロジェクトが、無限の可能性を感じさせる「熱い」製品をリリースしてくれた。それが「Jaxer」だ。 「Jaxer」は、aptanaプロジェクトによれば「Ajaxサーバ」と位置づけられている（あまりピンとくるキャッチフレーズではないが……）。Jaxerの概要を簡潔に表すならば、「サーバサイドJavaScriptを実現するためのサーバ／フレームワーク」となるだろう。 サーバサイドJavaScriptを実現するプロダクトは、Jaxer以外にも多くある。そんな中、Jaxerが実現するサーバサイドJavaScriptには次のようなメリットがある。 ブラウザで動作するJavaScriptコードと、サーバサイドJavaScriptコードをシームレスに統合できる。 サーバサイドで動作する関数をクライアント
2007年11月度のweb製作者向けベストエントリ27個まとめ part6*ホームページを作る人のネタ帳
11月はGoogleページランクの影響が世界的に出た月でしたね。 有料リンクについていろいろ議論されてました。 今回はすっかり忘れていたんですが、11月中に注目を集めたものをご紹介いたします。 トップ記事 gOS - Discover a good OS. Googleが作ったわけではありませんが、非常に話題性の高いもの。 Linuxディストリビューションのひとつ。ubuntuベースのOS。 以下の濃厚レビューが参考になりますね。 gOSインストールと雑感 - ubuntu日記 SEO診断ツール Dipper β（ディッパー）－Septeni－ 以下の診断を全自動で行ってくれるサービス。 ・対象キーワードの自然検索での順位 ・対象キーワードの検索結果数 ・Googleページランク ・Yahoo!ディレクトリ登録の有無 ・被リンク数 ・インデックス数 ・対象キーワードの出現頻度 ・サイト構造
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
