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