2020-05-29 7分 read (About 987 words)

【Laravel】iPhoneで撮った写真が回転してしまう不具合の解決策

はじめに

iPhoneの画像をアップロードした時に意図せぬ方向に回転してしまう不具合を解消したので手順をメモしておきます

調べた限りではintervention/imageを使った記事が多かったですが、なぜかうまくいかなかったのでImagickを利用しました。

ただintervention/imageの方が簡単っぽいのでまずはこの記事ではなく、一番下にある参考記事の通りにやってみるのをオススメしますw

2020-05-15 3分 read (About 445 words)

Laravelのフラッシュメッセージをブラウザバック時に出ないようにする

はじめに

DB登録完了時に「登録完了しました！」みたいなポップアップがあると嬉しいですよね。
これを実現するためにLaravelにはフラッシュメッセージという機能があります。
フラッシュメッセージを使うと画面リロード時には表示されなかったりと便利です。
ただ、ブラウザバックの時は表示されちゃうんですよね。
なのでLaravelのフラッシュメッセージをブラウザバックで出ないようにする方法をメモします。
やり方は単純で、ブラウザのセッションストレージにフラグを用意するだけです。

コントローラー

hogeController.php

1	return redirect("/hoge")->with('is_after_complete', '完了しました');

ビュー

hoge.brade.php

<!DOCTYPE html>
<html lang="ja">
<head>
</head>
<body>
</body>
</html>

<script type="text/javascript">
	// 完了後ポップアップ表示
	const is_after_complete = "{{ Session::get('is_after_complete') }}";
	if (is_after_complete) {
		// sessionStorageはブラウザバックで完了ポップアップが出てしまうのを防ぐために利用している
		if (sessionStorage.getItem('is_after_complete') != "1") {
			alert(is_after_complete);
			sessionStorage.setItem('is_after_complete', "1");
		}
	}

	// ブラウザバックで完了ポップアップが出てしまうのを防ぐための処理
	$('form').submit(function() {
		sessionStorage.setItem('is_after_complete', "0");
	})
</script>

おわりに

需要高いはずなのでLaravel標準機能にありそうだけど探しても見つからなかった、、なぜだ、、

参考

Laravel：フラッシュメッセージを表示する

2020-05-05 1分 read (About 158 words)

【HTML】Formバリデーションのサンプル

はじめに

フォームのバリデーションについて毎回同じことを調べている気がするのでここにメモしていきます
随時追加します

0以上の整数値のみ(0,1,2,3,…)

html

1	<input type="number" id="hoge">

JavaScript

document.getElementById('hoge').addEventListener('blur', function() {
  if (!this.value || this.value < 0) this.value = 0;
  else this.value = Number(this.value)
}, false)

blur
→フォーカスを外れた時に実行されます。inputでも可能なのですが0を消せなくて使いにくかったのでblurにしました

Number(this.value)
→先頭の0を除外するためです

2020-04-30 1分 read (About 161 words)

エラー「Installation failed, reverting ./composer.json to its original content.」の解決策

Laravelの環境構築で以下のエラーでハマったので解決策をメモしておきます

実行コマンド

composer global require "laravel/installer"

エラー文言

Installation failed, reverting ./composer.json to its original content.

解決策

composer global update

終わりに

いつも思うけど環境構築がプログラミングで一番難しいんだよなあ、、、

参考

Installation failed, reverting ./composer.json to its original content.
macOSに Laravel 5.6 をインストールする手順をまとめてみる

2020-04-27 3分 read (About 481 words)

Skypeの通話開始のショートカットを無効化した話

はじめに

Web開発をしているとよくCommand+Rでブラウザの画面更新を行うと思います。
ただ、これSkypeだと通話のショートカットなんですよね、、

間違ってSkypeを開いているときに実行しちゃうと通話をかけてしまうという、、

なのでショートカットを無効にする方法を探してみました

解決先を探す

最初に出てきたのはこの記事で
Skypeで通話開始のショートカットを無効化する

お、これで解決やんけ〜とか思ったけど、うまくいかず、、

＞変更可能な｢ミュートにする｣ショートカットに Ctrl + Rを割り当て

