【JavaScript】クリックイベントが親要素に伝播しないようにする方法
例えば、メニューボタンを押すとメニューが開き、もう一度押すと閉じるというようなトグルボタンを設置する時、メニューを開いた状態で画面のどこかをクリックすると、メニューが閉じるという仕様になっている事が多い。 そこで自分も、 […]
Blog
続きを読む
JavaScriptでウィンドウサイズを取得して全画面表示
通常は、CSSで、width: 100vw; height: 100vh;とすれば、その要素は全画面になりますが、これをjavascriptで行いたい時があったので、メモ。 $(window).on(‘load resi […]
IEでonloadイベントがエラー（IDが定義されていません）の解決方法
以下のようなonloadイベントが、IEでだけうまく動かなかったので、メモ。 ちなみに、この状態だと両方とも動きます。 ・・・の所へいろんなスクリプトが入った状態だとIDが定義されていませんというエラーで動きませんでした […]
PHPでconsole.log（JavaScript）する１番簡単な方法
JavaScriptのconsole.logは、デバッグにとても便利ですよね。PHPを使ってる時も、たまに使いたくなっちゃいます。 例えば、$paramというPHPの変数があったとして、以下のようにJavaScriptの […]
ページ読み込み後に実行する関数の違い一覧（JavaScriptとjQuery）
ページを読み込んだら、すぐに実行する関数、それぞれ実行するタイミングや動作が違う。 短縮形なども含めると結構たくさんあるので、まとめてみました。 JavaScript window.onload = … window.o […]
【PHP】includeしたプログラム等をすぐに出力させないでバッファリングしておく方法（ob_start）
サイト作成時にヘッダーやフッターなどの共通部分を別のファイルにしてincludeなどで読み込むといった方法は割と一般的にすると思いますが、includeするとその場でプログラムが実行されますよね？そのため出力したい場所で […]
PHPでウェブスクレイピング
他サイトから取得したHTMLソースから目的のテキストなどを取り出したい時、ソースを文字列として扱うよりもDOMとして操作すると簡単に取り出せる事がわかりました。 HTMLソースの取得は別記事（PHPでサイトのソースを取得 […]
PHPでサイトのHTMLソースを取得する
PHPで外部サイトのHTMLを取得する定番の２つの方法をご紹介します。 file_get_content cURL cURLは、オプションを上手く使えばログインサイト内のHTMLも取得できるスグレモノです。 file_g […]
コピペでできるChart.jsの使い方（最低限の実装）
ホームページにグラフを描きたいなと思って、ちょっと検索してみたら意外と簡単な方法で実現できたのでご紹介。 Chart.jsという便利なライブラリーがあり、これを使えば簡単にブラフを描く事ができます。 HTML5から採用に […]
WordPress内で自作のプログラム（PHPやJavaScript）をincludeして動かす方法
WordPressの記事内に直接プログラムを書き込んでも動いてくれません。プログラムファイルをある場所へアップロードして記事内から読み込む形で実現します。 プログラムファイルのアップロード PHPやJavaScriptで […]
【グラフで見る】ドラゴンボール 主要キャラクターの戦闘力まとめ（推移と比較）フリーザ編まで
ドラゴンボールの主要な登場キャラクターの戦闘力が気になったのでまとめてみました。とりあえずフリーザ編まで。
WordPress 記事を複製する方法
記事を何個か書いていて、ふと 前の記事を複製して使おうって思ったんです。 でも複製ボタンなんて当たり前のようにあると思っていたのに探してもない・・・ そう、ないんです！ どうやらプラグインを入れないとダメらしいので早速入 […]
Windows10のプリントスクリーン時にマウスカーソルもキャプチャする方法
ブログを始めて画面キャプチャをする機会が増えましたが、その時に普通にPrtScnボタンでキャプチャするとマウスカーソルはキャプチャされません。 そこで、マウスカーソルも一緒にキャプチャする方法を調べてみました。 方法とし […]
LION BLOG のアイキャッチ画像のマウスオーバー時のズームを無効にする方法
アイキャッチにカーソルをもっていったときに画像が拡大・縮小する効果がデフォルトで付いていますが、私はあまり好きじゃないのでこれを無効にします。 変更方法 追加CSSに下記の文字を追加するだけで無効にすることができます！ […]
リスト < li > タグの横並び時の隙間をなくす方法
リストタグはメニューなどでよく使いますが、リストをdisplay:inline-blockを使って横並びにするとリストとリストの間に隙間ができてしまいます。それを簡単な方法で解決します。 解決方法 CSS（スタイルシート […]
LION BLOGの記事の文字サイズを変更する方法
いろんなブログテーマを試しましたが一旦LION BLOGに落ち着きました。 が、記事の文字サイズが少し小さいような気がして大きくする方法を調べました。 記事の文字サイズを変更する方法 それはとても簡単♪ 追加CSSに下記 […]
まずは無料相談から
お客様のビジネス目標を達成するための最適なご提案をいたします。初回相談は無料ですので、まずはお気軽にお問い合わせください。