WebCloudFlare経由でのアクセスでNginxが受け取るIPアドレスを正しくする方法 CloudFlare経由でNginxへのアクセスがあった際に本物のIPアドレスを取得する方法を紹介します。 Nginxの設定ファイルに下のように追加することでヘッダーのX-Forwarded-Forに正しいIPアドレスが入ります。 No... 2020.12.09Web
WebjQueryで進捗バーの進捗状況を更新する方法 今回はjQueryで進捗バー(progressタグ)の進捗状況を更新する方法を紹介します。 HTML <progress id='progress' max='100' value='0'></progress> ... 2020.05.02Web
WebjQueryでコンテンツの表示・非表示を切り替える方法 今回はjQueryを使ってコンテンツの表示・非表示を切り替える方法を紹介します。 $("#コンテンツ").hide() //隠す $("#コンテンツ").show() 表示する ボタンを押すごとに表示・非表示を切り替えるサンプル <... 2020.04.15Web
Web[HTML,CSS] hrタグの色を変更する方法 自分でHTMLを書いているとき迷ったのでメモしておきます。 <hr style="background-color:red"> cssでhrのbackground-colorに変更したい色を指定することで変更できます。 2020.04.08Web
WebjQueryでファイルを送信する方法 今回はjQueryを使ってファイル送信をする方法を紹介します。 コード function file_upload(){ var fd = new FormData(); fd.append('upload_file', $('#... 2020.04.07Web
WebCSSフレームワークBulmaを導入する方法 今回はCSSフレームワークのBulmaを導入する方法を紹介します。 CDNを使う場合 HTMLのヘッダタグで次のように読み込むことで使うことができます。 <head><meta charset="utf-8"&g... 2020.03.27Web
WebJavaScriptでサイトの言語を切り替える方法 今回は、JavaScriptとCookieを使ってサイトの言語を切り替える方法を紹介します。 HTML <html><a id="ja">日本語</a><a id="en">Englis... 2020.03.25Web
Webローカル環境を外部に公開する方法 ローカルホストで作っているサイトを外部に一時的に公開する方法を紹介します。 SSLにも対応しているので外部のAPI等をテストするときにも使えます。 ngrokをインストール 公開するためにngrokというツールを利用します。 から各OSに... 2020.02.25Web
WebCSSでbuttonをいい感じにデザインしてみる こんにちは!増田拓海です。 今回はCSSでbuttonのデザインをいい感じにする方法を紹介していきたいと思います。 今回使うコード <html><head><style> .button{ bor... 2019.04.01Web
WebJavaScriptのAlertをオシャレに表示する方法 こんにちは!増田拓海です。 今回はalertをオシャレに表示できるSweetAlert2というjsプラグインを紹介していきます。 SweetAlert2とは? SweetAlert2はJavaScriptのAlertをオシャレに表示してく... 2019.03.28Web