って書いてあるけどどれだけ探しても変更するところがないっていう、、

多分OSかバージョンの問題かな、、

ちなMacです

で、同じ悩みを持つ人が公式に問い合わせしてるページを見つけたのですが！

https://answers.microsoft.com/en-us/skype/forum/all/how-do-i-remove-keyboard-shortcuts-on-skype-for/fd55a0ba-3991-4ab6-a00b-2725af3539a1

これも結局解決には至っておらず、、

どうやら無効化する方法はないっぽいです

マジか？
マジなのか？

最終的に

で、最終的に、そういえばBetterTouchToolでアプリごとにショートカットキー変えれるやんけ！ってことに気付いて、SkypeにのCommand+Rを無効にして解決しました

なんでSkypeの設定でできないのか不思議すぎる、、

2020-04-20 2分 read (About 283 words)

【Git】Pullの時に不要なマージコミットをしない方法

Pullした時に

Merge branch 'dev' of github.com:hoge/piyo into dev

みたいな不要なマージコミットができることがありますよね

これ、特に困ってはなかったので放置してたのですが、せっかくなので調べてみると簡単に取り除ける方法が分かりました

pullするときにgit pull --rebaseという風にrebaseオプションをつけると良いらしいです

rebaseに関する詳細はこちらが分かりやすかったです。
git pull と git pull –rebase の違いって？図を交えて説明します！

VSCodeだといつもクリックしているプルの表示のしたにプル（リベース）というものがありますね！
全然気づかなかった！w

この機会に他のgitコマンドについても勉強しなおそうかな〜

以上です

2020-04-15 2分 read (About 232 words)

【Hexo】画像を使い回す方法

はじめに

Hexoで画像を表示する方法を検索するとよく出てくるのが
_config.ymlでpost_asset_folder: trueとすることで、_posts配下に記事名と同じ名前のフォルダを作成して、その中に画像を入れて、
記事中では

1	{% asset_img hoge.jpeg %}

のように使う方法ですよね

しかし！

これだと同じ画像を使い回しできなくて不便ですよね、、

なんと調べてみると画像を使い回せる方法を見つけたのでメモしておきます

手順

まず、sourceフォルダの直下にimagesフォルダを作成します
で、その中に画像を入れます

記事中では![](/images/hoge.jpeg)ってやるだけです

簡単すぎワロタ

参考

https://hexo.io/docs/asset-folders.html

2020-04-01 8分 read (About 1159 words)

【読書メモ】リファクタリング(第2版)：既存のコードを安全に改善する

はじめに

リファクタリング(第2版): 既存のコードを安全に改善する
という書籍を読み始めました

せっかくなので要点をメモしておきます

2020-03-31 1分 read (About 198 words)

【Git】忘れやすいgitコマンドまとめ

はじめに

個人的に忘れやすい git コマンドをメモしておきます

2020-03-30 2分 read (About 365 words)

【随時更新】個人的にJavaScriptでよく使う記法まとめ

個人的にJavaScriptでよく使う記法をまとめました

【Laravel】iPhoneで撮った写真が回転してしまう不具合の解決策

はじめに

Laravelのフラッシュメッセージをブラウザバック時に出ないようにする

はじめに

コントローラー

ビュー

おわりに

参考

【HTML】Formバリデーションのサンプル

はじめに

0以上の整数値のみ(0,1,2,3,…)

エラー「Installation failed, reverting ./composer.json to its original content.」の解決策

実行コマンド

エラー文言

解決策

終わりに

参考

Skypeの通話開始のショートカットを無効化した話

はじめに

解決先を探す

最終的に

【Git】Pullの時に不要なマージコミットをしない方法

【Hexo】画像を使い回す方法

はじめに

手順

参考

【読書メモ】リファクタリング(第2版)：既存のコードを安全に改善する

はじめに

【Git】忘れやすいgitコマンドまとめ

はじめに

【随時更新】個人的にJavaScriptでよく使う記法まとめ

タグクラウド

アーカイブ

タグ

アーカイブ

タグ

Your browser is out-of-date!