2017-06-09

【新規ツール開発の事前調査】

f:id:wp-lesson:20170503102815j:plain

「極秘ツールが期間限定で公開」
「完全自動で収益が上がる」
　
みたいな怪しいツールの情報が
出回っているせいで、
　
よく誤解されるんですよね。
　
「同じようなツール作れませんか？」
　
って。
　
例えばAmazonが公開している
APIを使ってプログラムを作れば、
　
・特定の出品者の情報
・特定の商品の再安値や在庫数
・特定の商品の売れ筋ランキング
　
などを、自動で取得したりできます。
　
しかし、本来AmazonがAPIを
公開している目的は、
　
「手作業でもできる出品作業などを
　プログラムで省力化できますよ。」
　
だったと思うんです。
　
もちろん、リサーチのために必要な
情報を自動で検索するというのも
APIの活用方法の１つとは思いますが、
　
怪しいツールが出回ってるせいで、
　
『プログラマーって、グレーな方法を
　掻い潜れる専門技術を持ってる人。』
　
みたいに思われていないかなぁって
不安になります。
　
プログラムに白も黒もないはずですが、
目的次第では極めてグレーだったり
するのかもしれませんね。

PR

CODEMYのマンツーマンレッスンでは、WordPressや
HTML5やCSS3を基礎からしっかり学びたい方のために、
コース学習の中でカリキュラムをご提案致します。
　
▼無料相談をお気軽にご利用ください。
http://codemy-lesson.office-ing.net/contact
　
━━━━━━━━━━━━━━━━━━
講師が執筆した本が発売されました
━━━━━━━━━━━━━━━━━━
　
『WordPressのツボとコツがゼッタイにわかる本』
　
▼Amazonで概要を見る
http://amzn.to/2nd7Ia5
　
『ホームページ作成のツボとコツがゼッタイにわかる本』
　
▼Amazonで概要を見る
http://amzn.to/2bXJkbs
　
━━━━━━━━━━━━━━━━━━
CODEMYのオンラインレッスン
━━━━━━━━━━━━━━━━━━
　
【1】自宅でマンツーマンレッスン
http://codemy-lesson.office-ing.net/
知りたいことだけ学べる個人レッスンです。
　
【2】動画と個別添削のプログラミング講座
http://bit.ly/2h7ZeRJ
　
HTML/CSS/JavaScriptの基本が身に付くレッスンです。
↓無料体験はこちら
http://bit.ly/2hw7mIy

2017-06-08

【JavaScript動画講座受講生へのメールサポート】

プログラミング講座CODEMY

f:id:wp-lesson:20170503102716j:plain
　
JavaScriptの動画講座を受講している
生徒さんから質問が届きました。
　
早速、補講メールを作成して
配信スタンバイ完了。
　
質問すればするほど、
より深い基礎知識に基いた回答が
得られるので、
　
スキルアップが加速します。

PR

2017-06-07

【ネットユーザーのニーズを調べる方法】

WordPress/プログラミングレッスン

f:id:wp-lesson:20170503102509j:plain

特定の商品をブログで紹介するにあたって、
インターネットユーザーの興味関心を
リサーチした上で記事を書くことは
とても有効なことです。
　
リサーチの１つの手段に、
　
『アンケートをとる』
　
ことが挙げられます。
　
ネットでどうやってアンケートをとるの？
　
と思われるかもしれませんが、
　
１．アンケートが投稿できる無料サイトを使う
２．自分のサイトにアンケートページを作る
　
という方法があります。
　
１は、そういうサイトがあるということを
知っていればGoogle検索ですぐ見つかります。
　
２は、WordPressならプラグインでできますし、
フリーのCGIプログラムを利用する方法でも
作ることができます。
　
　
今日のマンツーマンレッスンでは、
　
１と２の両方の方法と、
アンケートページをネットで紹介して
回答を集めるには何をどう使えばよいかを
お教えしました。

PR

2017-06-06

【コピペ厳禁！Youtube動画のレスポンシブ埋め込みコード】

WordPress/プログラミングレッスン

f:id:wp-lesson:20170430140210p:plain

Youtube動画のページで共有ボタンを押して
埋め込み用のコードをコピーします。

