将棋講座第5回【守りの形、囲いの棋譜】将棋を始める時は玉の囲い方を覚えよう!

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

ページ読込み時に下から上に移動しながらフェードインというリッチなコンテンツ表示を簡単実装

2018-10-29
ページを開いた際にフェードでページ全体を表示する方法はネットに出回っていますが、 「下から上に移動しながらのフェード」これがなかったので、自分で調整したものを残します。 単純に、jqueryのappend関数(コンテンツ追加)でbodyのmargin初期値を50pxなどにして、delay(ディレイ)後にmarginを0にする。 同時にフェード効果とのコラボとなり、非常に心地の良い効果になります。 htmlStart $(function(){ $('head').append( 'body{display:none; margin-top:50px;}' ); ...続きを見る
カテゴリ: Javascript

リンクや画像をマウスホバーの際にゆっくり変化させるCCSのみで最短の方法

2018-10-29
マウスホバーはPC版サイト限定なので、スマホサイトでは使えません。 BtoBではまだまだPC版サイトが重要なので、需要は多少ありますよね。 さて、ゆっくり変化させる方法ですがCSSのみで簡単にできます。 まずはclassにtransition(切り替える時間)を指定します。 hover時の効果も指定。半透明にさせるopacityかbackgroundがベターです。 htmlStart .hover-slow{ transition: 0.5s;} .hover-slow:hover{ opacity:0.7;} htmlEnd あとは、ホバー時に変化させたい画像やリンクの...続きを見る
カテゴリ: CSS

将棋講座第4回【石田流三間飛車の棋譜】将棋を始める時は石田流三間飛車(いしだりゅうさんけんびしゃ)の組み方を覚えよう!

2018-10-24
今回は対局でよく出てくる石田流三間飛車の形を紹介します。「攻めの理想は飛車・角・銀・桂」と言われる言葉をそのまま体現したもので、石田流は非常に人気があります。ですので、知っておかなければいけない重要な戦術です。まずは駒組みの形を見てください。 石田流三間飛車の組み方 var kifu1 = Kifu.load("/kif/ishida_01.kif"); 実はこの組み方までに、色々注意点があります。それを知っておかないと、序盤から大差をつけられて、終始苦しい状態になります。 まずは、序盤は角交換のことを常に意識する必要があります。ケース1は初心者同士の対局で非常によく見られる盤面で...続きを見る

将棋講座第3回【中飛車の棋譜】将棋を始める時は中飛車(なかびしゃ)の攻めと受け方を覚えよう!

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

デザイナーを雇って失敗する会社が多い理由「優秀な人材が求人で来ない時代だから」

2018-10-22
社内にWEBデザイナーがいれば制作外注費を大きく削減できて、更新スピードがあがるということで、 制作会社以外の異業種でもデザイナーを雇う企業がいらっしゃいますが、 残念なことに失敗、すなわち赤字になってしまうケースが多いんじゃないかなと思います。 デザイナーの求人広告費、デザイナーの人件費、時間。全てが無駄になって、 結局、今は高いお金を支払って、制作会社にサイトの制作や管理を依頼している会社。 あるいは、やっぱり制作会社は高いということで、粘り強くデザイナーを募集している会社もあります。 なぜ、デザイナーの人材を雇うと赤字になりやすいのか? デザインの制作会社なら赤字に...続きを見る

JavaScript(jquery)でやっかいなundefined値のif文による空チェック判定【即決】

2018-10-21
jqueryでラジオボタンの値を取得した際にalertで値を確認すると「undefined」と表示され、 if文による空チェックがうまくいかなかったが、調べて解決したので記録のために残しておきます。 htmlStart var hensu = $("input[name='hensu']:checked").val(); //ラジオボタンの値 if(hensu == ""){} //この記述では空のチェックができません htmlEnd いくつかやり方があるようですが、この方法が一番無難だとされているようです。 htmlStart var hensu = $("input[nam...続きを見る
カテゴリ: Javascript

初心者が将棋を始める時にオススメの無料対局サイトは「Yahoo将棋」一択です!

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

将棋講座第2回【四間飛車の棋譜】将棋を始める時は四間飛車(しけんびしゃ)の駒組みを覚えよう!

2018-10-16
初心者が知っておくべきメジャーな戦法「四間飛車」 四間飛車は、序盤に角道を止めてから4筋に飛車を移動させてから戦う戦法のことを言います。 乱戦になりにくく、初心者でもしっかり守りを固めてから戦えるのが素晴らしいところ。 王の囲いにも注目をしてください。 この形は「美濃囲い(みのがこい)」といい、短い手順で固い守りになるのでよく出てきます。 ▼四間飛車の駒組みから見てみよう var kifu1 = Kifu.load("/kif/shikenbisya_01.kif"); この流れを覚えてください。 1.角道を開ける 2.角道を止める 3.飛車を横に振る(王の左上...続きを見る

将棋講座第1回【棒銀の棋譜】将棋を始める時は棒銀(ぼうぎん)の攻めと受け方を覚えよう!

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