UAParser.js - JavaScript library to identify browser, engine, OS, CPU, and device type/model from userAgent string. Supports browser & node.js environment. Also available as jQuery/Zepto plugin...
UserAgent判定JSライブラリ「UAParser.js」と「Platform.js」の比較 – One IT Thing
UAParser.js - JavaScript library to identify browser, engine, OS, CPU, and device type/model from userAgent string. Supports browser & node.js environment. Also available as jQuery/Zepto plugin...
演出を作る時の心がけ
意識していること 飽きさせない これ！ 動きは見ていて工夫させないと飽きます。 主に、同じような場面、動き、スピードが続くと退屈に感じてしまうので、少しでもその感情をなくすために様々なところに変化をつけ、見ていて飽きないようにしていきます。 飽きさせないために何をするかですが、緩急、粗密、ジャンプ率、明暗に変化を加え、印象を変えて飽きさせないようにします。 緩急でメリハリ
「Pushbullet」の使い方をマスター！ iphoneユーザーはpush通知で作業効率アップ
Web担当者の皆様は、普段どのような方法で情報収集を行っていますか？ 複数デバイスを使用して情報収集を行う場合、スマートフォンで見つけた情報をパソコンにも送信したい場合、都度メール等で自分宛てに送信する必要があります。このような操作は、意外と面倒な作業です。 今回はデバイス・ファイル形式不問でデータのやり取りを簡単に行える、「Pushbullet」について解説します。使用方法をマスターして、少しでも作業効率アップを目指しましょう。 スマートフォンで使用する スマートフォンでPushbulletを使用する際、Androidユーザーの方のみ日本語対応されたアプリを使用することができます。 iPhoneユーザー向けアプリは日本語対応していないため、ここではiPhoneユーザーの方を対象に使用方法をご紹介します。 パソコンとスマートフォンを連携して使用することができますが、パソコンでの設定を行う際
UXデザイナー歴1年でHCD-Net認定 人間中心設計スペシャリストを取得するためにやったこと
Photo by bonneval sebastien on Unsplashこんにちは！ スタディスト開発部UXデザイナーの原口です。 私事ではありますが、この度念願の「HCD−Net認定 人間中心設計スペシャリスト」に無事合格することができました！ せっかくなので、合格するためにやったことを記録しておこうと思います。そしてこの記事がこれから試験を受ける方々にとっての手助けになればと思います。 そもそも「HCD−Net認定 人間中心設計スペシャリスト」ってなに？特定非営利活動法人 人間中心設計推進機構（HCD-Net）という団体が実施している認定制度で「専門家」と「スペシャリスト」という２つの資格があります。 これらはプロダクトやサービスの設計・開発に関わっている人たちがユーザビリティ、人間中心設計、UXデザインなどについての専門性を明らかにするための資格で、まさにUXデザイナーにとって
TypeScriptの異常系表現のいい感じの落とし所 | DevelopersIO
みなさんTypeScriptでサーバアプリケーション（Node.js）のロジックを書く時に、異常系の表現をどのようにされていますでしょうか？ここでいう異常系とは、仕様上想定される異常のことです。準正常系と言ったりもするかと思います。 私はJavaScriptの延長でTypeScriptをはじめたので、最初は null や undefined を返したり throw を用いるやり方をしていましたが、次第にTypeScriptが持つ型を生かし、できるだけ型安全に異常系を表現したいと考えるようになりました。そして試行錯誤した結果、いい感じの落とし所に落ち着いたので、その内容についてお伝えしたいと思います。 また記事の後半では、異常系の型を実装する中でハマった点についてもお伝えしたいと思います。 TypeScriptの異常系表現について 1. nullやundefinedを返す 冒頭でも述べたよう
コンセプト作りとプロト検証は同時並行、フライング・ペンギンズが実践する超並列UXデザイン
KASHIYAMA the Smart Tailorはオンワード社が提供するF2C（Factory to Customer）のオーダースーツブランドです。今回のインタビューでは、同ブランドの業務アプリのリデザインについて、そのUXデザイン改善を手掛けた株式会社フライング・ペンギンズの土屋さんと、実際、現場で利用されているオンワードの皆さんにお話をお聞きしました。 L to R 株式会社オンワードパーソナルスタイル 渡邉智美さん 株式会社フライング・ペンギンズ COO / UXイノベーター 土屋 晃胤さん 株式会社オンワードパーソナルスタイル 和田雄一郎さん 株式会社オンワードパーソナルスタイル 遠藤裕士さん ※以下敬称略 オーダースーツの民主化を目指すブランド ―まずはKASHIYAMA the Smart Tailorについて教えてください。 和田：オーダースーツというと、一般的に高そう
深層学習モデルの実装を爆速にするVSCodeの設定メモ - May the Neural Networks be with you
こんにちは。@shunk031です。 新型コロナウイルスが猛威を奮っていますね。 不要不急の外出は控えるのが大切そうです。 こういう時は引きこもって論文を読むのが一番です。 今回はコードエディタであるVSCodeで、深層学習モデルの実装を爆速にするための設定についてメモします。 深層学習モデルの実装をする際にはリモート上にあるGPUを搭載したサーバで実装をしたりデバッグすることが非常に多いです。 VSCodeはこうしたリモートでのコード編集およびデバッグを簡単に行える仕組みを多数揃えています。 本記事では、深層学習モデルの実装に頻繁に利用されるPythonを対象に、以下の観点からモデルの実装を爆速にする設定や機能について紹介します: Pythonの開発環境の構築 リモートのGPUサーバに接続するための設定 深層学習モデルの実装・デバッグを簡単にする機能 おすすめのショートカットキー・拡張機
ビジネスメール詐欺の実態調査報告書
ビジネスメール詐欺 (Business E-mail Compromise： BEC) は、2015年に米国連邦捜査局 (Federal Bureau of Investigation：FBI) が情報を公開して以降、広く知られるようになりましたが、被害は未だ増えている状況です。FBIの米国インターネット犯罪苦情センター (Internet Crime Complaint Center：IC3) に報告された被害件数などのデータによると、2013年10月から2016年5月までの期間において、BEC の被害件数は米国内外で22,143件、被害額は約31億 ($3,086,250,090) 米ドルだった一方で、2016年6月から2019年7月までの期間では、被害件数は166,349件、被害額は約262億 ($26,201,775,589) 米ドルと大きく増加しています。 日本においても、201
🐛よくハマったFlexboxのバグまとめ｜たかもそ／Web Creator.
Flexbox はレイアウトを組むのに非常に便利ですが、バグがとても多いことでも有名です。最新のブラウザでも次々と新しいバグが報告されており、すベてを紹介するのは大変なので、自分がよくハマったバグをまとめます。 なお、ベンダープレフィックスは省略しているので注意してください。 flex-flow: column wrap; がはみ出るdisplay プロパティに inline-flex を指定していたり、position プロパティに absolute を指定して絶対配置している場合、flex-flow プロパティに column wrap を指定すると Flex コンテナからはみ出てしまいます。 バグが発生するブラウザ ・Chromium Edge ・Firefox ・Chrome ・Safari ・Opera ・iOS Safari ・Android 30 以降 <div class=
これなら簡単！数字や文字のパネルをぱたぱた回転させるフリップを実装できるスクリプト -Flip Countdown
カウントダウン、カウンター、タイマー、メッセージなど、数字や文字のパネルをぱたぱた回転させるフリップを簡単に実装できるスクリプトを紹介します。 ぱたぱた回転するアニメーションが非常に気持ちよく、今まで紹介した中でもピカイチだと思います。 クイックフリップ 高性能フリップアニメーション、フリップカードはオーバーラップできます。値は毎秒複数回更新。 タイムスナップ タイマーのアルゴリズムはJavaScriptのsetIntervalを自動的に修正するため、高精度の間隔精度が得られます。 サーバー同期 追加の構成要件なしで、クライアントとサーバーの時刻を自動的に同期。 Tickエンジン Flipの背後にあるTickエンジンは、豊富なカウンターテンプレートの構築と変換構成をサポート。 対応ブラウザは、下記の通りです。 Chrome Firefox Edge Opera Safari 9+ iOS
UI改善にキラリと役立つ！ SVGアニメーションの作り方まとめ - ICS MEDIA
SVGアニメーションを用いると、さまざまなサイズのディスプレイで印象的なマイクロインタラクションを実現できます。マイクロインタラクションの導入によってUI改善に役立てているケースもあるでしょう（参考「SVGで始めるマイクロインタラクション入門」）。SVGでアニメーションを実装するには、CSSを使う方法、JavaScriptを使う方法、動画作成ソフトを使う方法等、さまざまなアプローチがあります。 今回は、コーダー、フロントエンドエンジニア、デザイナーの分野別のSVGアニメーションのアプローチ方法を挙げ、その特徴と具体的な実装方法について紹介します。 CSSでSVGアニメーションを実現する方法（コーダー向け） コーダーにオススメするSVGアニメーション実現方法の1つは、CSSプロパティを使う方法です。 SVGはCSSプロパティによってグラフィックの形状を変更できます。たとえば、次のコードでは、
Autoprefixerが進化してCSS GridのIE 11対応がバリ楽になった（2017年〜2018年） - Qiita
CSS Gridは便利なレイアウト手法ですが、IE 11にも対応する場合はベンダープレフィックスの付与や古い記法への対応が必要です。ベンダープレフィックスの付与や古い記法への対応を自動で行うのがAutoprefixerなのですが、2017年から2018年にかけてIE 11向けのGrid対応が大きく向上したことをご存知でしょうか？ 最近のAutoprefixerを使えば、次のようなメリットがあります。 IE 11向けに手動で書いていた-ms-grid-column-span、-ms-grid-row-spanを手動で書かなくてよい IE 11で非対応のgrid-template-areas、grid-areaを変換可能 gap（旧名grid-gap）をIE 11向けに書き出し可能 repeat()をIE 11向けの旧仕様で出力可能 ▲ AutoprefixerによるCSS GridのIE 1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Slant - 8 Best CSS minifiers as of 2024
誰がどう見てもそうとしか受け取れない文書術（公開版）
プロキシを利用しているWindows 10環境のVPNに問題、インターネットに接続できなくなる／「Microsoft Teams」「Office365」などに影響。4月初旬までに定例外アップデートで対処
sedが奏でるプレリュード | スラド IT
A11Y Style Guide
保護者の無料相談窓口「カタリバ相談チャット」
みらいの食券｜飲食店のスマホ回数券発行サービス
Click SVG Element To Focus (and Style) | CSS-Tricks