内容の酷似したコンテンツが複数あった場合、一番元となるコンテンツはどれなんだと明示することができる rel="canonical"(カノニカル属性) ですが、こいつはとんでもない力を持っています。(※canonicalの設定は、コピーしたコンテンツのヘッダーに rel="…
Amazon EC2は使った分だけお金を払うシステムなので、テストや勉強をするには持ってこい。 (一般に公開しなければ、月間300円とか) WEBデザイナーやコーダーだって、LAMP環境の構築は出来たほうがいいだろうと勉強会を開催しました。 一つ一つの単語の意味…
画像のファイルサイズを減らす必要があり、 まずはweb用に保存で png24ビット の画像を png8 ビット にして画像の圧縮を試みた。 大分ファイルサイズは減り 320k から 100k に。 それでもまだ容量が大きかったので png8ビットの画像のカラーを 128 から 64 …
facebookのコメントボックスをウインドウサイズに合わせて設置する【jQquer:innerWidth】 [html]<style> content {width:80%;} </style> <div id="content"> <script type="text/javascript" src="">http://www.google.com/jsapi"> <script type="text/javascript">google.load("jquery", "1.6");</script> <script type="text/javascript"> $(function()…</div>
フォトショップで同じ動作の繰り返し処理を実行するときは、 1.処理をアクションで保存 2.アクションをドロップレットでexeファイル化 3.フォルダごとexeにドロップで、フォルダ内の全てのファイルに適用 と簡単に処理を繰り返すことができます。 1.画像の解…
※画像をクリックすると拡大して表示できます。 こんな画像は、簡単に こんな風に綺麗にできます。 これを覚えておくだけで、撮影に失敗した画像も蘇らせることができます。 1.画像をフォトショップで開きます 2.レイヤーをコピーします(背景のコピー) … 【…
ユーザーの使いやすさ向上の為、ラジオボタンやチェックボックスには、ラベル[label]を設定するのが基本ですが、Androidではそのままでは適用できません。 javascriptでテキストクリック時にチェックを入れることもできますが、簡単な方法として onClick イ…
サイトを運営していると、 サイトが見えない! といった問い合わせがちょこちょこ寄せられます。 そんな馬鹿なー とサイトを覗いてみると、ホントに落ちてたりして… 原因なんだろうと探る前に、復旧優先でまずは各種サービス(Apache、MySQL)が起動している…
Google Analytics(グーグルアナリティクス)が新バージョンへ移行されるので、操作になれておかないとなーと思って、 最近は新バージョンの表示でいつも効果計測をしているのですが… やりにくい!特にデフォルトで表示される期間が2日前まで(夕方あたりか…
●対応内容 全体のサイズを最適化 文字サイズを最適化 入力エリアの余白を最適化 選択中のエリアに背景色をつける(iphoneのみ) 電話番号はinput type=telに メールアドレスはinput type=emailに URLはnput type=urlに textareaはフォーカス前の高さ50px、フ…
【規定サイズ】 520px × 800px ※規定サイズでは800pxとされているがjavascriptのコードを読み込むことで高さはいくらでも調整可能。 >>サンプルページはこちら<< 【仕様】 520px × 800px を超えるとスクロールバーが表示される Iframeで読み込んでいるファイ…
●top.html <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> </head> <body> <iframe id="testtest" src="Iframeで読み込むhtmlのURL" width="400" height="300" frameborder="0" scrolling="NO"></iframe> </body> </html> ●iframe.html <html> <head> </head></html>
1)require系はファイルを読み込めなければ必ずエラーで停止する 2)include系はファイルを読み込めなければ必ず警告を(内部レベルでは)出力する 等の違いがあるものの、特に使い分ける必要がない場合は、includeを使用しましょう。 処理にかかる時間 require_…
Google Analyticsが新バージョンに移設することになり、使えなくなりました… Google Analytics(グーグルアナリティクス)を使用している人なら、必ず入れたほうが良い拡張機能のご紹介。 ●Google Analytics with SBM http://userscripts.org/scripts/show/4…
「GoogleやYahooの検索結果から特定のページを削除してほしい!」 サイト管理者には、このような声が届くことがあります。基本的には、htmlファイルを削除すれば、検索結果からも削除されるのですが、いつ削除されるかはGoogle先生次第です。緊急を要する場…
●対象ブラウザ IE6、IE7、IE8、Firefox、Chrome 意外とはまってしまうテキストやコンテンツのセンタリング方法。 ブラウザの仕様にとらわれないCSSの書き方を紹介します。 [html] <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <title>クロスブラウザ - センタリング</title> </head> </html>
Javaの動作環境 WindowsXP 接続先のDB Oracle 前回、Javaでsitemap.xmlを作成し、その後SCPで本番サーバに自動アップロードする方法を説明しました。 ●Java入門 - sitemap.xml を scp でルートドキュメントに自動アップロード【import ch.ethz.ssh2】 http:/…
Javaの動作環境 WindowsXP 接続先のDB Oracle ※ローカルPCから外部のDBに接続するには、接続するDBが外部からの接続を許可していることが前提となります 前回、Javaでsitemap.xmlを作成しました。 ●Java入門 - Javaでsitemap.xmlを自動で生成【while( rs.nex…
Javaの動作環境 WindowsXP 接続先のDB Oracle 前回は、JavaでODBC接続をして、SQLを実行までのソースを紹介しました。 ●Java入門 - JavaでODBC接続をして、SQLを実行【JDBC】 http://asobicocoro.com/tips/?p=72 本節では、ローカルのPCからJDBCを使ってDBへ…
Javaの動作環境 WindowsXP 接続先のDB Oracle ※ローカルPCから外部のDBに接続するには、接続するDBが外部からの接続を許可していることが前提となります 前回、Javaの一番簡単なサンプルでの動作テストを確認しました。 ●Java入門 - Javaの開発キッドのイン…
開発環境 OS:WindowsXP ①Javaの開発キッド【JDK(J2SDK)】をPCにインストール まずはローカル上でjavaを実行できるようにするため、開発キッド【JDK(J2SDK)】をインストールします。 ●こちらのSUNのサイトから、jdk-6u23-windows-i586.exeをダウンロード…
googleのWebマスターツールで登録するsitemap.xml(サイトマップ) インデックスされていない記事をインデックスされやすくするように設置するものですが、動的に作成しているページなどは固定のURLを持たない為、中々sitemap.xml(サイトマップ)を作成しに…
1、まずは「jQueryのLight plugin」をダウンロード 2、ファイルを解凍して、「js」、「css」、「images」フォルダをアップロード 3、head内に以下のソースを記入する <link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" /> <script type="text/javascript" src="js/jquery.js"></script> </link>
●index.php [php] http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja" dir="ltr"> <head> <title>サンプル</title> </head> <body> </body></html>
OS:WindowsXP XAMPPをインストールしたら、当然ローカルホストにssh接続できるだろうと信じて色んな情報集めていましたが、自分が馬鹿でした。 当然できません。 といあえず、接続してみようとTera Termを使って、ローカルホストのアドレスを指定しても無効…
メール配信を含むWebサイトを作成するとき、「電子メールで使ってはいけない文字」は考慮に入れて置きたい点です。 受け取るメールソフトでは、文字化けを起こしたりするので、今回取り上げた文字は使用禁止としたほうが無難でしょう。 ①半角カタカナ アイウエオカ…
信憑性の高い、下記2名の方のコメントを抜粋です。 ●WebmasterWorld(※1)のアドミニストレータ、tedsar氏は次のようにコメントしています。 I don’t think its really a penalty ― more like all that anchor text on a page sort of blurs or dulls the re…
可変レイアウトでサイトを制作しているとき等、かなり重宝するCSSの指定です。 ブラウザの横幅サイズの最小値を指定する方法は、覚えておいて損はないでしょう。 ●index.html [html] <head> <style type="text/css"> body { min-width: 920px; width:expression(document.body.clientWidth </head>…
●Javascriptでポップアップウィンドウを開く(×:ダメなケース) <a href="javascript:window.open('popup.html','a','width=800, height=800, menubar=no, toolbar=no, scrollbars=yes');">ポップアップ</a> 上記のように記述すると、Javascriptがオフの場合、リンク先を開くことができません。 なので、このように記述します。 ●Javascriptでポップアップウィンドウを開く(◯:オスス…
設置はものすごく簡単です。 設置したサイトはこちら → MY TUBE - アソコロ的音楽PV検索サイト キーワード「asocoro」でtwitter上のつぶやきをリアルタイムに表示しています。 ●用意するファイル ・jquery_1.2.6.js ・・・ ※1.3以上のバージョンだと上手く動作…