<iframe width="560" height="315" src="...."></iframe>

これをブログやホームページに埋め込むと
src="..." で指定された動画がページに表示
されますが、スマホで表示すると横幅が
画面をはみ出したり、縦と横のサイズの
バランスが崩れたりします。
　
上記のタグに、縦横のサイズが固定で
記述されているためです。
　
そこで、スマホの画面サイズに応じて
縦横のサイズが自動で縮小するように、
スタイルシート（CSS）を使って
上記のタグに記述されたサイズを
　
「上書き補正」
　
することができます。
　
↓そのテクニックがこちら。
　

■HTML
<div class="movie-container">
　<iframe width="560" height="315" src="...."></iframe>
</div>

■CSS
.movie-container {
　position: relative;
　height: 0;
　padding-top: 56.25%;
　overflow: hidden;
}
.movie-container iframe {
　position: absolute;
　top: 0;
　left: 0;
　width: 100%;
　height: 100%;
}

↑このコードをコピペすればいいですよ～。
　
というようなことが、
　
コピペするだけで何の知識も身に付かない
ブログにはよく書いてあります。
　
実際、ブログ用の無料テーマで有名な
STINGER8で上記のコードをコピペすると、
　
正しく表示されません！！
　
なぜかというと、STINGER8は
Youtubeの埋め込みタグを検出すると
自動的に

<div class="youtube-container">
　<iframe width="560" height="315" src="...."></iframe>
</div>

　
のように、iframeタグを囲ってしまい、
スマホ対応にしてくれるからです。
　
すると、

■HTML
<div class="movie-container">
　<iframe width="560" height="315" src="...."></iframe>
</div>

と書いていても、ブラウザに表示される際に

■HTML
<div class="movie-container">
　<div class="youtube-container">
　　<iframe width="560" height="315" src="...."></iframe>
　</div>
</div>

のように変換されるので、
CSSと干渉してしまいます。
　
すると、意図していない謎の余白が
画面に出てしまったりします。
　
～～～～～～～～～～～～～～～～～
この投稿はコピペしても無駄です！
～～～～～～～～～～～～～～～～～
　
上記のコードをそのままコピペしても
ゼッタイにうまくいきません。
　
なぜなら、ブログの投稿は半角の
スペースが反映されないので、
代わりに全角のスペースを使って
字下げをしているからです。
　
そして、HTMLやCSSの文法では、
全角のスペースはエラーになります。
　
ですから、コピーしてもダメです。
　
～～～～～～～～～～～～～～～～～
コピペコードの本質を見抜こう！
～～～～～～～～～～～～～～～～～
　
コピペコードの本質は、
　
Youtubeのiframeタグの外側を囲むタグとiframeタグの両方にCSSを指定する。
　
ことにあります。
　
そのため、iframeタグを囲むタグを自動で挿入してくれるテーマの場合は、
自分でiframeタグを囲むタグを記述するべきではありません。
　
先ほど説明したように、
テーマのほうで用意してくれている
CSSと干渉を起こしてしまいます。
　
これが、何でもコピペすれば上手くいく
わけではないという１つの例です。
　
コピペコードには必ず本質があります。
　
その本質をあなたのサイトの構造に
あわせて（必要ならば）書き換えること。
　
それができるスキルを身に付けると、
コピペコードは本当の意味で
あなたの役に立つでしょう。
　

PR

2017-06-05

【WordPressのセキュリティ対策レッスン】

WordPress/プログラミングレッスン

f:id:wp-lesson:20170429145919p:plain

WordPressは世界シェアナンバーワンのCMSなので、
利用者が多い反面、攻撃の対象にもなりやすいです。
　
これはどうしようもない事実です。
　
私たち個人ができるセキュリティ対策としては、
　
１．どんな攻撃方法があるのかを知っておくこと。
２．どんな対策方法があるのかを知っておくこと。
３．具体的な対策を設定しておくこと。
　
の３点が重要です。
　
今日のマンツーマンレッスンでは、
　
・ブルートフォールスアタックとは？
・WordPressで攻撃されやすい場所とは？
・どんなプラグインで何が対策できるか？
・具体的な設定方法とは？
　
をお教えしました。