CSSやJavaScript(jQuery含む)のセレクタを使って HTMLタグにスタイルシートを設定すると、 ブラウザの表示に変化が起こりますね。 その変化を、最初から発生させるのではなくて、 ユーザーの操作やページの表示状態が変わった タイミングで発生させるのが原…

ウェブでよく見かけるアニメーションを大別すると ・動画 ・画像（GIFアニメ、SVGアニメ） ・CSSによるアニメーション ・jQueryによるアニメーション などがあります。 動画や画像は、それ自体が1つのコンテンツなので、 配置した場所で再生されます。 しか…

昨年ピンポイントでWordPressのカスタマイズを ご依頼いただいた方から突然のご相談が入りました。 「WordPressのコメントが入力エラーになります」 確認すると、ちゃんと名前を入力しているのに 「名前とメールアドレスが入力されていません」 というエラー…

WordPressにはブログページに相当する「投稿」と、 それ以外の固定のページに相当する「固定ページ」の ２種類の投稿タイプが最初から用意されています。 この２種類だけだと使い分けに不便な場合もあります。 例えば、 「新着情報」「ブログ」「リリースノ…

近年、シンギュラリティ（技術的特異点） という言葉をよく見かけます。 コンピューターの人工知能（AI）が人間の 頭脳を上回る瞬間、という意味かと。 この、シンギュラリティに関する意見には 「今まで人間がやっていた仕事が奪われる」 という否定的な意…

思い描いたレイアウトに近いテンプレートを 探すのは意外と大変です。 このテンプレートは トップページは理想どおりだけど、 メニューの周りが希望とは違う・・・ あのテンプレートは メニューの周りは理想どおりだけど、 フッターの周りがイメージと違う・…

小学校で作文の書き方を習ったときに、 「文章の出だしは１マス空けましょう」 と習ったと思います。 何のために１マス空けるのでしょうか？ 「ここから新たな文章が始まるよ」 ということを明確にするためですね。 それと同じことをプログラミングでは イン…

WordPressの更新はしたことがあるけれど、 自分のサイトを１から作れるようになりたい。 という方は少なくないと思います。 今日は、WordPressで自分のサイトを作るために 知っておくべき重要なことをレッスンしました。 ・ページには種類がある ・種類ごと…

JavaScriptに限らずプログラミングの世界では 作りたいものや表現したい目的に応じて、 オブジェクトと呼ばれるものを利用します。 オブジェクトの定義は、 ・プロパティ（＝属性とも言う） ・動作（＝メソッド、関数とも言う） この２つを兼ね備えたデータ…

よく誤解されるので、補足しておきます。 プログラムを作るには、 private class foo extends hoge {...} みたいな「プログラム言語」を書けばいい と思っていらっしゃる方が多いと思います。 しかし、プログラム言語は私たち人間が 理解できるように用意さ…

ホームページのカスタマイズやメンテナンスで 何度も何度もお世話になっている某企業様から この度、ホームページをiPad Pro向けに最適化 したいとご相談をいただいたのですが、当方に 実機がない（普通のiPadしかない）旨をお伝え したところ、 「弊社で購…

WordPressのセキュリティを高めるために、 プラグインでログイン履歴を保存したり、 サーバーの設定ファイルでIP制限をするなど 対処をしていた生徒さん。 先日、突然サイトが開かなくなったそうです。 管理画面には入れるのに、公開ページが開けない。 レッ…

JavaScriptの概要をレッスンさせていただきました。 ブラウザで表示するページに動きのある効果を加えたり、 クリックやスクロールなどブラウザ上での任意の操作に 応じて何かを行うには、JavaScriptを使います。 jQueryに代表されるように、純粋なJavaScrip…

レッスンを始めて２年目のデザイナーさんに、 レスポンシブサイトの作り方をレッスンさせて いただきました。 目標は、レスポンシブウェブデザインを身に付けて モバイル対応の案件を受注できるようになること。 その先にはワードプレスを使ったサイト制作を…

美容室の紹介サイト（ワードプレス）で、 ヘアカタログをスライド形式で掲載するために jQueryのプラグイン「slick」の組み込み方を レッスンさせていただきました。 プラグインの使い方は配布サイトにサンプルが 載っているのですが、自分のサイトにコピー…

「駅すぱーと」は全国の路線データを ウェブで扱えるようにしたウェブAPIです。 これを使うと、 任意を駅を中心とした、 任意の縮尺率の路線図をウェブサイトに 表示させることができます。 APIは1日あたりの使用回数が制限された 無料プランがあるので、 使…

ブラウザに付属している開発用ツール 「通称：ディベロッパーツール」 これを使うと、スタイルシートの作成を劇的に 効率アップすることができます。 さらに、この使い方を自分のモノにしてしまえば、 他所のサイトの構造を解読して、自分のサイトに 移植で…

プログラムのレッスンでは、 プログラムの方針を考えて試し、 失敗しては方針を考え直すという 試行錯誤を経験することが大事です。 そのため、じっくり考えて取り組めるように 時間を決めて行うのではなく、 チャットワークを使うことがあります。 ＜チャッ…

プログラムを勉強して、ワードプレスで レビューサイトを制作中の生徒さんに チャットワークやメールでピンポイント サポートをしています。 プラグインでレビュー機能を追加し、 データベース検索のSQLとPHPの構文を 組み合わせてレビューページの制作に 取…

日頃インターネットで見かけたホームページやブログで、 「あ！このエフェクトいいな～」 「どうやったらできるんだろう？」 と感じたことはありませんか？ でも、自分のサイトじゃないからどう書いたら良いのかわかりません。 HTMLでできるのか？ スタイル…

比較的古いウェブサイトではHTML4が使われていますが、 これからホームページやウェブのプログラミングを 勉強する方は、HTML5から勉強することをおすすめします。 その理由は2つです。 ＜理由1＞ 「HTML5は文法的にはHTML4と同じ」 HTML5は、HTML4を少しだ…

外注のライターさんに記事作成を依頼する場合など、 ログインの権限に応じて管理画面のメニューを見えないように したいことがあるかと思います。 テンプレートの設定など、本来は管理者にしか使えないメニューは 何もしなくても自動的に消えますが、プラグ…

美容関係のポータルサイトを運営しておられる 遠方の生徒さんと120分の「超集中レッスン」を 行いました。 今日のご相談はヘアカタログのスライドショーを モバイル対応にすること。 例えばパソコンで表示したときはブロック状に 縦横にサムネイルが表示され…

しばらく放置していたホームページに勝手に 英語のブログ記事が投稿されていた・・・ ホームページのことやパソコン関係のことで 困ったときいつもマンツーマンレッスンを 活用されている生徒さんから連絡がありました。 ホームページへの不正ログインを調べ…

先月からレッスンをさせていただいているWebデザイナーさんから レッスンの感想をいただきました。 一部抜粋してご紹介させていただきます。 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 眼はパソコンの画面だけに、耳は通話だけに 集中できるので、実際にお会…

今日はレスポンシブなウェブページの制作について、 文法的なお話から、構築上の設計のお話まで、 実務で考慮すべき「観点」を交えた個人レッスンを させていただきました。 ネットでは文法は載っていても、実務に即した観点 というのは経験によるものなので…

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

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

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

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