Webと技術に関するtexas_tgbのブックマーク (70)

  • Apacheの設定を変更し、単一IPアドレス上で複数のSSLサイトを運用する - builder by ZDNet Japan

    Apacheのバージョン2.2.12以降では、SNI(Server Name Indication)という、SSLプロトコルに対する拡張機能がサポートされているため、名前ベースのHTTPサイトを設定する場合と同じように名前ベースのHTTPSサイトを設定することが可能になっている。記事では、Apacheのこの機能について紹介する。 Apache Webサーバがバージョンアップし、成熟していくに伴い、新機能の追加やバグの修正が行われてきている。そして、バージョン2.2.12で追加された機能のうち、最も重要なものはおそらく、単一IPアドレス上で複数のSSLサイトを運用できるようにするという、長らく持ち望まれていた機能だろう。 これまでは、特定のIPアドレスに対してSSL対応のWebサイトを割り当てた場合、そのサイト1つしかSSL対応のWebサイトを運用することができなかった。つまり、IPアドレ

    Apacheの設定を変更し、単一IPアドレス上で複数のSSLサイトを運用する - builder by ZDNet Japan
  • iPhone 対応ウェブページにするおまじない

    iPhone 対応ウェブページにするおまじない 2009-09-08-2 [Tips][iPhone] Revilist を iPhone の Safari で見ると、なんか縮小されちゃうので困っていました。 しかし、いろいろ調べて解決! 下記のメタタグを足したらOKでした。 <meta name="viewport" content="width=device-width; initial-scale=1.0;"> おまじないなし。字が小さいです。拡大しても横スクロールが必要になってイマイチ。 おまじない後。iPhone の幅に合わせての折り返し。ほどよい文字サイズです。 参考 - iPhone 3G用のWebページを作る1 http://allabout.co.jp/internet/javascript/closeup/CU20080715A/index3.htm - iPhone

    iPhone 対応ウェブページにするおまじない
  • ディレクターなら押さえておきたいモバイルSEO34項目 : LINE Corporation ディレクターブログ

    ディレクターの渡邉雄介です。 ディレクターブログで以前に何度かモバイルSEOについて言及していますが、今回は、モバイルコンテンツ制作に関わるディレクターが最低限押さえておきたいSEOの進め方と、34個のチェック項目を紹介したいと思います。 SEO、その前に SEOを行うとき、まず最初に何をしていますか? 「さっそく実施する」とお答えになる方もいるかもしれませんが、私は最初は何も手を付けず、現状の数値の把握から始めています。 たとえば、ページ内に特定のキーワードの出現回数を増やして、そのワードの検索順位の向上を目指しているような場合、施策を実施する前に最低1週間は過去の順位の推移・平均をみておかないと、結果どれだけ向上したのか、適切な検証ができません。 モバイルはPCと違って、まだまだ解析できる項目が限られているため、SEOの実施後にどれだけの変化があったのかを適切に検証をするには、実施前の

    ディレクターなら押さえておきたいモバイルSEO34項目 : LINE Corporation ディレクターブログ
  • dfltweb1.onamae.com – このドメインはお名前.comで取得されています。

    このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。

  • Flashファイル(SWFファイル)から各種データをリッピングする·SWFRIP MOONGIFT

    最近はあまり聞かなくなったが、動画共有サイトからFlashビデオ(flv形式)をダウンロードし、そこからmp3ファイルを抽出する方法が良く聞くことがあった。そのためのソフトウェアは数多いが、個人的にはRichFLVを使っている。 Flashファイルから各種リソースを抽出 だがmp3だけの抽出であれば良いが、他の素材も欲しいものがあるかも知れない。そんな時に役立つのがSWFRIPだ。 今回紹介するオープンソース・ソフトウェアはSWFRIP、SWFファイルから様々な素材を抽出するソフトウェアだ。 SWFRIPはFlashビデオ形式には対応していないようなので注意されたい。Flashファイル(swf形式)をドロップすると、画像、フォント、テキスト、音楽、ボタン、動画、 ActionScriptなどを抽出して一覧してくれる。 オプション シェイプはswfで書き出す他、SVG形式でも出力できる。画像

    Flashファイル(SWFファイル)から各種データをリッピングする·SWFRIP MOONGIFT
  • 世界を相手にするショッピングサイト·OpenCart MOONGIFT

    ECサイトをいちから構築しようと言う人はまずいないだろう。何らかのASPや商用パッケージそしてオープンソース・ソフトウェアを使えば手軽に構築できてしまう。システム構築にかかるはずだったコストをマーケティングや仕入、デザインなどにあてればうまくいく可能性もあがってくるだろう。 ECサイト 日だけで見ると市場は狭いが、世界を相手にショッピングサイトを提供すれば輸出関係の多少の面倒さはあるとは言え、売上の規模が格段に変わってくる。それを実現してくれるカートシステムがOpenCartだ。 今回紹介するオープンソース・ソフトウェアはOpenCart、Webベースのオンラインショッピングシステムだ。 OpenCartはPHP+MySQLというある意味スタンダードな組み合わせでできている。インストーラーも付属し、ウィザード形式で簡単にセットアップができる。予めデモの商品データも登録されているので、すぐ

    世界を相手にするショッピングサイト·OpenCart MOONGIFT
  • AS3 で外部からテキストを読み込んで時系列で処理する (ラボブログ)

    スパイスラボ神部です。 ActionScript 3 で外部からテキストを読み込んで時系列で処理する方法について調べる必要がありましたので、エッセンスを共有してみます。 まずは外部テキストを読み込もう -xingxx - AS3でFlashVarsを取得する/SwfObejectを使ってFlashVarsを定義する・・・むしろ for (var i:String in loaderInfo.parameters) { } という取り出し方が参考になります。 -ActionScript(AS3.0)のFlashVarsメモ (memo.kappa-lab.com)・・・SWFobject.js を使うときの賢いやり方。まだ SWFobject 使えてない・・・。 -AS3:13.HTMLから値を渡す・・・root とか入っててちょっとまだ AS2 っぽい テキストの配置時のさまざまなプロパテ

  • 携帯端末以外のIPを制限するhtaccessを簡単生成 『Mobile IP htaccess Maker』 - HTMLタグボード

    携帯サイトを運営する上で、携帯端末のみをアクセス可能にしたい場合にサーバーに設置が必要なサーバー定義ファイル「.htaccess」を簡単に生成します。キャリアや検索エンジンのクローラーごとに設定可能なため、例えば「auは許可し、docomoは拒否」といった設定も可能です。 アクセスを許可したいキャリアやクローラーを選択し、最後に「htaccess生成」ボタンを押すと、htaccess用に書かれたIP情報(自IP含む)が表示れます。表示内容をコピーし、「.htaccess」という名前で保存した後、自分のサーバーにアップロードすれば完了です。 以下の携帯キャリアとモバイル向け検索エンジンに対応しています。 ※スマートフォンは対象外です。 携帯キャリア (5) NTT docomo, au by KDDI, SoftBank, 旧willcom(新Y!mobile), 旧emobile(新Y!m

  • HTML Color Code Combination Chooser | Resources for Web Design For Developers

    Choose the best HTML color combinations with this free tool. Easy to use color finder that generates HTML codes.Coversion Warning? The warning symbol shows when there is a difference between the chosen colour and the base output colour. It is important to note that RGB has a far greater range of colours than the pigment based RYB colour wheel. The tool will will choose the closest match. If you w

    texas_tgb
    texas_tgb 2008/08/13
    配色のヒント
  • 【ハウツー】もう試しましたか? Googleの脆弱性発見ツール「ratproxy」 (1) XSS問題などを検出可能 | エンタープライズ | マイコミジャーナル

    Webアプリケーション開発者にとって切っても切れない問題――それがセキュリティ対策だ。日増しに複雑になっていく要件・機能に対する脆弱性検査に悲鳴をあげているデベロッパ/テスターも多いことだろう。そのような中、あのGoogleが、社内でも活用している脆弱性発見ツールをオープンソース化して公開した。同ツールは脆弱性検査の新しい決め手となるか。以下、基的な使い方や主要機能について紹介していこう。 Google社内で現役の脆弱性検知ツール - ratproxy Googleは1日(米国時間)、Webアプリケーションのセキュリティ監査を実施するツール「ratproxy」をリリースした。ratproxyはプロキシサーバとして動作するオープンソースソフトウェア。同ソフトウェアを経由してWebアプリケーションを操作することで、XSS(Cross Site Scripting)問題や不適切なXSRF(Cr

  • noobSlide - mootools

    Your domain is active and is using Hostinger nameservers. Take the recommended steps below to continue your journey with Hostinger.

  • モバゲーのような携帯サイトを作るための12のTips 携帯ホームページを作ろう! -ちょっと詳しいモバイルサイトの作り方-

    当ブログが携帯サイト作成法に関する記事をかいていることから、読者の方から、 『モバゲーのような携帯サイトを作るためにはどうしたらいいんですか?』 っていう質問を最近良く受けます。 おそらく、モバゲーがとても有名で、ある種モバゲーが携帯サイト界のデファクトスタンダードのような 位置づけになってきているのでしょうか。 確かに、携帯サイトを作ってきている身としても、 モバゲーのサイトデザインにするには、結構難しいことも多いし、学ぶことも多い。しかし、最近の携帯サイトは、実機からしかアクセスできないようになっていて、PCからコードを覗くことができないことも多く、学ぶことも難しいようです。 ということで、今回は実際にモバゲータウンに携帯でアクセスして、携帯の画面を見ながら、デザインを真似て新しく自分なりに作ってみましたので、そこから得た経験をTipsとして公開したいと思います。 ちなみに、左のスクリ

  • ke-tai.org > Blog Archive > ケータイでの画像回り込みについてまとめてみました

    ケータイでの画像回り込みについてまとめてみました Tweet 2008/6/11 水曜日 matsui Posted in デザイン | 7 Comments » 日、ケータイでの「画像の回り込み」に関して調査しましたので、メモを兼ねてまとめてみます。 もちろん、キャリア毎に書き分けてしまっては意味が無いので、3キャリアで共通して使える書き方を調べてみることにしました。 まず問題となったのが、auでfloatが利かないことです。 では、オーソドックスにimgタグのalign属性を使ってみてはどうかということになりますが、今度はドコモ(XHTML)で正しく表示されません。 なかなかやっかいです。 そこで、次のようなサンプルHTMLを作成し、3キャリアでテストを行ってみました。 <img src="test.gif" style="float:left;" align="left" /> あ

  • 独学で極める “Webデザイン”の技と心:第10回 CSS Spritesでサイトを高速化|gihyo.jp … 技術評論社

    今日は、CSSを使ってサイトを高速化するテクニック「CSS Sprites(CSSスプライト⁠)⁠」についてのお話をさせていただきます。 サイトの高速化というと、プログラムの最適化を行ったり、サーバのチューニングを行ったりというイメージがあるかと思います。実はCSSを上手に使うことによっても、サイトの高速化を行うことができます。しかも、かなりの効果が期待できるのです。 CSS Spritesとは? 通常、ウェブページを制作する場合、デザインファイル(psdやpngなどの画像)をスライスし、HTMLのimg要素として埋め込んだり、CSSの背景画像として指定していることと思います。 それらの画像を一つにまとめ、1度の読み込みでのリクエスト数を減らすテクニックのことを「CSS Sprites」と呼びます。 このテクニックは、以前からマウスオーバーメニューを実現する際にも使われていたものでもありま

    独学で極める “Webデザイン”の技と心:第10回 CSS Spritesでサイトを高速化|gihyo.jp … 技術評論社
  • クッキーを使わないでブラウザに設定情報を保存できる「PersistJS」:phpspot開発日誌

    Pablotron: PersistJS: Cross Browser Client-Side Persistent Storage Without Cookies I just released PersistJS, a client-side JavaScript persistent storage library. クッキーを使わないでブラウザに設定情報を保存できる「PersistJS」。 通常、ブラウザに設定を保存というと、クッキーですが、容量が4KBまでで、毎回ブラウザ間でデータの通信が発生したりして使いづらい面もあります。 PersistJS は Flash8,gears, localstorage,最終的にはcookieなどのバックエンドから使えるものを選んで、ローカルにデータを保存するためのJavaScriptライブラリです。 ストレージ次第で数メガのデータを保存すること

  • 301リダイレクトを使った「WWWあり」と「WWWなし」の統一

    僕のところに、毎月1,2件必ず寄せられる質問があります。 それは、「wwwあり」のURLと「wwwなし」のURLに関する質問です。 もう少し正確に言うと、「wwwあり」と「wwwなし」の統合です。 同じコンテンツを示すURLが、「http://www.example.com/」と「http://example.com/」のように、2つに分かれてしまっている場合があります。 人間にとっては同じでも、検索エンジンにとってはまったく別のページになります。 被リンクが両方に張られていたら分散してしまうし、それよりもなによりも異なるURLで同じコンテンツなので、複製コンテンツとしてマークされてしまう危険も付きまといます。 来ならサイトの構築を始める前に、「wwwあり」で運用するのか、「wwwなし」で運用するのか決めるべきですが、何らかの事情で分かれてしまっていることもあるでしょう。 そこで、「ww

    301リダイレクトを使った「WWWあり」と「WWWなし」の統一
  • 可変するテキストフィールドとフキダシのサンプル|_level0.KAYAC

    たとえばツールチップみたいなフキダシをつくるときに、1行に収まる場合は文字に幅がフィットし、ある程度の文章量があったら幅固定で改行して流し込みたいことがあります。 テキストフィールドの値の長さによって改行モードを切り替えるサンプルです。 test_txt.autoSize = "left"; function setText( str) { test_txt.multiline= test_txt.wordWrap = true; test_txt._width = 300;//改行する場合の幅固定値 test_txt.text = str; test_txt.multiline= test_txt.wordWrap = ( test_txt.maxscroll >1);//スクロールしてなかったら1行にする } TextField.autoSizeを設定した状態で、TextField.m

  • Hoverbox Image Gallery

    Hoverbox Image Gallery XHTML CSS 508 | Hoverbox by Nathan Smith. | Read the Tutorial.

  • 簡単flvの作り方

    vistaのクラックについて いや〜Flash 8が出るまでは手間かけてFLV作ってたなぁ、 そう思うとらくちんらくちん 。 Flash MX 2004 Professionalなら動画ファイルをライブラリに読み込んでプロパティーで書き出すと、 test.flv等簡単に変換できる、んがしかし、画質悪いわ音悪いわで、気にいらないってんで、 Flashを持っていなくてもいいので、 Riva FLV Encoder2.0 を使う、 これはフラシュでは設定出来ないビットレートも設定出来るので好んで使っている、 ここのダウンロードページから取りあえずインストールをしておく。 手順1 インストール 手順2 ビットレート調整  手順3 エンコード 手順4 プレビュー 手順5 フラッシュでパブリッシュ Flash 8の場合 intelでマックを入れた場合 すると,こう言う画面

  • Smashing Magazine » Blog Archive » Cheat Sheet Round-Up: Ajax, CSS, LaTeX, Ruby…

    AJAX calls do not cover updates from the server, which are needed for the modern real-time and collaborative web. PubSub (as in “publish and subscribe”) is an established messaging pattern that achieves this. In this article, Alexander Gödde will look at precisely how PubSub solves the updating problem, and he’ll look at one particular solution (the WAMP protocol) that integrates both the calling

    Smashing Magazine » Blog Archive » Cheat Sheet Round-Up: Ajax, CSS, LaTeX, Ruby…