読者です 読者をやめる 読者になる 読者になる

Webサイト専門プログラマの言いたい放題

元システムエンジニアがサイト制作とプログラミングについて好き放題しゃべります。

【CODEMYはレッスン後のメールサポートが丁寧】

コース制のオンラインスクールを検討された方が なぜCODEMYにご相談をくださるのか? 実際に面談のときお聞きした大きな理由は2つです。 「自分のスキルにあったところから学習できない」 「質問の回数が決まっている」 ほかにも、 「丁寧なんだけど、つい…

【あのサイトみたいにカッコよくしたい!】

同じテンプレートを使っているのに、自分のサイトより あのサイトのほうがめちゃくちゃ綺麗でカッコいい! と思ったことはありませんか? 「どうやってカスタマイズしているんだろう?」 「HTMLとかCSSを勉強しないとダメなんだろうな・・・」 と諦めかけた…

【CSSだけを勉強しても使えるようになれない決定的な理由】

お知り合いのサイトを作っている生徒さんから、 「ワードプレスの有名なテンプレートを使って、見栄えを少し変えたい」 というご相談をいただきました。 技術的にいえば、スタイルシート(CSS)の基本的な知識で 解決できることだったのですが、 多くの方が…

【WordPressレッスン後のメールサポート】

地域観光サイトでGoogleMapをカスタムする必要があるということで、 APIを使ったプログラミングのピンポイントレッスンを受講された生徒さん。 レッスン後すぐご自身のWordPressで試して、メールで質問をくださりました。 プログラム的な要素が多いレッスン…

【WordPressで別カテゴリのクーポンを自在に表示】

地域のいろんな業種のお店が掲載されたポータルサイトで、 お店のページに、そのお店と業種が異なるお店のクーポンを、 クーポンを発行しているお店の分だけ自動的に表示させる。 という、恐らくどこの市販のテンプレートにも無いであろう 仕組みをWordPress…

【WordPressでGoogleMapのカスタマイズ】

WordPressで観光案内サイトを制作中の生徒さん。 GoogleMapのAPIを使ってカスタムした地図を、 特定のページに表示する方法をレッスンしました。 WordPressでヘッダーやフッター付近に任意の スクリプトファイルを読み込むためには、 2通りの方法があります…

【WIXで作ったサイトをWordPressに載せ替えよう】

WIXはフリーレイアウト。 パワーポイントでスライドを作るみたいな感覚で、 ヘッダー画像もコンテンツエリアもサイドバーも、 自由に配置することができます。 しかし肝心のコンテンツが「暗号化された状態」で HTMLに出力されるので、検索エンジンから見る…

【あまり知られていないcolumnsプロパティ(CSS3)】

横に4列並べたいけれど、各列の文章量が異なるので 凸凹になってしまう・・・・。 という場合に便利なのがCSS3のcolumnsプロパティ。 Facebookの投稿みたいに縦方向だけに読んでいく ページだと、行によっては「。」の右側が空くので スペース的な無駄が多…

【初心者向けスタイルシートのレッスン】

WordPressのテーマ「Stinger5」でホームページを作成されている生徒さん。 ブログをいくつか運営されていて、WordPressの 使い方にも慣れてきたので、テーマに頼らなくても 自由にデザインをカスタマイズできるようになりたい、 ということで、独学で頑張っ…

【スタイルシートでサイトの横幅を変更しよう】

WordPressのテーマ「Stinger5」でホームページを 作成されている生徒さん。 ブログをいくつか運営されていて、WordPressの 使い方にも慣れてきたので、テーマに頼らなくても 自由にデザインをカスタマイズできるようになりたい、 ということで、独学で頑張っ…

【WordPressマンツーマンレッスン後記】

テーマ「Stinger8」を使ってブログ付きサイトの リニューアルに取り組んでおられる生徒さん。 ブログのトップページをメニューに追加する方法や、 サブメニューの作り方、 執筆者名の表示を消す方法、 など、1時間のレッスンをさせていただきました。 テン…

【ウェブの基礎からWebAPIまで詰った1時間レッスン】

ウェブAPIを使ってユーザーにとって使い勝手の良い ホームページにするため、手始めにGoogleMapAPIの 具体例をレッスンさせていただきました。 文法が間違っているとプログラムは動きませんが、 文法以上に大事なのが「概念レベルの知識」です。 ・WordPress…

【ジオコーディングでGoogleMapをカスタマイズ】

