JSのレスポンシブ対応をresizeからmatchMediaに移行した
JS でブレークポイント毎に処理を分ける場合の方法を resize から matchMedia に移行したので、その際のメモ書きです。 昔ながらの方法 恥ずかしながら、最近まで JS でブレークポイント毎に JS 処理を切り替える場合、 以下のように昔ながらの resize イベントの監視を使っていました... /** * イベントリスナー */ const listener = () => { // リサイズ時に行う処理 if (window.innerWidth >= 768) { // 768px以上 console.log('PC用ブレークポイント用処理'); } else { // 768px未満 console.log('SP用ブレークポイント用処理'); } }; // リスナー登録 window.addEventListener('resize', listener); /
30歳だが人生に飽きた
仕事→飽きた セックス→飽きた 酒→やめた、飽きた 人と交際するまでの過程→飽きた 人と交際するという行為→飽きた 不倫→1回やってみたけど何がおもろいのか分からなかった 人付き合い→本を読み漁って努力した時期もあったけど自分は雑談や人にさほど興味がないと気付く 結婚→（上の過程で自分は明確に他人に興味ないということが分かってしまったので）どうでもいい 出産→退屈凌ぎでやるレベルのことではない（コスパ的にも道徳的にも肉体的にも） ファッション→中国通販を知ってからユニクロすら高級に思うようになった メイク/コスメ→ 美人のプチプラ＞＞（越えられない壁）＞＞ブスの諭吉と理解してからこだることをやめた 美容全般→50万のエステより5万のプチ整形と理解してから馬鹿らしくなった 趣味だった映画鑑賞→劇場の没入体験は魅力だがサブスク見放題（月額1000円ちょっと）を知ると一回1900円の娯楽は自分に
独立したコアレイヤパターンをJavaScript(TypeScript)で実装してみる
@shin1x1さんの独立したコアレイヤパターンを JS(TS)でも利用できるといいかなと思い、サンプルコードを作成してみた。 独立したコアレイヤパターンとは？ アーキテクチャパターンのひとつ コアレイヤとアプリケーションレイヤの 2 つのレイヤからなる コアレイヤ コアレイヤロジックやビジネスロジックを実装する 外部の IF(WebAPI や DB の orm など)には依存しない アプリケーションレイヤ コアレイヤと外部の IF の連携を実装する 外部の IF(WebAPI や DB の orm など)に依存する スーパーヒーローがいなくても使えるパターン ゴール サンプルとして、記事に対するファボ(お気に入り)を設定・解除する機能のユースケースを作成する。 サンプルリポジトリ ohnaka0410/Vue-Ts-Independent-Core-Layer-Pattern 実装 ベー
RegEx Crossword
It's a crossword puzzle where you need to fill in the hexes with character sequences, so that they match the regular expressions listed around the edges. The individual clues will turn bold purplebold green when satisfied, orangered when not, and underlined when active. Note that the regex must be a full match, and empty cells are treated as spaces. Double click a rule to edit it. When finished, p
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Go の最初の手順 - Training
