メディアクエリだけでモバイルデバイスを判定する - Qiita
デバイスを判定する方法として、UAから判断したりUAparser.js などのライブラリを使う方法がありますが、とにかくモバイルかどうかだけを判定したい時に、ライブラリを読み込んだりするのもどうなのか。と思っていた時に、発見した方法がメディアクエリを利用する方法 参考： https://medium.com/@ferie/detect-a-touch-device-with-only-css-9f8e30fa1134 CSSの2つのフィーチャーを使う それは Hover と Pointer hover ポインティングデバイスが要素のhoverをサポートしているかをチェックすることができる pointer ポインティングデバイスを持っているか、もしそうならば、主要なポインティングデバイスにどれだけの正確性があるかを調べる この二つを組み合わせることで、モバイルデバイスを判定することができる
I am mitsuruog | TypeScriptのString Enumsを少し便利にするTips
TypeScript の小ネタです。 TypeScript では次のように string を Enum として定義することができるのですが、string を Enum に代入するときにエラーとなってしまうため、今まで少し使いにくいと思っていました。 今日はその認識を改めます。 enum Direction { North = "North", South = "South", East = "East", West = "West", } let direction: Direction; direction = Direction.North; direction = "North"; // Error Type '"North"' is not assignable to type 'Direction'. direction = "AnythingElse"; // Error Ty
さようなら、TypeScript enum - 株式会社カブク
フロントエンドエンジニアの今村です。TypeScriptではenumを使わずunion型を使いましょう、という話を書きます。 モチベーション 何を今さら、と思う方もいるかもしれません。 TypeScriptのunion型はenum的なものを表現可能であり、基本的にenumよりもunion型を使うべき、という意識を持っているTypeScriptプログラマーはすでに少なからずいるのではないかと思います。しかし、ではenumの使用はいかなる場合も避けるべきなのか、そうでないとしたらどのような基準でenumとunion型を使い分けるべきなのか、といった点について、広く合意の取れたガイドラインはなさそうです（少なくとも私は知りません）。この結果、コードレビューなどで少しやりづらさを感じることがあったので、白黒つけてしまいたいという気持ちからこのブログを書いています。 結論としては、enumは全面的に
Reactのチャート描画ライブラリRechartsで様々なチャートを出力する - Qiita
Ateam Lifestyle x cyma Advent Calendar 2018の12日目は、株式会社エイチームライフスタイルのエンジニア@kazenomachiが担当します。 本稿では、Reactのチャート描画ライブラリRechartsで様々なチャートを出力する方法を紹介していきます。 やりたいこと Reactで、簡単なグラフ（折れ線グラフや棒グラフ）を描画したい できるだけ簡単に分かりやすいコードで書きたい Rechartsとは？ Reactで簡単にSVGチャートを描画できるライブラリです。 他にもチャートを描画することができるライブラリは多くありますが、今回は以下の点を理由にRechartsを選びました。 Reactコンポーネントを使ってReactらしくコードを書ける（読みやすい） ある程度カスタマイズも可能で、レスポンシブ対応も簡単そう 基本編 まずは早速、基本のグラフを書い
Dribbble - Show and tell for designers
Discover the world’s top designers Explore work from the most talented and accomplished designers ready to take on your next project
最速でPyCaretを使ってみた | PARK | データサイエンスに関する情報を発信
当社のデータサイエンティスト福澤がQiitaで執筆した記事について、 当コラムでもご紹介いたします！ 先日リリースされた機械学習ライブラリーPyCaretを使用してみました。 誰でも簡単にモデリングができるなと実感しました。本当にめちゃくちゃ簡単でした！ 10行もコードを書かずに前処理から、チューニング、予測ができます！ 引数などまだ把握できていない部分が多くありますが、PyCaretの記事を1番に書こうと思い書きました。 早速ですが、先日リリースされた機械学習ライブラリーPyCaretを使用してみました。 誰でも簡単にモデリングができるなと実感しました。本当にめちゃくちゃ簡単でした！ 10行もコードを書かずに前処理から、チューニング、予測ができます！ 引数などまだ把握できていない部分が多くありますが、PyCaretの記事を1番に書こうと思い書きました。
TypeScriptでReactをやるときは、小さいアプリでもReduxを最初から使ってもいいかもねというお話 | フューチャー技術ブログ
TypeScriptでReactをやるときは、小さいアプリでもReduxを最初から使ってもいいかもねというお話 前日の丸野さんがReduxを分かりやすく解説してみたというReduxの基本的な紹介を行いました。Reduxはコンパクトなライブラリながらよく考えられた仕組みです。Jetpack ComposeやらFlutterやら、ReactインスパイアなGUIフレームワークも増えているので、JavaScript（TypeScriptではなく） + Reduxをやってみるのは、ウェブに限らず、今後のユーザーインタフェース関連のコードを触るための理解力向上には良いと思います。 本エントリーは、プロダクションコードでたくさんRedux周りにもreducerなどを実装しなくてはいけなくなったときの次のステップとして、Redux Toolkitの紹介をします。 たいてい、Reduxは導入コストが大きく、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://recharts.org/en-US/
GitHub - akveo/ngx-admin: Customizable admin dashboard template based on Angular 10+
slideas.app