ジオコーディングとは、GoogleMapなど位置情報を扱うAPIを介して ウェブサイトやアプリなどと連動させるプログラミングのこと。 一般的な埋め込みコードにも、クエリパラメータを追加すれば 少し地図の見栄えを変更できますが、 もっと柔軟にしようと思った…

【WordPressの家庭教師CODEMY 面談後記】

新規のご相談をいただき、スカイプで面談を行いました。 当面の目標は 「WebのAPIをWordPressに組み込む」 として、来月からピンポイントでレッスンをさせて いただくことになりました。 まずはネットに情報がたくさんあるGoogleのAPIから。 最も簡単な例と…

【難しいことをなるべく簡単に】

ついつい自分の専門分野のことは専門家にしかわからない 難しい言い方や作り方をしてしまいがち。 確かに、 効率的なやり方とか包括的な考え方はある程度の知識や経験を前提とする分、 難しくなってしまうのは仕方ない。 けれど、 誰もがそういう「エレガン…

【WordPressの家庭教師CODEMY 面談後記】

新規のご相談をいただき、スカイプで面談を行いました。 当面の目標は 「WebのAPIをWordPressに組み込む」 として、来月からピンポイントでレッスンをさせて いただくことになりました。 まずはネットに情報がたくさんあるGoogleのAPIから。 最も簡単な例と…

【WordPressマンツーマンレッスン後記~フック~】

有名なテーマ(テンプレート)には「売り」となる 独自の機能がたくさん付いています。 管理画面(ダッシュボード)ではよく、 テーマオプションという名前のメニューで設定が できるようになっています。 とても便利なのですが、テーマで決められた動作と …

【CODEMYマンツーマンレッスン面談後記】

ワードプレスについて新規のご相談をいただき、 初回30分の無料面談をさせていただきました。 先日ご相談いただいた方も仰っていたのですが、ワードプレスやホームページのことを教えてくれるスクールは たくさんあるけれども、融通が利かないことも多いみた…

【WordPressレッスン 新規ご相談をいただきました】

ここ1週間、新規のご相談が数件、 立て続けに舞い込んでいます。 私のサポートを必要としてくれる方がいるのは とてもありがたいことだと思っています。 今日のお申し込みは「お客様の声」ページが決め手だったそうです。▼WordPress・ホームページのマンツ…

【CSSは優先順のルールを理解しよう】

WordPressで同じテーマを使っている他のサイトと自分のサイトを比べると、 「あのサイトみたいにしたいな」 と思うことがありませんか? 同じテーマなのに、みなさん結構カスタマイズしているんですよね。 かといって、他のサイトの持ち主にどんなカスタマイ…

【WordPressレッスン面談後記】

マンツーマンレッスンのホームページから 新規のご相談をいただきました。 初回30分は無料相談なのですが、 その場でお申し込みが決まりました。 インターネットでいろんなスクールを 探して比較されていたそうなのですが、 「最初からコースが決まっていて…

【ホームページ リニューアルのご相談】

ホームページの作成も手掛けておられる生徒さんから、 ホームページをリニューアルする方針についてご相談いただきました。 ・どこのサーバーがお勧め? ・テンプレートはどれがお勧め? ・ドメインの引っ越しは可能? ・使い勝手は大丈夫? ・SEO対策に有利…

【WordPressに自作のスタイルシートを読み込む】

WordPressをカスタマイズしていると、 オリジナルのものを表示させるために 自作のスタイルシートを特定のページ だけで使いたいことがあります。 実現するための道筋は何通りかあります。 1.ページの本文に直接記述する。 2.外部ファイルにしてテンプレ…

【選んだ記事をサムネ付きで表示するウィジェット】

WordPressでブログを運営するとき、 サイドバーに設置したいのが記事一覧。 ・最新記事を表示 ・アクセスランキング順に表示 など、あらかじめ決められた順番でサムネイル付きの記事一覧を 表示できるプラグインはいくつかあります。 でも、自由度がないんで…

【ウェブサイトのプログラミングはアポーペン】

広告代理店の生徒さんがWordPressで ポータルサイトを構築しておられます。 投稿(ブログ)のテンプレートをカスタムして 以下の条件のクーポンを自動で表示する方法を レッスンさせていただいています。 1.他業種のお店のクーポンであること 2.同じ地域…

【ワードプレスで突然サイトがエラー】

