2017-06-14

【WordPressでウェブアイコンを使う方法】

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

FontAwesome（フォントオーサム）という
無料のウェブアイコンをWordPressで使う方法を
レッスンしました。
　
ウェブアイコンというと何か特殊な印象を
受けるかもしれませんが、
　
Googleフォントに代表される、
ウェブフォントを利用する場合の方法と、
考え方は本質的に同じです。
　
要は、アイコンやフォントのデータである
ネット上のCSSファイルを自分のサイトから
リンクさせれば利用できるようになります。
　
CSSをサイトにリンクさせる方法といえば、
　
HTMLの　head　タグの中に　link　タグを
記述するのが一般的です。
　
WordPressは、テンプレートはPHPで出来ていますが、
公開ページが表示される途中でHTMLに変換されます。
　
ですから、
　
テンプレートの中で、　head　タグに相当する
部分に　link　タグを追加してあげれば良いわけです。
　
そして、
　
その方法が２通りあります。
　
１．直接テンプレートに追加する方法
２．アクションフックを利用する方法
　
WordPressでは２の方法が推奨されています。
　
CODEMYのマンツーマンレッスンでは、
その理由から解説するので、
　
自分でカスタマイズしていくときに、
　
「この場合はどの方法が適しているだろうか？」
　
を自分なりに考えることができます。

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-13

【プログラムは文法の知識だけでは作れない】

雑記

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

ジグソーパズルの遊び方は
誰でもご存知でしょう。
　
パズルの絵柄がどうであろうと、
総ピース数がどうであろうと、
平面だろうと立体だろうと、
　
「ピースの凹凸がぴったり合えば正解」
　
という根本的なルールだけで
成り立っていると言えますよね？
　
でも、
　
ジグソーパズルが得意な人もいれば
苦手な人もいるわけです。
　
たぶん、得意な人は何らかの
自分ルールみたいなものを持っていて、
それに従って解いていくと思います。
　
例えば、
　
・一番外側の枠から組んでいく
・同じ色のピースから組んでいく
　
といったテクニックです。
　
こういうテクニックが身に付いている人は、
なぜそのやり方が良いのかという理由を
理解しています。
　
プログラムも同じようなもので、
　
「なぜこう考えれば良いのか」
　
という理由を理解していると、
　
「じゃあ次もこうしよう」
「この場合はこうしよう」
「あの場合はああしよう」
　
というように自分で方針を考えて、
試行錯誤していく足掛かりになります。
　
ところが、
　
「プログラムで●●を■■する書き方を知りたい」
「理由なんていらないから結果だけ欲しい」
　
というスタンスで
プログラムに向き合うと、
　
残念ながら
一度きりの結果しか得られません。
　
応用ができません。
　
次に行き詰ったときに
自力で解決することができません。
　
なぜなら、
　
解決の糸口となる考え方や着眼点が
身に付かないからです。
　
プログラムにおけるテクニックや
技巧というのは、
　
単なる文法の知識だけでなく、
　
どのように考えれば解決するのか
という筋道を考え出すスキルが
あって初めて発揮されるものです。

PR

2017-06-12

【jQueryで検索処理の組み立て方を学ぼう】

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

f:id:wp-lesson:20170504163749j:plain
HTMLとCSSをしっかり学び、レスポンシブなサイトが
構築できるようになった生徒さんが、次のステップ
「jQuery」の習得に励んでおられます。
　
レッスンでは、架空のイタリアンレストランのコース
検索ページを用意し、検索ボタンの動作をjQueryで
作成できるようなるための「考え方」からスタート
しました。
　
一言に「検索処理」といっても、
具体的に何をどのような順番で処理を組み立てれば
目的通りの動作になるのかという道筋が日本語で
説明できなければ、プログラムに置き換えることは
ゼッタイにできません。
　
なぜなら、
　
プログラムとは日本語で書いた筋書を、
コンピューターに理解できる文法に置き換える作業
と言えるからです。
　
日本語で処理の順番を組み立てられなければ、
プログラムの文法だけ学んでも
組み立てることはできません。
　
CODEMYのマンツーマンレッスンでは、
プログラマー歴20年の講師が、
プログラムを組み立てる考え方からお教えします。

PR

2017-06-11

【なぜこの方法が正しいのか？】

雑記

eastcoder.com
WordPressでjQueryのプラグインとか
bootstrapなどのフレームワークとか、
　
とにかく、CSSやJavaScriptをリンク
させたいとき、２つの方法があります。
　
方法１．
テンプレートに直接リンクを埋め込む。
　
方法２．
アクションフックを使う。
　
シェアした記事は方法２の方法を
解説しています。
　
「ああ、これが正しいやり方なんだ」
　
で終わるのと、
　
「なぜこれが正しいんだろう？」
　
と疑問や興味を持つのとで、
　
身に付くスキルの幅も深さも
大きく変わってくると思います。

PR

2017-06-10

【「自動化したい」について】

雑記

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

何かを自動化するニーズって、
かなり多いと思います。
　
誰だってそうですよね？
　
毎月末の請求処理とか、
特に事務処理的な単純作業は
誰もが楽をしたいと思ってるはずです。
　
それを解決する１つの手段として
プログラミングがあるわけですが、
　
そこに広告とか販売チャンスとか、
目的にお金が絡んでくると、
　
不正プログラムが横行して、
大問題になりますよね。　
　
だから、
　
TwitterやInstagramなどのSNSや、
Amazonなどが公開しているAPIのうち
　
・他人のアカウントに関する情報の取得
・他人にDMを送信する機能
・自動で投稿する機能
　
などといった、グレーな目的にも
利用できてしまいかねない情報操作を
行う機能に関しては、
　
厳しい審査を通過する必要があったり、
昔は公開されていたけれども
今は停止になっていたりするんですよね。
　
だんだんと利用制限が厳しくなっていく。
　
これはもう、自然の摂理とでも
言ったほうがいいような気がします。
　
どうにかして制限を潜り抜けたいと
考える人が増えれば増えるほど
規制が厳しくならざるを得ないのは
当たり前ですよね。
　
　
APIのポリシーを調べて理解するのは
ほとんどの場合、プログラマーとか
開発サイドの人だと思います。
　
ツールを欲する側の人は
そんなこと知りません。
　
だから、
　
欲しいものは欲しいと素直に仰います。
　
プログラマーとしてはいつも悩みます。
　
「お気持ちはよくわかるんですけど、
　APIはそれを禁止してるんですよ」
　
『そうなんですか・・・
　じゃあ諦めます・・・』
　
そんなやり取りが何度も（苦笑）