最短を目指すWEB制作者の技術ログ
HTML･CSS･PHP･jquery＆将棋

ワードプレスを外し、独自のシステムに移行する際、画像のエクスポートが苦労しました。 個人的にワードプレスは好みません。クライアントに管理画面を提供する場合は、自分で一から作ったほうがユーザビリティーが圧倒的に良くなるからです。 アップロード画像の記録がある、postmetaテーブルの検索で「meta_key = _wp_attachment_metadata」とすると、データが下記のようになっていた。なんというごちゃごちゃしたデータ。これだからワードプレスは苦手だ。 htmlStart a:5:{s:5:"width";i:731;s:6:"height";i:723;s:4:"f...続きを見る

管理画面でユーザーに画像をアップさせる際、実行ボタンの２度押しを防ぐために必要なローディングの表示。 特に苦労せず設置ができたので、コードを紹介します。ローディング自体はCSSで完結します。画像不要なのが今回のミソです。ボタンを押したらローディング発動の部分だけjqueryです。 [デモサンプル] まずはbodyの下辺りにローディングのHTMLコードをコピペして、フォームのボタンに何らかのクラス名を付けてください。 htmlStart ・ ・ ・ htmlEnd 次はCSSに以下のコードをコピペしてくださ...続きを見る

まずは矢倉（やぐら）の囲いの流れを見てください。 先手後手が「矢倉囲い」の棋譜 var kifu1 = Kifu.load("/kif/kakoi_yagura.kif"); 矢倉囲いの長所は「上部からの攻めに強い」短所は「横からの攻めに弱い」です。 ただ、将棋を始める時はメリットデメリットは気にせず、形を頭に入れて対局してみましょう。 次は、高美濃囲い（たかみのがこい）と穴熊（あなぐま）の囲いです。 先手「高美濃囲い」後手「穴熊」の組み方 var kifu1 = Kifu.load("/kif/kakoi_takamino+anaguma.kif"); 高美濃...続きを見る

中飛車（なかびしゃ）は相手が受け方を知らない場合、最短の手数で試合が決まってしまう恐れがある戦法です。 まずは一番うまく決まった場合の中飛車の攻め方を見てください。飛車と角で最短で相手陣を攻め落とします。 棋譜を進めていくと、盤面の下にコメントが表示されます。理解を深める為にしっかり目を通してください。 中飛車の攻め方「最短決着」 var kifu1 = Kifu.load("/kif/nakabisya_01.kif"); 中飛車はあっという間に対局が終わってしまうこともある戦法なので、相手が中央に飛車を持ってきた時は対処法を知ってきましょう。 次は、中飛車の受け方です。...続きを見る

今日は将棋を始める方にオススメの無料対局サイトをご紹介。 ※パソコンユーザー限定の記事になります。 ズバリ「ヤフー将棋」はかなり昔から存在する無料の対局サイトです。 元祖シェアNo.1フリーメールのYahooメールのアカウントで始められる気軽さが嬉しい。 が、パソコン専用です…。スマホは適当なアプリを探してください。 それでは早速、ヤフー将棋にログインして、対局ロビー一覧に進みます。 下記の画面が対局ロビーです。 いつも人で埋まるロビーは決まってます。 上一行が初心者から中級者用です。そして、右下のロビーが上級者用です。 初心者用のロビーをクリックしてください。 ...続きを見る

▼駒の動かし方 将棋のコマの動かし方を覚えたら、攻め方を数パターン覚えるのが上達の早道。 まずは、「棒銀（ぼうぎん）」の攻め方を知っておこう。 棒銀は飛車（ひしゃ）と銀（ぎん）を使って攻めていく戦法で、局面でよくでてくる形です。 相手が棒銀の受け方を知らない場合は、簡単に勝つことができるでしょう。 しかし、多少将棋の心得がある人は攻撃を止められてしまいますので、 今回はあくまで、何を知らない人を相手にした場合を想定した棒銀の棋譜です。 ▼相手が棒銀を知らない場合 var kifu1 = Kifu.load("/kif/bogin_01.kif"); では、逆に...続きを見る

身近にケータイの料金を高く支払ってい人がいて、気になって、 ネットでdocomo、au、softbankの３大キャリア利用者が支払ってる平均料金を調べました。 端末代のローンが組まれている場合は月々9000円ほど。 端末代が含まれていなくても7000円以上になっているようです。 最新型のスマホ端末を、うまいこと言われて、買わされた人は月々13000円くらいだそうです。 次買い換える時に下取りできるからお得ですよーってね。 こういうのはね、客を縛って囲い込みをする営業トークなので、乗らないほうがいいですよ。相手は一番高いスマホ買わせたいだけ。 毎度のこと、スマホの最新型ってカメ...続きを見る

WEBやDTP専門の会社ではないけど、自社のビジネスをネットに力を入れて集客していきたい。 そんな会社は多いかと思います。 できれば、商品のサイトや広告媒体の制作を全て自社内部で済ませたいというのは、自然な発想です。 何故ならデザイン制作会社に依頼をすると非常にコストがかかるからです。 じゃあ、デザイナーの求人を出して、採用をしようってなるんですが、 何を基準にデザイナーを選べばいいのか？いくらの年収にすれば腕のいいデザイナーが来やすいのか？ 技術者ではない経営者がそこを見極めるのは、意外と難があります。 よくわからなくて、なんとなくでポンコツな技術者を採用してし...続きを見る

PHPのシステムエラー復旧を承っちゃおうかな。ポンコツなシステム会社が多すぎるからさ。と思う今日このごろ。 34歳になってこの上から目線の発言は以下に自分がクソメンであるかを象徴してるねw 大手のポータルサイトではユーザー登録の際にエラーは全然起きないけど、 中小企業が運営するポータルサイトってエラーにちょくちょく出くわさない？ 最近では、「セミナーズ」というサイトにセミナーの登録をしようとおもったら、 登録ボタンを押すと、ページが見つかりません…っておいおい。 せっかく苦労して入力したのにふざけんなっつーのと、怒り心頭。 「スクール検索サイト」でスクール情報を登録し...続きを見る

HTMLの先頭で記載しなければいけないドキュメントタイプにはいくつか種類がある。ドキュメントタイプを指定しないと、古いIEではCSSが正しく反映しなかったりするので宣言は必須。例えば「margin:0 auto;」が効かない。 これまで現役で、今もなお主力なのがxhtmlのドキュメントタイプ。この指定をすると閉じタグのないタグには最後にスラッシュが必要になる。個人的には好きな指定法。 htmlStart htmlEnd そして、xhtmlより前に主流だったのが下記のドキュメントタイプ。テーブル組みの時代によく見られていたので、古いサイトは大半がこの形。 htmlSta...続きを見る

phpStart $num = 0; if($num){ 処理されない... } phpEnd 上記の分岐分は処理されないコードの一例。「0」はfalseと判定されるのがPHPの仕様である。 しかし、「0」はtureと判定し、変数が空の場合のみfalseと判定したい時が多々出てくる。 そこで、よく出てくるなら関数化をしておくのがオススメ。 phpStart function karaChk($str){ if(!is_null($str) && $str !== ""){ $flag = true; }else{ $flag = false; ...続きを見る

インターネットとブラウザは切っても切れない関係。 果たして、あなたが使っているブラウザは本当に自分に合っているブラウザなのか？ 「IE」「google chrome(以下、クローム)」「firefox（以下、狐）」「safari」 ブラウザのシェア率は、この辺が高いというのは知っている。 が、個人的には日本人が開発している「sleipnir(スレイプニル)」（以下、プニル）がイチオシである。 国産のわりには読みづらい名前で浸透性がなく、シェア率は0.2％ほどの超絶マニアックブラウザ。 しかし、慣れてしまうと他のブラウザにはもう移行できない感が一番強いのはプニルではないかと思...続きを見る

ドラッグ＆ドロップで並び替える機能はほんの数行で実現できる。まずはjqueryとjquery-uiを下記にアクセスしてダウンロードする。jqueryは自サーバに置いたほうが読み速度が早いから直リンクはオススメしない。 htmlStart http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js http://code.jquery.com/ui/1.10.2/jquery-ui.js htmlEnd 次は、下記のようにjqueryを読み込んで、一行コードを書いてやります。#sortにドラッグ＆ドロップソートを適応さ...続きを見る

さくらインターネットの共有サーバーではhtaccessのルールが特殊で、結構悩まされる。安いサーバーに難があるのは仕方がないけど…。 既に拡張子が「html」で作成されたサイトで、後からSSIやPHPを使いたいという状況。これWEBの仕事してるとそこそこ出てくるよね？ URLを変えるのはSEO的にイヤだということで、拡張子はhtmlのままSSIやPHPを使用したいという時は、htaccessにちょいと書いてやるだけで実現します。 htmlStart ▼phpの場合 AddType application/x-httpd-php .htm .html ▼SSIの場合 Add...続きを見る

年々進化続けるパソコンなどのメカニックな技術。 しかし、それ必要か？それ面白いか？と思ってしまうどうでもいい進化が多すぎではないだろうか？ まず、ゲーム機の３ＤＳ。３Ｄモードを切ってプレイする人がやたら多いとか…。アバター以来３Ｄ画面の話題はさっぱり。全然需要がない技術のようである。ゲームはスーファミやゲームボーイのように２Ｄの時が一番面白かったような気がする…。 エクセル2010なんかは特にひどい使いにくさ。エクセルは2003で完成しちゃってるからそれ以降は余計な機能しか追加されてない。そんな余計な機能は必要ナッシング！ アイコンを増やして、直感的に分かりやすくしている工...続きを見る

divの中全体をリンクにしたい場合は下記のコードがおすすめ。リンクにしたいタグにクラス指定をすれば、そのタグ内にあるリンクのリンク範囲をボックス全体にしてくれます。 ＜javascript＞ htmlStart $(".boxlink").click(function(){ window.location=$(this).find("a").attr("href"); return false; }); htmlEnd HTMLは下記のような感じで使用する。親ボックスは特にdivじゃないとダメということはない。block要素であればなんでもOK。 ＜HTML＞ ...続きを見る

データベースに整数（数値）データを格納する際に先頭に0（ゼロ）が付いていると勝手に消されてしまいます。郵便番号はゼロから始まることがよくあるので、ゼロは必ず残さないといけません。 では早速ゼロを残す方法を記載します。下記の画像を見てください。 種別をINT型（整数型）にして、属性を「UNSIGNED ZEROFILL」にし、あとは長さを記入するだけです。 もう一つの邪道な方法としてはデータ型を整数ではなく文字列型の「varchar」にするというやり方もありますが、文字列型より整数型のほうが検索速度が速いのでオススメできません。なので、郵便番号はハイフンなしで整数型にしてデ...続きを見る

フォームやカートなどで重宝するcookie(クッキー)の操作を簡単にする定義関数。クッキーを配列で使用することでシンプルな組み方が実現されてます。この関数があればクッキー操作が格段にラクになるのでオススメです。 phpStart define(_TIME_OUT_,time() + 30 * 86400); //一ヶ月保持 function makeCookie($array,$cookie_name) { foreach ($array as $text => $value) { setcookie($cookie_name."[$text]",$value,_TIME_...続きを見る

「echo」(エコー)はブラウザにHTMLを出力します。文字列を出力する際に「”」「’」ダブルクォーテーションかシングルクォーテーションで文字列を囲まないといけません。そのルールを説明したいと思います。 ＜単純な文字列の出力＞ phpStart echo 123456; echo '123456'; echo "123456"; echo hello!; //←エラーがでます echo 'hello!'; echo "hello!"; echo あいうえお; //←エラーがでます echo 'あいうえお'; echo "あいうえお"; phpEnd 文字列はクォー...続きを見る

アフィリエイトのリンクがサイト内にたくさんある場合は、隠した方が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...続きを見る