2年以上前からお世話になっている 海外在住のデザイナーさんから、 「サイトがエラーで見れなくなった」 と連絡を受けて、原因究明のために 急遽レッスンをすることになりました。 原因はワードプレス本体のバージョンと 既存のプラグインのバージョンの非…

【WordPressでカスタマイズが消えない方法】

先週まで着々とWordPressのカスタマイズを進めてきた生徒さんですが、 今日のレッスンでダッシュボードを開くと・・・ カスタマイズしてきた内容が消えていました。 メニューの登録情報などは残っていますが、デザインに関係する テンプレートファイルが全て…

【205分耐久ワードプレスの個人レッスン】

遠方の生徒さんと205分の長時間レッスンを してきました。 ワードプレスで、お客様が自分で更新する 楽しさを感じていただける仕組みを積極的に 取り入れようと頑張っていらっしゃいます。 お客様がご自身のページを更新すると、 他のページよりも上に表示さ…

【WordPressでオリジナルサイトを作る】

HTMLの基礎からしっかりと継続的に学んでいらっしゃる生徒さんが、 いまWordPressでオリジナルデザインのサイトを作る段階までステップアップしています。 ・固定ページと投稿ページの違いと用途 ・カスタムテンプレートの作り方 ・ページのURLとスラッグの…

【WordPressでCSSとJavaScriptを外部リンクする】

WordPressの投稿エディタにはHTMLだけでなく CSSやJavaScriptのコードを直接記述することが できます。 しかし投稿エディタは本来テキストや画像など 記事の内容を入れるものなので、改行が自動で <br>タグや<p>タグに変換されてしまいます。 そうすると、せっかく</p>…

【レスポンシブに購入ボタンを配置するベストな方法】

ランディングページの購入ボタンとか、 ネットショップのカートボタンとか、 「画像の上のちょうどこの場所に配置したい」 ですよね? ここはもうデザインでそう決めてあるわけですから、 1pxもずれないように配置したいものです。 でも、pxで場所を設定して…

【JavaScriptで最大値を持つ配列要素を探す】

JavaScriptを勉強中の生徒さんと 週末の晩にレッスンをしました。 今回のレッスンは、5問4択の質問の中で ユーザーが選択した回数が最も多かった 選択肢をプログラムで見つけ出す考え方。 配列 count に、各選択肢が選ばれた回数を 数えたものを代入してお…

【ワードプレスでページごとにテンプレートを分ける】

