とるとる さん プロフィール

  •  
とるとるさん: WEBサイト専門プログラマーの言いたい放題
ハンドル名とるとる さん
ブログタイトルWEBサイト専門プログラマーの言いたい放題
ブログURLhttp://office-ing.hatenablog.com/
サイト紹介文ウェブプログラミングを学びたい方へ、動画講座やスカイプ個人レッスンの紹介などを書いています。
自由文WEBサイト専門プログラマーとしてサイト制作業の傍ら、WordPressカスタマイズやTML/CSS/PHP/jQueryコーディングのオンライン講師を務める元IT企業のシステムエンジニアが、日々のレッスンのこと、動画講座の受講生とのやり取りから学んだことなど、好き放題しゃべります。たまにプログラミングのテクニックも語ります。
参加カテゴリー
更新頻度(1年)情報提供341回 / 365日(平均6.5回/週) - 参加 2016/07/18 23:28

とるとる さんのブログ記事

  • 【プロのノウハウを効率よく盗むコツ】
  • 学校のホームページをWordPressでリニューアルしている生徒さん。 WordPressのことは他のスクールで学んだけれど、途中で行き詰ってしまったそうです。 今、マンツーマンレッスンで困っているところだけピンポイントでお教えしているのですが、CSSが苦手のようにお見受けしました。 誰でも苦手はありますので、レッスンの時間を使って1からじっくり見て学ぶよりも講師に作業依頼をして、出来上がったものを見ながら重要な考え [続きを読む]
  • 【プラグインの動作を抑止するスクリプト】
  • WordPressにjQueryのプラグインを導入して、スタイリッシュな検索動作をサイトに組み込んでいる生徒さん。 ユーザーの使い勝手を考えて、プラグインの動作を一部変更することになりました。 「どこをどう書き換えればよいのか?」 この答えにたどり着くために、 ・プラグインが動作する仕組み・プログラム同士のつながり をしっかりと理解することが必要でした。 仕組みがわかれば、どこをどうやったらいいのかを予想するこ [続きを読む]
  • 【JavaScriptでHTMLを自由に読み取るレッスン】
  • ぐるなび風のレストラン検索サイトを教材として、検索ボタンを押したときの動作をJavaScriptで作るレッスンをしました。 プログラミングは、小さな命令の組み合わせで作ります。 「検索ボタンのプログラム」 という、決まりきった答えがあるのではありません。 まずは、JavaScriptをどこに書いたらどんな順番でどんなタイミングで処理が実行されるのかを理解し、 その上で、JavaScriptでHTMLの内容を読み書きする書き方を学ん [続きを読む]
  • 【WordPressでプラグインが動かない原因の多くはjQuery】
  • 一般的によく使われているプラグインなのに、 「私のWordPressでは動かないんです…」 これ、経験したことある方多いかと思います。 多くの場合、 ・お使いのテーマ・お使いの(他の)プラグイン・自分が改造したコード のいずれか、または組み合わせが原因です。 ちょっと厄介なのは、 原因を突き止めたり直し方がわかるためにはやや突っ込んだ知識が必要だということ。 キーワードは、 ・コンフリクト・即時関数・jQuer [続きを読む]
  • 【WordPressで絞り込み検索に使えるプラグイン】
  • isotope.jsというjQueryのプラグイン。 ↓使い方が載っているサイトon-ze.com検索対象をグリッド状に自動で並べるだけでなく、フィルターによる絞り込み機能が使えます。 グリッドレイアウトだけならmasonry.jsも有名ですが、フィルター機能がありません。 というわけでイチオシのisotope.jsですが、商用利用は有料(1ライセンス$25)です。 フィルター機能を自作するのは大変なので、商用のWordPressサイトなら、購入しても全 [続きを読む]
  • 【プロから学ぶべきは「着眼点」である】
  • ドラえもんの名言のひとつにこういうのがあります。 〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜人にできて、きみだけにできないなんてことあるもんか。〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 いい言葉ですよね。 今すぐにはできないことでも、どうすれば克服できるかがわかれば本人の努力次第でできるようになる。 考えてもみれば、天才なんてのはほんの一握りしかいなくて、 ほとんどは長年の経験や専門性の違いや努力の質と量による差だと思 [続きを読む]
  • 【動画講座JavaScript編|受講生の感想】
  • JavaScript編を受講されている生徒さんから講座への感想をいただきました。 〜〜〜〜〜〜〜〜〜〜〜〜〜〜プログラムをデバッグする方法というのはその概念も知りませんでしたし、ネットや書籍では独学が難しいので、とてもためになりました。 こういう素人が気づかなくて独学が難しい実践的な技術をこれからも配信していただきたいです。〜〜〜〜〜〜〜〜〜〜〜〜〜〜 CODEMYの動画講座では、HTML・CSS・JavaScriptの基本が学 [続きを読む]
  • 【WordPressでモバイル対応のページを作る方法】
  • 今日のレッスンでは、 ページビルダー系のプラグインの使い方と、カスタムテンプレートの作り方 をお教えしました。 WordPressにはモバイル対応済みのテーマが多いので、レスポンシブ対応のページが簡単に作れそうに思えます。 しかし、実際はそんな甘くありません。 WordPressの編集画面にはビジュアルモードがあるので、HTMLやCSSの知識がなくても写真や文章を載せることは簡単にできます。 でも、 『写真を左に配置して [続きを読む]
  • 【HTMLをWordPressへ載せ替えるサポート】
  • とある公共機関のホームページをWordPressに載せ替えるサポートをレッスンとして行っています。 レンタルサーバーの選び方や、サーバー会社に事前確認すべき内容、 WordPressのインストール方法、初期設定で気を付けるべきポイント、 などを初回レッスンでアドバイスし、その後は生徒さんが行き詰ったときや、解決できない疑問が出てきたときにピンポイントでレッスンをしています。 PR CODEMYのマンツーマンレッスンでは [続きを読む]
  • 【ウェブページで外部のリソースを借りるには?】
  • 添付のようなアイコンは、画像として配布されているものもあれば、ウェブフォントとして配布されているものもあります。 画像の場合は、色が変更できませんし、CSSで大きさを変更するため引き伸ばすと画像がひどく荒れてしまいます。 しかしウェブフォントの場合は、「あ」や「漢」のように、1つ1つのアイコンが文字として登録されているので、 CSSで色を変更することもできますし、CSSで大きさを変えても荒れません。 特に [続きを読む]
  • 【WordPressでウェブアイコンを使う方法】
  • FontAwesome(フォントオーサム)という無料のウェブアイコンをWordPressで使う方法をレッスンしました。 ウェブアイコンというと何か特殊な印象を受けるかもしれませんが、 Googleフォントに代表される、ウェブフォントを利用する場合の方法と、考え方は本質的に同じです。 要は、アイコンやフォントのデータであるネット上のCSSファイルを自分のサイトからリンクさせれば利用できるようになります。 CSSをサイトにリンクさせ [続きを読む]
  • 【プログラムは文法の知識だけでは作れない】
  • ジグソーパズルの遊び方は誰でもご存知でしょう。 パズルの絵柄がどうであろうと、総ピース数がどうであろうと、平面だろうと立体だろうと、 「ピースの凹凸がぴったり合えば正解」 という根本的なルールだけで成り立っていると言えますよね? でも、 ジグソーパズルが得意な人もいれば苦手な人もいるわけです。 たぶん、得意な人は何らかの自分ルールみたいなものを持っていて、それに従って解いていくと思います。 例えば [続きを読む]
  • 【jQueryで検索処理の組み立て方を学ぼう】
  • HTMLとCSSをしっかり学び、レスポンシブなサイトが構築できるようになった生徒さんが、次のステップ「jQuery」の習得に励んでおられます。 レッスンでは、架空のイタリアンレストランのコース検索ページを用意し、検索ボタンの動作をjQueryで作成できるようなるための「考え方」からスタートしました。 一言に「検索処理」といっても、具体的に何をどのような順番で処理を組み立てれば目的通りの動作になるのかという道筋が日本 [続きを読む]
  • 【なぜこの方法が正しいのか?】
  • eastcoder.comWordPressでjQueryのプラグインとかbootstrapなどのフレームワークとか、 とにかく、CSSやJavaScriptをリンクさせたいとき、2つの方法があります。 方法1.テンプレートに直接リンクを埋め込む。 方法2.アクションフックを使う。 シェアした記事は方法2の方法を解説しています。 「ああ、これが正しいやり方なんだ」 で終わるのと、 「なぜこれが正しいんだろう?」 と疑問や興味を持つのとで、 身に付 [続きを読む]
  • 【「自動化したい」について】
  • 何かを自動化するニーズって、かなり多いと思います。 誰だってそうですよね? 毎月末の請求処理とか、特に事務処理的な単純作業は誰もが楽をしたいと思ってるはずです。 それを解決する1つの手段としてプログラミングがあるわけですが、 そこに広告とか販売チャンスとか、目的にお金が絡んでくると、 不正プログラムが横行して、大問題になりますよね。  だから、 TwitterやInstagramなどのSNSや、Amazonなどが公開して [続きを読む]
  • 【新規ツール開発の事前調査】
  • 「極秘ツールが期間限定で公開」「完全自動で収益が上がる」 みたいな怪しいツールの情報が出回っているせいで、 よく誤解されるんですよね。 「同じようなツール作れませんか?」 って。 例えばAmazonが公開しているAPIを使ってプログラムを作れば、 ・特定の出品者の情報・特定の商品の再安値や在庫数・特定の商品の売れ筋ランキング などを、自動で取得したりできます。 しかし、本来AmazonがAPIを公開している目的は、 [続きを読む]
  • 【JavaScript動画講座受講生へのメールサポート】
  •  JavaScriptの動画講座を受講している生徒さんから質問が届きました。 早速、補講メールを作成して配信スタンバイ完了。 質問すればするほど、より深い基礎知識に基いた回答が得られるので、 スキルアップが加速します。 PR CODEMYのマンツーマンレッスンでは、WordPressやHTML5やCSS3を基礎からしっかり学びたい方のために、コース学習の中でカリキュラムをご提案致します。 ▼無料相談をお気軽にご利用ください。http [続きを読む]
  • 【ネットユーザーのニーズを調べる方法】
  • 特定の商品をブログで紹介するにあたって、インターネットユーザーの興味関心をリサーチした上で記事を書くことはとても有効なことです。 リサーチの1つの手段に、 『アンケートをとる』 ことが挙げられます。 ネットでどうやってアンケートをとるの? と思われるかもしれませんが、 1.アンケートが投稿できる無料サイトを使う2.自分のサイトにアンケートページを作る という方法があります。 1は、そういうサイトが [続きを読む]
  • 【コピペ厳禁!Youtube動画のレスポンシブ埋め込みコード】
  • Youtube動画のページで共有ボタンを押して埋め込み用のコードをコピーします。iframe width="560" height="315" src="....">iframe>これをブログやホームページに埋め込むとsrc="..." で指定された動画がページに表示されますが、スマホで表示すると横幅が画面をはみ出したり、縦と横のサイズのバランスが崩れたりします。 上記のタグに、縦横のサイズが固定で記述されているためです。 そこで、スマホの画面サイズに応じて縦横 [続きを読む]
  • 【WordPressのセキュリティ対策レッスン】
  • WordPressは世界シェアナンバーワンのCMSなので、利用者が多い反面、攻撃の対象にもなりやすいです。 これはどうしようもない事実です。 私たち個人ができるセキュリティ対策としては、 1.どんな攻撃方法があるのかを知っておくこと。2.どんな対策方法があるのかを知っておくこと。3.具体的な対策を設定しておくこと。 の3点が重要です。 今日のマンツーマンレッスンでは、 ・ブルートフォールスアタックとは?・Word [続きを読む]
  • 【WPのDB移行で思わぬエラー】
  • 同じレンタルサーバー同士の移転なので、単純に Export→Import で取り込めると思ったらMySQLのバージョン非互換で内部文字コードのエラー。 kngy.net 結局、DBのダンプファイルをテキストエディタで直接修正し、正常にImportできました。  サーバーもそうですが、データベース周りのことって、 やってみないとどんなエラーに遭遇するかわかりません。 何もかもわかっていることを手順通りにやるだけなら見込み通りに終わ [続きを読む]
  • 【クラウド型ウェブツール開発】
  • ツール開発の打診があったので、実現の可否を見極めるために開発ソフトで技術調査の真っ最中。 1.データベースの利用アプリケーションからレンタルサーバーのDB(MySQL)に接続できること。 2.WebAPIの利用サードパーティーのWebAPIを使って、データの取得ができること。 この2点がクリアできることを確認できれば、 手間とコストがかかっても、ご希望のツールが実現可能ということは言えます。 執筆の仕事も併行するの [続きを読む]
  • 【スタイルシートで簡単にグラフが描ける方法】
  • 世論調査のようなアンケートページを作成中の生徒さんから質問がありました。 「アンケートの結果をグラフみたいに 表示したいのですが、できますか?」 中級者以上なら、 ・HTML5のCanvasタグ・JavaScript この2つを組み合わせればグラフが描けることをご存知かもしれませんね。 しかし、どのみちJavaScriptでグラフの座標や長さを計算するプログラムを書かなければなりませんので、 「できればコードを書くのは避けたい [続きを読む]
  • 【レストランの検索ページでjavascriptのレッスン】
  • 今夜のマンツーマンレッスンの準備で、架空のイタリアンレストランの検索ページを作成しました。 レッスンの目標は2点。 ・javascriptを使って入力内容を取得する・javascriptを使ってHTMLを自由に変更する 高度なことを実現するには、単純なことを仕組みから理解して プログラムの組み立て方を発想できる力を身に付けることが大事です。 PR CODEMYのマンツーマンレッスンでは、WordPressやHTML5やCSS3を基礎からしっか [続きを読む]
  • 【150万PV・VPSへサーバー移転】
  • マンツーマンレッスンで知り合った起業家さんが運営していらっしゃる月間150万PV越えの超人気メディア。 アクセス数が多く、ピーク時に何度もサーバーダウン。 サイトの今後の成長を見据えて、共用型のレンタルサーバーからVPSへの移転を提案しました。 ただ、VPSはサーバー管理を自分でしなければならないので、ある程度専門知識がないと、VPSのメリットを十分に引き出すことができません。 一般的には、月額いくらという形で [続きを読む]