My Web道

WEB制作科 受講記録 …とその後も続くWEB制作に関する活動・学習記録です。

プログラミング

WordPressに追加したjQueryが効かない、その対処法は?

先日作成したパラメータ引き継ぎスクリプトをWordPressにも流用しようとしたところ、まったく機能しない。 デバッグしてみるも、スルー。 コードは合っているはずなのに、なぜだろう?ということで、原因と解決策を調べてみました。ちなみに、先日のパラメー…

【JavaScript】パラメータ引き継ぎ用JSを作りました(第2弾)

今日は、パラメータ引き継ぎ用のJavaScript第2弾を作成しました。【関連記事】 times-diary.hatenablog.com ちなみに、 パラメータとは?と思われた方は、 こちらの記事が参考になると思いますよ。↓ getパラメータ/クエリーストリングとは? « アクセス解析Q…

CSSで実装するタブメニュー (3)

今日は以下記事を参考にさせていただき、少しアレンジしてCSS + JS で実装するタブメニューを作ってみました。[ 参考記事 ] coliss.com 今回Demoに実装したコードは、以下の通りです。[ HTML ] <html> <head> <meta charset="utf-8"> <title>Tub</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <h1>タブメニュー</h1> <div class="box"> </div></body></html>

【JavaScript】Math.randomでページリダイレクト機能を実装

こんばんは。今日は、JavaScriptのMath.randomで複数のページに均等の確率でリダイレクト実行する機能を作りましたので、ご紹介します。 リダイレクト (3ページに均等・ランダムにリダイレクト) <script> var url = ""; var ua = navigator.userAgent; var random = …

特定の文字列を置換するjQuery

今日は、画面サイズによって文字列を置換する jQueryを作成しました。[ 作成理由 ] モバイルデバイス表示時のレイアウト切り替えに伴い、 表示テキストを変更したかったため。 特定の文字列を置換するjQuery 仕様 画面サイズが1,024 px 以下の時、 actionク…

タブメニュー(2) (jQueryとCSSで実装する超シンプルタブを作ってみました)

下記記事を参考にさせていただき、超シンプルタブメニューをページに実装してみました。【参考記事】 超シンプルなjQueryタブメニューの実装方法 - クルマ好きの幸福論 : https://hayakawayuki.com/4518 超シンプルなjQueryタブメニューの実装方法 - ハヤカ…

リファラ (REFERRER) 制御方法を確認しました

リファラ (REFERRER) 制御方法を確認しました こちらについてご説明する前に、「リファラって何?」という方のために、以下ご説明いたします。 リファラ (REFERRER) とは? どこから現在のページに来ているか、ユーザーのアクセス元を示す情報のことです。 ※…

【XAMPP】localhostでページ表示できない場合の原因・対処法

自宅環境でもXAMPPで問題発生。 localhostでページ表示ができなくなっているよう。以下、原因確認・問題解決までの記録です。 XAMPPでlocalhost表示できない場合の原因・対処法 エラーメッセージ確認 XAMPPコントロールパネル XAMPPのコントロールパネルでは…

【XAMPP】Apacheが起動しなくなった 時の対処法

【XAMPP】Apacheが起動しなくなった時の原因・対処法 調査範囲 (関連ファイル) 今回、調査したファイルは以下の通り パス ファイル名 C:\Windows\System32\drivers\etc hosts C:\xampp\apache\conf httpd.conf C:\xampp\apache\conf\extra httpd-vhosts.conf…

WordPress 海外テーマ適用時に表示される ??????? の解消方法

WordPress 海外テーマ適用時に表示される ??????? の解消方法について WordPressの海外テーマを適用している時、マルチバイトテキストが ??????? となってしまう現象が発生。今日は、この現象の解決方法に関する備忘録です。 原因・解消方法 原因: 原因は、…

【JavaScript】ページ遷移元情報取得用 パラメータ引き継ぎスクリプト

パラメータ引き継ぎスクリプト 今日は、現在のページに埋め込まれたリンクから遷移先にジャンプした際、遷移先で遷移元ページURLをパラメータで取得するためのJavaScriptをご紹介します。【目的】 遷移元URL情報が引き継がれているため、 どういった被リンク…

ファイルの更新状況を管理したい時に役立つサンプルマクロ

ファイルの更新状況を管理したい時に役立つExcel用マクロ 日々ファイルを作成・更新していると、フォルダ内のファイル更新日時を一覧化したいって思うことが度々あります。が、Windowsのエクスプローラー標準機能には、残念ながらそのような機能はありません…

プラグインなし WordPressにカスタム投稿タイプを作成する

カスタム投稿タイプ作成方法 WordPressのカスタム投稿タイプという機能を活用すると、 通常の投稿タイプとは区別して記事を作成・掲載していきたい場合に便利です。 、 カスタム投稿タイプの作成には、以下、「Custom Post Type UI」といった有名で非常に便…

グローバルナビのテキストをhoverで切り替える方法

グローバルナビのテキストをhoverで切り替える方法 グローバルナビにマウスを重ねた時、文字を変更する方法を確認、実装してみました。ここでは、下図のように、 ↓ 標準時英語表記のグローバルナビメニュー ↓ (マウスホバー) ↓ 日本語表記するという動作を実…

2015/02/23 phpMyAdminを用いてCSVファイルでインポートする方法

【本日のWeb制作 学習メモ】 phpMyAdminを用いてCSVファイルでインポートする方法(覚書) CSVデータの読み込みに意外と手こずってしまったので、、、ということでの覚書です。 いろんなサイトを参考にさせていただきながら試行錯誤した何とか成功。 なお、…

