レスポンシブでサイトを制作することは今や当たり前ですよね。 googleが推奨していることもありますし、なによりサイトのメンテナンスがラクです。 レスポンシブ最高！というわけで早速表題の件に。 ＜レスポンシブの1番お手軽な組み方（CSSを三つ用意する）＞ レスポンシブでサイトを作る場合、スマホで表示するボタンをパソコン版では表示しないようにしたい部分がでてきます。ですので、分かりやすい名前のクラスをつけておくと便利です。 pc.css htmlStart .sp-only{ display:none;} htmlEnd 逆にスマホ用のCSSにパソコン版だけの部分を非表示に...続きを見る
///////////////////////////////////// ドメインの管理について ///////////////////////////////////// ■ドメインが取得できるサイトは複数あります。 お名前.com、バリュードメイン、ムームードメインなど 【よく取得されるドメイン】 .com／.net … 最安（情報サイトなど） .jp／.co.jp … 企業向け（会社のサイトなど） ■ドメイン取得サイトが異なる業者にドメインを引き渡すことを「ドメイン移管」といいます。 【ドメイン移管】 ・特に費用はかかりません。 ・１～２週間くらい...続きを見る
最近流行の技のようで、主にロシアからのリファラースパム行為が多いらしい。
google解析（グーグルアナリティクス）でリンク元の参照を見ると、
普通なgoogleやyahooなどの検索エンジンが上位のはずが、訳の分からないドメインが上位になっている。
例えば、こんな感じのURLが参照元に…
htmlStart
claim66629524.copyrightclaims.org
site48246457.snip.to
site69510790.snip.to
get-your-social-buttons.info
site46176572.snip.to
htmlEnd...続きを見る
インターネットとブラウザは切っても切れない関係。 果たして、あなたが使っているブラウザは本当に自分に合っているブラウザなのか？ 「IE」「google chrome(以下、クローム)」「firefox（以下、狐）」「safari」 ブラウザのシェア率は、この辺が高いというのは知っている。 が、個人的には日本人が開発している「sleipnir(スレイプニル)」（以下、プニル）がイチオシである。 国産のわりには読みづらい名前で浸透性がなく、シェア率は0.2％ほどの超絶マニアックブラウザ。 しかし、慣れてしまうと他のブラウザにはもう移行できない感が一番強いのはプニルではないかと思...続きを見る
画像ファイルがあるかないかを判断して、必要に応じてノーイメージ(now printing)を表示する時などに使用するファイル存在確認の代表的関数file_exists()。 phpStart $path = './log/item/12345.jpg'; if(file_exists($path)){ $img = $path; }else{ $img = '/img/noimage.jpg'; } phpEnd しかし、自サーバーならfile_exists関数でファイルがあるかないかを判断できるが、他ドメイン＆他サーバーでは使用できないので、その場合はget_hea...続きを見る
さくらインターネットの共有サーバーではhtaccessのルールが特殊で、結構悩まされる。安いサーバーに難があるのは仕方がないけど…。 既に拡張子が「html」で作成されたサイトで、後からSSIやPHPを使いたいという状況。これWEBの仕事してるとそこそこ出てくるよね？ URLを変えるのはSEO的にイヤだということで、拡張子はhtmlのままSSIやPHPを使用したいという時は、htaccessにちょいと書いてやるだけで実現します。 htmlStart ▼phpの場合 AddType application/x-httpd-php .htm .html ▼SSIの場合 Add...続きを見る
Google Chart APIを利用すればたった一行でQRコードが作れます。
htmlStart
http://chart.apis.google.com/chart?chs=《サイズ》&cht=qr&chl=《URLやメールアドレスなど》
htmlEnd
画像タグに上記のコードを記載するだけ。
htmlStart
htmlEnd
パラメータの「chl」には日本語を使うこともできます。mailtoタグと同様で日本語を使う場合は文字化けの対処をしないといけないので、文字コードをパラメータの「choe」で指定しないといけない。
QRコードは携帯やスマホで読み取られるの...続きを見る
システムを構築中に今現在のURL（自身のURL）やファイル名を取得したいというケースがちょくちょく出てきます。サーバ環境変数に格納されているので取得は簡単です。 (adsbygoogle = window.adsbygoogle || []).push({}); phpStart /* 現在のURLが以下だった場合 http://blog.pinkmonky.net/test.php?id=47&cate=5 */ echo $_SERVER['SERVER_NAME']; echo $_SERVER['REQUEST_URI']; echo $_SERVER[...続きを見る
メールアドレスの書式チェックの方法をネットで調べると、preg_match関数を使用した正規表現チェックのコードがいくつか出てくるのだが、どれも同じコードではない為、どれが一番正確なのかはよく分からない。そこで、信用できそうなコードをご紹介。 (adsbygoogle = window.adsbygoogle || []).push({}); どうやら、docomoは「da.me..@docomo.ne.jp」といったRF2822非準拠の携帯メールアドレスが取得できるらしいので、docomoのせいでちょっとややこしいようだ。 ↓ドコモのメールアドレスの取得は以下が可能↓ ...続きを見る
文字列の一部分を取り出すsubstr関数は使用するシーンが多いです。長い文章の最初だけを表示する時や、URLから一部分を切り出す時などなど。 ＜substr()関数 - 最後の２文字を取り出す＞ phpStart $str = 'http://sample.jp/cate.php?id=06'; echo substr($str, -2); //結果「06」が出力されます。 phpEnd 第２引数にマイナス値を入れれば最後からの文字が取得できます。先頭から２文字を取得する場合は正数を書けばOK。文字列が日本語の場合はmb_substr()を使用しないとバグが起きます。 ...続きを見る
md5関数に文字列を与えると、その文字に準じた32文字の英数字の文字列（ハッシュ値）を返してくれます。一文字でも違う値を与えれば、全く違う文字列になり、同じ文字列なら毎回同じ文字列が返ります。 ＜関数の使用例＞ phpStart echo md5('abcd'); phpEnd ＜結果＞ htmlStart e2fc714c4727ee9395f324cd2e7f331f htmlEnd 上記の文字列から元の文字列に戻す方法はありません。一度暗号化してしまうと、暗号化した本人しか答えが分からないのです。セキュリティーを重視するサイトではデータデースにそのままパスワ...続きを見る
PHPをゼロから始める人はfor文やif文などの構文を一通り見たけど、「で、何をすればいいの？」と足ふみをしてしまう人が多いのではないでしょうか？ そんな人にまず知ってほしいのは動的ページのカラクリ。これが分かればドドドっと次から次へと課題が出てくるので、勉強が進みます。 では早速簡単な動的ページを作ってみましょう。まずは商品データが入ったログファイルを作ります。下記の例ではカンマ区切りで「ID」「商品名」「値段」という構成で一商品一列でまとめています。 秀丸やさくらエディターなどUTF8の文字コードに対応したテキストで作成してください。 ＜ログファイル data.log＞...続きを見る
スマホ用素材をネットで探しましたが、なかなか大きいサイズのものがなかったので、結局自分で作っちゃいました。スマホは解像度がPCより2倍大きいので、例えば300pxのボタンを設置する場合は600pxの画像を使わないと画質がにじんでしまいます。指でボタンを押すのでボタンを大きく作るのがスマホサイトの基本ですね。
＜スマホで画像を綺麗に表示する＞
htmlStart
htmlEnd
＜スマホで背景を綺麗に表示する＞
htmlStart
sample
htmlEnd
人物フリー素材SELLSELF
ダウンロード[PNG]
ダウンロード[PSD]
※自由に使...続きを見る
アフィリエイトのリンクがサイト内にたくさんある場合は、隠した方がSEO的に良しとされています。では、簡単なので早速コードを見てください。 ＜jump.php＞ phpStart $link[1] = 'http://sample1.jp?afid=9999'; $link[2] = 'http://sample2.jp?afid=9999'; $link[3] = 'http://sample3.jp?afid=9999'; $link[4] = 'http://sample4.jp?afid=9999'; $link[5] = 'http://sample5.jp?afid...続きを見る
UTF-8の文字をshift_jisに変換するコードです。携帯サイトを作る場合はdocomoとauがshift_jisで作らないといけないので、文字コードを変更することがあります。EUC-JPはperl時代の時によく使用されていましが、今はUTF-8とshift_jisのどちらかしか使わないですね。 phpStart //mb_convert_encoding(文字列,変換後,変換前); mb_convert_encoding($str,'SJIS','UTF8'); phpEnd あとPCサイトでもメーラーを立ち上げるmailtoのリンクで件名と内容も付属するときはshif...続きを見る
画像をダウンロードして、フォトショップで切り抜き加工をして使ってください。CSSの宣言方法も記載しておきます。
＜HTML＞
htmlStart
サンプル１
サンプル２
htmlEnd
＜CSS＞
htmlStart
ul.listMark li{
background:url(/img/list.gif) 0 2px no-repeat;
padding-left:15px;
}
htmlEnd
背景ポジション(0 2px)←この部分はline-heightの設定値により数値の調節が必要になります。ポジションの数値はマイナスの値も使えます...続きを見る
企業の広告モデルってカッコイイな
M2NETは、日本の広告クリエイター。B型の天秤座。理屈主義で人を簡単に信じない現代的なキャラ。 WEB制作はデザイン＋コーディング＋システム全般を平均的にこなし、近年は動画制作にも精通。 2006年頃からアフィリエイトで生活。フリーランスとして10年以上活動中。 制作に特化した技術者であり、マーケティングは得意ではない。現在、マーケティング上手を目指して日々奮闘中。
ネットやアプリで無料で気軽にどんどん対局ができる将棋。脳は使わないと劣化して、使えば進化していきます。効率のいい脳の鍛え方の一つとして将棋はうってつけです。
食品添加物がなぜ入っているのか、何でできているのかを知ることは大切です。人間の身体は食べ物でできているから。
便利コンテンツとして野菜を長持ちさせる情報をまとめています。現在まだ情報収集中…完成をお楽しみに！