はてなブックマーク

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

画面サイズ毎に表示する文字数制限したい！！ 今回Vueitfyを使ってレスポンシブな細かいスタイル調整を行おうと思ったんですが 文字列の長さが不明確で且つ改行ありのデザインだったので少々手こずってしまいました。 Vuetifyでうまくやる方法があるのかも知れませんが、今回はこのような形で解決しました。 結論: $vuetify.breakpointとtruncateを使う 概要 $vuetify.breakpointでlgやmdといったブレークポイントを取得 $vuetify.breakpointはtemplate上でも使える styleなどに必要な要素を変数に代入（computedで定義すると動的に変わる） truncateメソッドを使って文字切り捨て cssのtext-overflowは改行無しなら使える！（veutifyのclassならtext-truncate） ※ templat

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

この記事は、筆者がLaravelを触り始めた時にメモ用で書いたものです。 実際にコーディングする際は、ご利用のバージョンに合った公式ドキュメントとGitHubのソースコードを見て実装してください。筆者は数年Laravelを書いていません。ご了承ください。 ※必ず下記のGitHubのリポジトリのREADME.mdを読んで、適したバージョンのソースコードと公式ドキュメントを読んでください。 誰かが書いた古い記事を参考にコーディングをするのは危険です。 Laravelのクエリビルダーの戻り値（or 返り値） もし「いいね」がついたら他のメソッドのものも追加してまとめ化する。 メソッド 返り値（型） 返り値（例） コメント