Web

CloudFlare経由でのアクセスでNginxが受け取るIPアドレスを正しくする方法

CloudFlare経由でNginxへのアクセスがあった際に本物のIPアドレスを取得する方法を紹介します。 Nginxの設定ファイルに下のように追加することでヘッダーのX-Forwarded-Forに正しいIPアドレスが入ります。 No...

jQueryで進捗バーの進捗状況を更新する方法

今回はjQueryで進捗バー（progressタグ）の進捗状況を更新する方法を紹介します。 HTML <progress id='progress' max='100' value='0'></progress> ...

jQueryでコンテンツの表示・非表示を切り替える方法

今回はjQueryを使ってコンテンツの表示・非表示を切り替える方法を紹介します。 $("#コンテンツ").hide() //隠す $("#コンテンツ").show() 表示するボタンを押すごとに表示・非表示を切り替えるサンプル <...

[HTML,CSS] hrタグの色を変更する方法

自分でHTMLを書いているとき迷ったのでメモしておきます。 <hr style="background-color:red"> cssでhrのbackground-colorに変更したい色を指定することで変更できます。

jQueryでファイルを送信する方法

今回はjQueryを使ってファイル送信をする方法を紹介します。コード function file_upload(){ var fd = new FormData(); fd.append('upload_file', $('#...

CSSフレームワークBulmaを導入する方法

今回はCSSフレームワークのBulmaを導入する方法を紹介します。 CDNを使う場合 HTMLのヘッダタグで次のように読み込むことで使うことができます。 <head><meta charset="utf-8"&g...

JavaScriptでサイトの言語を切り替える方法

今回は、JavaScriptとCookieを使ってサイトの言語を切り替える方法を紹介します。 HTML <html><a id="ja">日本語</a><a id="en">Englis...

ローカル環境を外部に公開する方法

ローカルホストで作っているサイトを外部に一時的に公開する方法を紹介します。 SSLにも対応しているので外部のAPI等をテストするときにも使えます。 ngrokをインストール公開するためにngrokというツールを利用します。から各OSに...

CSSでbuttonをいい感じにデザインしてみる

こんにちは！増田拓海です。今回はCSSでbuttonのデザインをいい感じにする方法を紹介していきたいと思います。今回使うコード <html><head><style> .button{ bor...

JavaScriptのAlertをオシャレに表示する方法

こんにちは！増田拓海です。今回はalertをオシャレに表示できるSweetAlert2というjsプラグインを紹介していきます。 SweetAlert2とは？ SweetAlert2はJavaScriptのAlertをオシャレに表示してく...

タイトルとURLをコピーしました