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

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

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

【CODEMY動画講座2名様お申し込み】

自分のペースで学べる動画配信と、マンツーマンの 個別添削の組み合わせでウェブプログラミングの 深い基礎スキルが身に付くCODEMY。 この度、2名様が無料体験をお申し込みされました。 プログラマーを目指すのではなくても、 インターネットでウェブをビジ…

【CSSで動画に文字を重ねる方法】

動画の上に文字や画像を重ねたヘッダービジュアル。 どうやって作ればいいのでしょうか? プラグインがあるの? いいえ、そんな大げさなものは要りません。 ちょっとだけスタイルシートの基本を学べば、 実はとても簡単で基本的な記述だけで動画に 文字や画…

【動画をフルスクリーンで埋め込む方法】

フルスクリーンかつレスポンシブな動画 埋め込みをどうやったら実現できるのか? というテーマでレッスンを行いました。 HTML5の video タグを使えば実現できます。 ただし、video タグにまだ対応していない ブラウザのために考慮しておくべきことが いくつ…

【ホームページの改ざんに気付いたら】

ホームページをしばらく放置していたら、 勝手にブログに投稿が追加されたり、 登録した覚えのないカテゴリーが追加されていたり。 そんな経験ありませんか? 生徒さんのホームページでそういうことがありました。 不正アクセスの経路は不明ですが、 「生徒…

【レッスン後のメール添削でHTMLを学ぶ】

GoogleのAPIを使ってワードプレスに地図を埋め込んでいる生徒さんから、 さっそく質問メールをいただきました。 生徒さんが書いたHTMLやJavaScriptのコードと、 正しく表示されない画面のスクリーンキャプチャーなどを 一緒に添付していただきました。 講師…

【ページの“仕掛け”の正体はJavaScript】

「販売終了まであと○時間○秒」 というカウントダウンタイマーや、 ブラウザを閉じようとすると 「本当に閉じてもいいのですか?」 というメッセージが表示されたり、 スマホ用のハンバーガーアイコンを タップするとメニューが右からヌルッと現れたり、 画面…

【CSSとHTMLで文法よりも大事なこと】

今日もレスポンシブウェブデザインについてレッスンをさせていただきました。 ワンソースでレスポンシブなページを作成する一番のメリットは、 どんなデバイスで見ても同じHTMLを表示するのでURLが一本化できることにあります。 検索エンジンから見ても、PC…

【レスポンシブの基礎から学ぶWeb制作】

レスポンシブは今やWebページの常識となりつつあります。 ホームページだけでなく、ブログやランディングページ(LP)も例外ではありません。 ・モバイルユーザーに最適化された表示とは? ・モバイルファーストとは? ・ユーザーエージェントとは? ・ブラ…

【スタイルシートをきちんとマスターしよう】

ウェブサイトの見栄えを変えたいと思ったとき、 多くの場合スタイルシートを使って実現できます。 そういう意味では、スタイルシートはHTMLと並び 非常に重要かつ基本的な言語と言えます。 スタイルシートをきちんとマスターしておけば、 みなさんがご自身の…

【ページに2つ以上のカスタムGoogleMapを埋め込む】

GoogleMapのページからコピーして埋め込むだけの 表示方法ではなく、言語やデザインを自由に変更 した地図をサイトに埋め込むには、APIを使います。 今日は、地域の観光サイトで1ページに2つ以上の カスタム地図を埋め込む方法をレッスンしました。 ・アク…

【実務力アップを目指すWebデザイナーさん】

facebookでご縁をいただいたWebデザイナーさんと レッスン前の打ち合せを行いました。 ご経験や制作サイト、実務の状況など詳しいお話を お聞かせいただいて、レッスンの内容や進め方を ご相談させていただきました。 実務で役立ち、独学ではなかなか学べな…

【生徒さんと分担して内部SEO対策】

とある外注先にサイトリニューアルを依頼して 301リダイレクトの考慮漏れが原因で被リンクを 失ってしまった、生徒さんの事業サイト。 順位回復のために今何ができるのか? 何をすべきで何をすべきでないのか? アドバイスをさせていただきました。 レッスン…

【ミステリアスでクールでスタイリッシュなダンディズム?】

今日は、とある商品LPの原稿を書いています。 思いつく言葉がことごとく自分に似合わなくて 苦笑してしまいますw 全然ミステリアスじゃないし、 クールとは正反対のオトボケ系だし、 スタイリッシュじゃないし、 ダンディズムなんて意識したことがないw …

【LPでコメントフィードを設置するには?】

コメントを投稿したり、投稿したコメントを表示させたりするには、 データベースが必要です。 なぜなら、HTMLは静的な画像やテキストを表示させるための記法であり、 それ以上の機能をもちあわせていない言語だからです。 上述のような機能を実現するには、…

【6時間集中コーディング】

パワーポイントで好きなように描かれたデザインを、 画像なしのフルテキストでCSSのみでコーディング・・・ って、すごく疲れました。 ピクセル単位の計算を要するので、 普段はアクセサリに入ってる電卓をよく使います。 ・セルの斜め線 ・リストの自動段組…

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

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

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

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

【Twitterのフォロワーに自動で●●できたらいいな】

Twitterをビジネス活用されている方なら 誰でも一度は考えるのではないでしょうか? ・フォロワーを自動的に増やしたい ・フォロワーに自動で●●をしたい その手のツールは探せばたぶんどこかにあるんじゃないかと思います。 というか、ありますよね。 「あな…

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

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

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

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

