fa11enprinceのブックマーク - はてなブックマーク

Docker Nginx + PHP + MySQL + Redis な環境作った。 - かもメモ

fa11enprince 2020/07/27

nginx + php + mysql + redis

php
docker

リンク

React Hooks useState state の更新にハマる - かもメモ

useState の setter で値を更新しても即時 state に反映されるわけではないので、更新された state を使って別の処理を行いたい時などで意図しない動作になってしまうことがあります。 🐞 function Counter({ initCount }) { const [count, setCount] = useState(initCount); const [square, setSquare] = useState(initCount * initCount); const updateSquare = () => { setSquare( count * count ); } const onCountup = () => { setCount( count + 1 ); // ここではまだ count は更新されているとは限らない updateSquare()

fa11enprince 2020/01/04

React

リンク

JavaScript 今更の async / await - かもメモ

async function は Promose を返す returnすると返される値がPromise.resolveされる throwすると値や例外がPromise.rejectされる何も返さないと関数終了時にundefinedがreturn(resolove)される // return = Promise.resolve() async function resolveFunc() { return 'this resolve'; } resolveFunc() .then((res) => console.log(res)) .catch((err)=> console.log(`ERROR ${err}`)); // => this resolve // throw = Promise.reject() async function rejectErrorFunc() { thr

fa11enprince 2019/01/27

async/await Promise

JavaScript

リンク

jQuery Ajaxでファイルを送りたい！ - かもメモ

input[type="file"]をAjaxで送信したい時普通にAjaxを使って送ると、ファイルが文字列になってしまい form.submit()した時と違うのでハマったのでメモ。どうやら FormData を使い Ajaxが自動的に送信データを整形する機能をOFFにすれば form.submit()と同じデータで送れるようです。 ■ フォーム <form id="myForm" name="myForm" method="post" action=""> <input type="file" name="file" id="formFile"/> <input type="text" name="text" id="form Text"/> <textarea name="textarea" id="form Textarea"></textarea> <input type="sub

fa11enprince 2017/04/18

ajax
java

リンク

iPhone aタグでclickイベントが効かない時があるっぽい！ - かもメモ

iPhone用のサイトを作っていて、aタグに付けたclickイベントがchromeのデベロッパーツールで確認した時は動作しているのに、実機では動作しないという現象に出会ったのでメモです。今回はボタンクリックでモバイル用のメニューを表示させるような機能を作っていました。動作しない例 // HTML <a id="navToggleBtn"> <i class="fa fa-baes"></i> </a> // javascript $('document').on('click', '#navToggleBtn', function(evt) { // メニューを開いたり閉じたりする処理 }); 一見特に問題ないように思えます。そして、チェックしていたchromeのデベロッパーツールでのスマートホン表示でも問題なく動作していました。さりとて！いざiPhone実機で試してみると動いている