今夜のマンツーマンレッスンのテーマは、 「カフェサイトをワードプレスに載せ替えよう」 でした。 ワードプレスの固定ページは原則として、 page.php という名前がついたテンプレートが 優先的に割り当たるルールがあります。 (テンプレート階層といいます…

【ワードプレスでお客様が更新できるエリアを作る】

今夜はグラフィックデザイナーさんへの マンツーマンレッスンを行いました。 <レッスン1> ドリームウィーバーで作ったHTMLのサイトを ワードプレスに移植する手順と考え方 <レッスン2> どのページがどのテンプレートと紐付くのか? (テンプレート階層…

【プラグイン不要!簡易なjQueryでリンク付きスライド画像を作ろう】

写真やイラスト画像が「ふわっ」と 切り替わるスライダー。 いろんなホームページで見かけますが、 どうやって作るのでしょうか? 実は、既に完成したプログラム部品が ネットで配布されているので、 ダウンロードしてホームページに設置 することができます…

【WordPressで自動更新される箇所を作ろう!】

今日は美容関係のポータルサイトを構築中の 生徒さんと2時間レッスンしてきました。 ポータルサイトなのでサイトに掲載する店舗が多く、 1つ1つのお店の情報を手作業で登録していくのは とても非効率です。 できれば掲載するお店自身で更新していただき、…

【CODEMYマンツーマンレッスン後記】~ワードプレスでオリジナルテーマを作ろう~

ワードプレスでオリジナルテーマを作ろう。 という内容でレッスンをしております。 生徒さんにはまず、HTMLとCSSだけで ホームページを作ることを学んでいただきます。 そして、ワードプレスのインストールから テンプレートの仕組みなどを学んで、 HTMLとCS…

【CODEMYマンツーマンレッスン後記】~CSS3 flexが便利すぎる~

CSSフレックスBOXを使いこなしましょう。 CSS3で策定されたプロパティ「flex」。 これを使うと、ウェブページのコンテンツを 縦や横にきれいに簡単に並べることができます。 ボックス同士の余白を均等割りするのも、 プロパティ1発でOK。 いちいち、ボック…

【HTMLのサイトをワードプレスのテーマ化】

今夜最後のレッスンは、HTMLのサイトを ワードプレスのテーマ化する手順でした。 ・HTMLをパーツごとに分割する ・該当するテンプレートファイルに上書き ・画像やリンクのURLを合わせる <必須知識> ・ワードプレスそのものの基本操作 ・テンプレート階層…

【マリオで学ぶJavaScriptの基礎】

今日は昔懐かしいレトロゲーム、 マリオのゲーム画面を再現した JavaScriptでレッスンをしました。 ・キーボード入力を受け付けるプログラム ・JavaScriptで画面上のモノを動かす原理 ・変数の使い方 ・計算処理と表示処理を分けるメリット とても基本的です…

【ワードプレスで挫折したことがある方へ】

ワードプレスを使っておられる方には 2パターンの印象をお持ちのようです。 「やってみると思ったより簡単だった」 「簡単と思ってたのにやってみると難しい」 なぜ同じワードプレスなのに、人によって 両極端の印象を持ってしまうのでしょうか? ずっとこ…

【CODEMYマンツーマンレッスン後記】~jQueryで目次をスムーズに開閉~

ブログのように縦に長くなるページは 先頭付近に目次を載せると親切です。 ↓こういうのですね。 ─────────────[閉じる]────────────── 3 シリーズ作品一覧 3.1 ナンバリングタイトル 3.1.1 勇者ロトの伝説シリーズ(ロト三部作) 3.1.2 天空シリーズ(天空三…

【CODEMYマンツーマンレッスン後記】~ワードプレスでページごとにアクセス制限~

ワードプレスではユーザーごとに権限を決めることができますが、 特定のページだけとか、特定のカテゴリーだけ編集ができる権限 というのは最初から付いていません。 それを叶えるには、 ・新しい権限グループを登録する ・グループを特定のページやカテゴリ…

【CODEYマンツーマンレッスン後記】~HPをWordPressに移植~

HTMLとCSSの基本レッスンを終えた 生徒さんとWordPressのレッスン。 HTMLのレッスンで作成したHPを、 WordPressのテンプレートに移植する 手順について学びました。 1.get_header(), get_footer() の挙動、 引数指定時の動作について。 2.wp_head(), wp_…

【CODEMYマンツーマンレッスン後記】~Wordpressがわかる楽しさ~

Wordpressで留学事業のサイトを 構築している生徒さんとレッスン。 最初はテーマについている機能が 使いこなせなくて、やりたいこと はたくさんあっても叶えられない ことが多かったので、 「えー!こんなに面倒なの!?」 「私にできるかしら?」 という感…

【CODEMYマンツーマンレッスン後記】~Wordpressのカスタムフィールドをマスター~

一番長くお付き合いのある生徒さんと 3時間の集中レッスンを行いました。 ワードプレスのカスタムフィールドを 使って、いろんなお店のメニュー表を テンプレートに組み込みました。 ・カテゴリー1 メニューA 1000円 メニューB 3000円 ・カテゴリ…

【レッスン後記】~WordPressにLPを設置する方法~

最近はWordPressにLP(ランディングページ)が 設置できるプラグインが最初からついている テーマが増えています。 でも、プラグインがやってくれるのは、 指定したページをサイドバーのない1カラムの レイアウトにしてくれたり、 設定画面で登録した順番の…

【動画8本撮り|CODEMYプログラミング講座】

プログラミング講座の実習編を収録中。 今日は勢いに任せて8本撮り。 1本あたり数十分のコンテンツ。 このあと編集があるので、 明日は丸一日かかりそうです。 それにしても連続8本撮れたのは、 ・解説 ・画面の操作 ・プログラムの実演 これらのタイミン…

【レッスン後記】~ワードプレスで新着情報の組み込み~

WordPressで新着情報を設置するには いくつかの方法があります。 ・ウィジェットでプラグインを使う ・テンプレートでショートコードを使う ・プログラミングをする サイト制作をする人なら、3つとも全て やり方を知っておいたほうがお客さまの 希望を叶え…

【CODEMYマンツーマンレッスン後記】~Wordpressでショートコードと独自メニューを連動~

ブログのライティング効率アップに 役立つ「ショートコード」。 そのショートコードに、 プラグインにはついていない独自の オプションデータを埋め込めたら、 さらに応用の場面が広がります。 今日のレッスンでは以下をテーマに 行いました。 ・独自メニュ…