【動画で学べるHTML講座~添削風景ご紹介~】

CODEMYが運営する動画講座では、受講生のみなさんとチャットワークを使って 制作物の提出&添削&アドバイスを行っています。 HTMLやCSSのテクニックや書き方を動画で解説するだけでなく、 専属講師が一人一人にマンツーマンで添削&アドバイスを行います。…

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

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

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

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

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

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

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

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

【世界のサイトの27.3%がWordPress】

毎日更新されている統計サイトによると、なんと世界中のウェブサイトの27.3%がWordPressで出来ているそうです。 (添付は2016年12月14日のデータ) そして、DrupalやBloggerなどといったCMSの中では、WordPressのシェアはダントツの58.5%すごいですね。 グ…

【いつも書籍執筆の応援ありがとうございます】

2月末出版予定の本。 今ちょうど「あとがき」を書いているのですが、 紙面の都合で本に書ききれないお礼を この場を借りてお伝えしたいと思います。 .。*゚+.*.。 ゚+..。*゚+.。*゚+.*.。 ゚+..。*゚+ 私は昨年5月頃からホームページ作成に関する技術書籍を 書かせてい…

【ECサイトのプログラム解析】

ネットショップの送料計算ロジックを 複数のお届け先ごとに別々に計算する ように変更したいというご相談があり、 システム的にカスタマイズができるか どうかを見極めるために、 プログラムの流れを解析しました。 結論、仕組み的には可能ということが わか…

【専門用語をなるべく使わないWordPressの本】

変数 → データを入れる箱 関数 → 何かをしてくれる装置 ループ → 繰り返す if → もし~~だったら~~する 誰にでもわかるように概念を伝えるには 意図的にこういう言い換えが必要ですね。 専門用語を使ってもわかる人は 読みながら 「ああ、変数のことを言…

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

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

【「シリウス」のテンプレートをWordPressテーマ化】

仕事でシリウスのHTMLサイトをWordPressに載せ替える案件をやっています。 シリウスそのものを使ったことはないけれど、 生成されたHTML自体はとてもシンプルな印象を受けます。 テーマ名は「Procyon」にしました。 おおいぬ座の一等星がシリウスなので、こ…

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

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

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

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

【動画で学べるHTML講座~添削風景ご紹介~

CODEMYが運営する動画講座では、受講生の みなさんとチャットワークを使って制作物の 提出&添削&アドバイスを行っています。▼チャットワークへ課題を提出 ▼一人一人に丁寧な添削アドバイス ▼図解で改善ポイントがよくわかる HTMLやCSSのテクニックや書き方…

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

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

【WordPressとHTMLサイトを効率よく管理する発想】

既存のHTMLサイトでSEOの強化と情報発信を したいというクライアント様からのご依頼で、 WordPressでブログページを構築しました。 既存のテーマ(テンプレート)ではなく、 オリジナルテーマですが、 1日で構築できたのには理由があります。 テンプレート…

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

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

【著書の読者様から質問をいただきました】

出版社のご担当者様から嬉しい連絡がありました。 9月末に秀和システム様から出版させていただいた 「ホームページ作成のツボとコツがゼッタイにわかる本」 http://amzn.to/2bXJkbs をご購入いただいた読者様から、 書籍の内容についてご質問が届いたとのこ…

【ロジカルシンキングが役に立つ】

1年以上前からレッスンでお世話になっている生徒さんから、 WordPressのリニューアルについてご相談をいただいております。 メールで何度か簡易なアドバイスをさせていただいているのですが、 嬉しいメッセージをいただきました。 『いつも論理的に教えてく…

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

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

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

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

【WebAPIのご相談をいただきました】

ワードプレスの使い方ってほんと 十人十色だなぁと感じます。 今日もレッスン案内のサイトから WebAPIのご相談をいただきました。 APIというのは、 アプリケーション・プログラミング・インターフェース の略で、 ウェブサイトやコンピュータシステム同士で …

【忙しくても皆様のためにできることを】

本の執筆、WordPressカスタマイズ、 Skypeでのマンツーマンレッスンを 並行してほどよく忙しい毎日ですが、 そんな中でもご相談やご依頼を下さる みなさまに、感謝申し上げます。 執筆の納期が何度もあるので、 どうしても作業時間が取れない場合は 「こうし…

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

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

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

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

【WordPressでテーマやプラグインの動作を停止する最適な方法】

ワードプレスのテーマやプラグインには 「ほんとに無料なの?」 と言いたくなるほど豊富な機能を備えたものがあります。 でも、ワードプレスを使う目的によっては 「その機能、いらないよ」 「っていうか、邪魔」 「いらんことせんといて欲しい」 という場合…

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

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

【超初心者ホームページ作成ナビに載りました】

creating-homepage.comプログラマでもデザイナでもない初心者の方がホームページを ちゃんと作成できるためのツボやコツを書いておられるブログの お勧め本のコーナーに私の本が紹介されていました。 ホームページ作成の設計手順を知りたい……なのにhtmlの入…

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

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

【Amazon 4位 ランク上昇 ホームページの入門書】

12月16日に、私の書籍が発売以来最高の4位にランクインしました。冬休みを活用してスキルアップしたい方が多いのかも知れませんね。 ▼ホームページ作成のツボとコツ 【送料無料】Amazon販売ページはこちら本書は、同シリーズ初のフルカラーです。ホームペー…