【use strict】strict(厳格)モードと非strictモードで関数の実行結果を試してみる

use strict(strictモード)は厳格にコードを記述しないとエラーとなるため正しくコードを記述する方は使った方が良いです。 strictモードを使わずに記述することは多々あるのですが、今回strict(厳格)モードと非strictモードで関数の実行結果を試してみます。 処理を実行させるクリックボタンのCSS記述 ※ここは重要では無いので必要に応じて書き換えてください。 <style […]

【window.open】JavaScriptを使ってブラウザサイズ指定し別ウィンドウのページを開く

過去にモーダルでページ内にポップアップ表示させる方法「JavaScriptでモーダル表示する方法【プラグイン、jQuery不使用】」をご紹介しましたが、 今回はページ内では無くブラウザサイズ指定して別ウィンドウでページを開いてみます。 別ウィンドウを表示させるクリックボタンのCSS記述 ※ここは重要では無いので必要に応じて書き換えてください。 <style type="text/c […]

ドラッグ&ドロップで2つのdivタグ要素エリア間を移動させる【JavaScriptプラグイン未使用】

JavaScriptプラグインを使用せず、ドラッグ&ドロップで2つのdivタグ要素エリア間を移動させてみます。 ドラッグ&ドロップ移動させるタグ要素のCSS記述 ※必要に応じて書き換えてください。 <style type="text/css"> body{ font-family:Verdana,"Hiragino Kaku Gothic Pro" […]

JavaScriptでクッキーに設定した値を別ページで表示【cookie】

前回「JavaScriptでセッションキーに設定した値を別ページで表示【sessionStorage】」をご紹介しましたが、今回はクッキー(cookie)に値を設定し、クッキーの値を別ページで表示させます。 クッキーに値を設定するページ(index.html)のHTMLとJavaScript記述 ※document.cookie=”クッキーkey=クッキー値”;で設定します […]

JavaScriptでセッションキーに設定した値を別ページで表示【sessionStorage】

php等のサーバサイドプログラムではセッションを使った複数ページを跨いだ値の保持をやりますが、クライアントサイドのブラウザ側でJavaScriptを使ったセッション保持の方法です。 今回はセッションキーに値を設定し、セッションキーの値を別ページで表示させます。 セッションキーに値を設定するページ(index.html)のHTMLとJavaScript記述 ※window.sessionStorag […]

WordPressのログインユーザー名またはメールアドレスを忘れてしまった時

WordPressのログインパスワードを忘れた場合はログイン画面の「パスワードをお忘れですか?」から「ユーザー名またはメールアドレス」を入力することで、新しいパスワードを取得することができます。 しかし、ログイン「ユーザー名またはメールアドレス」を忘れた場合ログインすることができません。 そんな時にホスティングレンタルサーバーのデータベース(MySQL)から直接メールアドレスを確認または更新するこ […]

WordPressインストールディレクトリ(/wp/)を公開URLには表示させない方法

WordPressをWebサーバーの/wp/ディレクトリにインストールした場合、何もしないと公開URLは [公開URL 例] https://xxxxxx.com/wp/ になります。 WordPress管理画面のURLは [管理画面URL 例] https://xxxxxx.com/wp/wp-login.php になります。 それを[管理画面URL]はそのままに、[公開URL]にあるインストー […]

【jQuery】指定した全てのタグ要素に対して処理を実行する方法-each

jQueryのeachを使うと指定(合致)した全てのタグ要素に対して関数処理を実行することができます。 今回は指定したタグ要素(liタグ)全てに対して、toggleClass関数を実行することでclassを追加・削除して文字サイズや太さを変更してみます。 CSSの記述例 ※必要に応じて書き換えてください。 <style type="text/css"> body{ […]

見積金額公開!Web制作会社エンジニアが考えるリアル見積単価と算出方法

見積はWebサイト制作を仕事にしている人、会社員・フリーランス・個人事業主には必須事項となります。 見積の算出方法はどんな業種の企業からの案件で何をどこまでやるかによって色々変わりますが、私が今までやった案件を例に見積方法をご紹介します。 案件例と前提条件 今回の案件例と前提条件として、 ・会社のオフィシャルサイト15ページのWebサイト ・デザイン ・HTMLコーディング(レスポンシブサイト) […]

【jQuery】指定したタグ要素の兄弟要素タグを全て抽出する方法-sibling

jQueryのsiblingsを使うと指定したタグ要素の兄弟要素タグを全て抽出することができます。 今回は指定したタグ要素の兄弟要素タグ全てのcssを変更してみます。 CSSの記述例 ※必要に応じて書き換えてください。 <style type="text/css"> body{ font-family:Verdana,"Hiragino Kaku Goth […]

1 2 3 4 5 20