WordPress/プログラミングレッスン
「駅すぱーと」は全国の路線データを ウェブで扱えるようにしたウェブAPIです。 これを使うと、 任意を駅を中心とした、 任意の縮尺率の路線図をウェブサイトに 表示させることができます。 APIは1日あたりの使用回数が制限された 無料プランがあるので、 使…
ブラウザに付属している開発用ツール 「通称:ディベロッパーツール」 これを使うと、スタイルシートの作成を劇的に 効率アップすることができます。 さらに、この使い方を自分のモノにしてしまえば、 他所のサイトの構造を解読して、自分のサイトに 移植で…
プログラムのレッスンでは、 プログラムの方針を考えて試し、 失敗しては方針を考え直すという 試行錯誤を経験することが大事です。 そのため、じっくり考えて取り組めるように 時間を決めて行うのではなく、 チャットワークを使うことがあります。 <チャッ…
プログラムを勉強して、ワードプレスで レビューサイトを制作中の生徒さんに チャットワークやメールでピンポイント サポートをしています。 プラグインでレビュー機能を追加し、 データベース検索のSQLとPHPの構文を 組み合わせてレビューページの制作に 取…
比較的古いウェブサイトではHTML4が使われていますが、 これからホームページやウェブのプログラミングを 勉強する方は、HTML5から勉強することをおすすめします。 その理由は2つです。 <理由1> 「HTML5は文法的にはHTML4と同じ」 HTML5は、HTML4を少しだ…
美容関係のポータルサイトを運営しておられる 遠方の生徒さんと120分の「超集中レッスン」を 行いました。 今日のご相談はヘアカタログのスライドショーを モバイル対応にすること。 例えばパソコンで表示したときはブロック状に 縦横にサムネイルが表示され…
しばらく放置していたホームページに勝手に 英語のブログ記事が投稿されていた・・・ ホームページのことやパソコン関係のことで 困ったときいつもマンツーマンレッスンを 活用されている生徒さんから連絡がありました。 ホームページへの不正ログインを調べ…
先月からレッスンをさせていただいているWebデザイナーさんから レッスンの感想をいただきました。 一部抜粋してご紹介させていただきます。 =================== 眼はパソコンの画面だけに、耳は通話だけに 集中できるので、実際にお会…
今日はレスポンシブなウェブページの制作について、 文法的なお話から、構築上の設計のお話まで、 実務で考慮すべき「観点」を交えた個人レッスンを させていただきました。 ネットでは文法は載っていても、実務に即した観点 というのは経験によるものなので…
動画の上に文字や画像を重ねたヘッダービジュアル。 どうやって作ればいいのでしょうか? プラグインがあるの? いいえ、そんな大げさなものは要りません。 ちょっとだけスタイルシートの基本を学べば、 実はとても簡単で基本的な記述だけで動画に 文字や画…
ホームページをしばらく放置していたら、 勝手にブログに投稿が追加されたり、 登録した覚えのないカテゴリーが追加されていたり。 そんな経験ありませんか? 生徒さんのホームページでそういうことがありました。 不正アクセスの経路は不明ですが、 「生徒…
フルスクリーンかつレスポンシブな動画 埋め込みをどうやったら実現できるのか? というテーマでレッスンを行いました。 HTML5の video タグを使えば実現できます。 ただし、video タグにまだ対応していない ブラウザのために考慮しておくべきことが いくつ…
GoogleのAPIを使ってワードプレスに地図を埋め込んでいる生徒さんから、 さっそく質問メールをいただきました。 生徒さんが書いたHTMLやJavaScriptのコードと、 正しく表示されない画面のスクリーンキャプチャーなどを 一緒に添付していただきました。 講師…
今日もレスポンシブウェブデザインについてレッスンをさせていただきました。 ワンソースでレスポンシブなページを作成する一番のメリットは、 どんなデバイスで見ても同じHTMLを表示するのでURLが一本化できることにあります。 検索エンジンから見ても、PC…
レスポンシブは今やWebページの常識となりつつあります。 ホームページだけでなく、ブログやランディングページ(LP)も例外ではありません。 ・モバイルユーザーに最適化された表示とは? ・モバイルファーストとは? ・ユーザーエージェントとは? ・ブラ…
ウェブサイトの見栄えを変えたいと思ったとき、 多くの場合スタイルシートを使って実現できます。 そういう意味では、スタイルシートはHTMLと並び 非常に重要かつ基本的な言語と言えます。 スタイルシートをきちんとマスターしておけば、 みなさんがご自身の…
GoogleMapのページからコピーして埋め込むだけの 表示方法ではなく、言語やデザインを自由に変更 した地図をサイトに埋め込むには、APIを使います。 今日は、地域の観光サイトで1ページに2つ以上の カスタム地図を埋め込む方法をレッスンしました。 ・アク…
facebookでご縁をいただいたWebデザイナーさんと レッスン前の打ち合せを行いました。 ご経験や制作サイト、実務の状況など詳しいお話を お聞かせいただいて、レッスンの内容や進め方を ご相談させていただきました。 実務で役立ち、独学ではなかなか学べな…
とある外注先にサイトリニューアルを依頼して 301リダイレクトの考慮漏れが原因で被リンクを 失ってしまった、生徒さんの事業サイト。 順位回復のために今何ができるのか? 何をすべきで何をすべきでないのか? アドバイスをさせていただきました。 レッスン…
コース制のオンラインスクールを検討された方が なぜCODEMYにご相談をくださるのか? 実際に面談のときお聞きした大きな理由は2つです。 「自分のスキルにあったところから学習できない」 「質問の回数が決まっている」 ほかにも、 「丁寧なんだけど、つい…
同じテンプレートを使っているのに、自分のサイトより あのサイトのほうがめちゃくちゃ綺麗でカッコいい! と思ったことはありませんか? 「どうやってカスタマイズしているんだろう?」 「HTMLとかCSSを勉強しないとダメなんだろうな・・・」 と諦めかけた…
お知り合いのサイトを作っている生徒さんから、 「ワードプレスの有名なテンプレートを使って、見栄えを少し変えたい」 というご相談をいただきました。 技術的にいえば、スタイルシート(CSS)の基本的な知識で 解決できることだったのですが、 多くの方が…
地域観光サイトでGoogleMapをカスタムする必要があるということで、 APIを使ったプログラミングのピンポイントレッスンを受講された生徒さん。 レッスン後すぐご自身のWordPressで試して、メールで質問をくださりました。 プログラム的な要素が多いレッスン…
地域のいろんな業種のお店が掲載されたポータルサイトで、 お店のページに、そのお店と業種が異なるお店のクーポンを、 クーポンを発行しているお店の分だけ自動的に表示させる。 という、恐らくどこの市販のテンプレートにも無いであろう 仕組みをWordPress…
WordPressで観光案内サイトを制作中の生徒さん。 GoogleMapのAPIを使ってカスタムした地図を、 特定のページに表示する方法をレッスンしました。 WordPressでヘッダーやフッター付近に任意の スクリプトファイルを読み込むためには、 2通りの方法があります…
WIXはフリーレイアウト。 パワーポイントでスライドを作るみたいな感覚で、 ヘッダー画像もコンテンツエリアもサイドバーも、 自由に配置することができます。 しかし肝心のコンテンツが「暗号化された状態」で HTMLに出力されるので、検索エンジンから見る…
横に4列並べたいけれど、各列の文章量が異なるので 凸凹になってしまう・・・・。 という場合に便利なのがCSS3のcolumnsプロパティ。 Facebookの投稿みたいに縦方向だけに読んでいく ページだと、行によっては「。」の右側が空くので スペース的な無駄が多…
WordPressのテーマ「Stinger5」でホームページを作成されている生徒さん。 ブログをいくつか運営されていて、WordPressの 使い方にも慣れてきたので、テーマに頼らなくても 自由にデザインをカスタマイズできるようになりたい、 ということで、独学で頑張っ…
WordPressのテーマ「Stinger5」でホームページを 作成されている生徒さん。 ブログをいくつか運営されていて、WordPressの 使い方にも慣れてきたので、テーマに頼らなくても 自由にデザインをカスタマイズできるようになりたい、 ということで、独学で頑張っ…
テーマ「Stinger8」を使ってブログ付きサイトの リニューアルに取り組んでおられる生徒さん。 ブログのトップページをメニューに追加する方法や、 サブメニューの作り方、 執筆者名の表示を消す方法、 など、1時間のレッスンをさせていただきました。 テン…