2014/12/28 jQueryのプラグイン「DataTables」を使ってみた

DataTables とは、 HTMLテーブルをとっても高機能にしてくれる jQueryのプラグイン たとえば、以下のような機能がとっても簡単に実装できます。 テーブルヘッダにソート機能を付け、列ソートができます。 フィルター機能で、検索がとっても簡単にできます。 …

2014/09/10 RSSフィードをサイトに実装する

RSSフィードを簡単にサイトに表示するには Google Feed APIを使って、簡単にRSSフィードをサイトに表示する方法 Google Feed APIを使うと、簡単にRSSフィードをサイトに表示することができると知りました。 試しに、自身のブログサイトからfeed用URLを取得し…

2014/09/05 本日のWeb道 学習メモ

【本日のWeb制作 学習メモ】 MACを使いこなす(ファンクション編) jQueryを使ったWebページ制作 mysql 文字化け対応 1. MACを使いこなす(ファンクション編) WindowsからMACを使うようになって困ったこと Windowsでは普通に使えていた入力変換ができない!…

2014/08/08 ショッピングサイトを作る

【本日のWeb制作 学習メモ】 ショッピングサイトを作ってみる PHPの演習として、ショッピングサイトを作ってみます。 作成ページ(ページ遷移)は以下の通り 1.スタッフ追加画面 2.入力チェック画面 3.スタッフ追加完了画面 4.スタッフ一覧画面 5.スタッフ …

2014/08/07 ロジックとデザインの分離(送信した値を出力)

【本日のWeb制作 学習メモ】 [PHP] ロジックとデザインの分離 PHPをHTMLに組み込む際、ロジックとデザインを分離してコーディングするように配慮する。 理由: チームで分業の場合など、WEBデザイナーがPHPを理解できるとは限らない。 ソースのわかりやすさ…

6/27 [PHP/SQL] データベース(DELETE / UPDATE)

本日の授業テーマ [PHP] データベース(登録内容削除) [PHP] データベース(登録内容修正) 本日の学習内容 [PHP] データベース(登録内容削除) SQLでデータを削除する(DELETE文) SQLでテーブルからデータを削除するには? DELETE FROM `items` WHERE `ite…

6/26 [PHP/SQL] データベース (INSERT / DELETE)

本日の授業テーマ [PHP] データベース 新規商品登録 (INSERT) 登録商品削除 (DELETE) 本日の学習内容 [PHP] データベース (前回のおさらい) ここまでの処理の流れを確認(ログインから新規商品登録完了まで) 新規商品登録確認画面 (entry_confim.php) [処…

6/19 Sublime Text3 日本語化 / [PHP]データベース(ログイン・ログアウト・商品情報登録)

各種ソフトインストール・日本語化(Sublime Text3 インストール・日本語化) [PHP]データベース(ログイン・ログアウト・商品情報登録) [課題] ▼各種ソフトインストール・日本語化 Sublime Text3 インストール・日本語化 Eclipseインストール・日本語化 + …

6/13 [PHP] 商品管理データベース(try catchステートメント/ログイン情報の照合)

[PHP] 商品管理データベース [PHP] 商品管理データベース 商品登録データベースを作成します。 【機能】 認証(ログイン・ログアウト)機能 登録商品一覧画面 新規商品登録 登録内容修正 登録商品削除 【作業・確認事項】[作業の流れ]1. テーブル作成(phpMy…

6/12 [HTML5] 習得度確認テスト / [PHP] メールフォーム

6/12 授業 [HTML5] 習得度確認テスト [PHP] メールフォーム [HTML5] 習得度確認テスト 【問1】HTMLの最新バージョンは? 【答】 HTML5参照: http://app-review.jp/news/159165【問2】見出しの要素は6種類あります。すべて記述しなさい。 【答】 h1, h2, h3,…

6/5 [PHP] メールフォーム

[PHP] メールフォーム [PHP] メールフォーム 今日は、メールフォーム設置時に考慮すべきセキュリティ面についての学びです。 それらを考慮のうえ、引き続き、作成中のメールフォームに機能を追加していきます。 send_mail について WordPressではできない。 …

6/4 [PHP] メールフォーム(エラーチェック機能の追加)

[PHP] メールフォーム(エラーチェック機能の追加) . 文字数チェック . 全角半角チェック . メールアドレスチェック [PHP] メールフォーム(エラーチェック機能の追加) 《init.php》 以下書き換え [変更前] require_once 'init.php'; [変更後] require_onc…

5/30 [PHP] 習熟度テスト(5/29実施) 回答

[PHP] 習熟度テスト(問と答え) 【問1】変数「$a」に「1000」を代入し、変数「$a」の値をブラウザ上に表示するように記述しなさい。 答え:

5/29 [PHP] メールフォーム

[PHP] メールフォーム(サーバーへアップロード) [PHP] メールフォーム(サーバーへアップロード) 【作業手順】 1. サイト管理(XAMPP環境) Dreamweaver-サイトの管理: アップロード用データを新規サイトに設定しておく 2. FFFTP 設定 アップロード先の…

5/22 [PHP] フォームの練習

PHP(フォームの練習) 【演習】アンケートフォームの作成 ポイント: (1). HTML5に対応させる placeholder autofocus required (2).encode処理を関数化 nl2br 入力者の改行を反映させる その他 お問い合わせフォームとアンケートフォームは分けても良い (…