Figmaで無料で利用できるWebサイトやスマホアプリのUI用のデザインシステムを紹介します。UIコンポーネント、カラー、アイコン、タイポグラフィなどがまとめられており、すぐにFigmaで利用できます。 Design Systems for Figma ※画像は、クックパッドのデザインシステム Design Systems for Figmaには日本のサイトをはじめ、海外のサイトのデザインシステムがまとめられています。 サイトの利用は簡単で、登録など面倒なことは一切不要です。

Invoke-WebRequest https://github.com/Windos/BurntToast/raw/main/BurntToast/lib/Microsoft.Windows.SDK.NET/WinRT.Runtime.dll -OutFile WinRT.Runtime.dll Add-Type -Path WinRT.Runtime.dll Invoke-WebRequest https://github.com/Windos/BurntToast/raw/main/BurntToast/lib/Microsoft.Windows.SDK.NET/Microsoft.Windows.SDK.NET.dll -OutFile Microsoft.Windows.SDK.NET.dll Add-Type -Path Microsoft.Windows.SDK.NET.dl

. So, after months of toiling over the right approach, we shipped dark mode in May. Product Manager Jacob Miller and Product Designer Ryhan Hassan detailed the product and design challenges of implementing dark mode at Config 2022, our annual conference. Not only did dark mode surface thorny UI questions—which Jacob and Ryhan talked all about—it required a significant engineering lift. As they sai

2022年7月27日にFigma Japan Community Event「Figmaの活用策をシェアしよう！」でLTを行いましたので、その発表内容を公開します。 以下、書き起こし内容です👇 たまい（@tmi_1064）です。現在はクックパッドにてレシピサービスアプリの体験設計・UIデザインに取り組んでいます。 クックパッドのデザイン体制現在クックパッドでは、「毎日の料理を楽しみにする」ことを目標に料理に関する課題を解決できるプロダクトを3部署、合計9人のデザイナー体制で開発しています。 1サービスにこれだけのデザイナーが関わるとなると、様々な課題が出てきてしまいます。 今回はそんな課題に対してどんな方法で解決したかをいくつかご紹介させていただきます。 課題1：施策/デザイナーが複数関係していてトンマナ管理・仕様の把握が大変まず1つ目は「施策/デザイナーが複数関係していてトンマナ管理・

youtube-dlの開発が止まっておりfork版のyt-dlpに移る事にした。yt-dlpはyoutube-dlのforkであるyoutube-dlcのそのまたforkになる。オリジナルであるyoutube-dlのオプション解説はyoutube-dl オプション一覧及びそのメモ。 2022/06/19更新 2022/09/06更新 OPTIONS -h, --helpヘルプを表示する。 --versionプログラムのVerを表示する。 -U, --update --no-update (default)プログラムのupdateを実行するかどうか。 -i, --ignore-errorsダウンロードエラーを無視する。プレイリストごとダウンロードするような時に使う。エラーで失敗してもダウンロードは成功したとみなされる。 --no-abort-on-error (default) --abor

概要 ※最近はyoutube-dlに速度制限をかけているサイトが多いのでこちらのyoutube-dlフォークが使われることが多いようです。コマンドはyoutube-dlをフォーク名に置き換えるだけでそのまま使えます。 他のサイトは「youtube-dl -u ユーザー名 -p パスワード 対象URL」とかでいけるのに一部のサイトだけログインできない場合、クッキーを使わないとだめなようです。 だいたい下記のようなエラーが出ている時にこまることが多いはず。 [サイト名] Downloading login page [サイト名] Looking up account info WARNING: Unable to look up account info: HTTP Error 404: Not Found [サイト名] 動画ID: Downloading webpage ERROR: Joi

ずっと詰まっていたこと .wslconfigが適用されない。配置場所もファイル名も記述内容もバージョンも正しいはずなのに。 .wslconfigとは WSL2を使用するときにメモリの使用量やらなんやら色々設定するファイル。 何が設定できるのかはMSのドキュメントを見に行ってください。 必要な環境 windows10 Home バージョン2004 (OSビルド19041) 以降 何らかのLinuxディストリビューション 私の環境 windows10 Home バージョン21H2 (OSビルド19044.1387) MSストアのUbuntu(Ubuntu 20.04 LTS) .wslconfigの作成方法 %UserProfile% に .wslconfig というファイルを作成する。 私はメモリの枯渇を止めたかったので次のように記述。 以下を参考に。 しかし、うまく適用されなかった。 結論

現在のバージョンのSkypeでは本記事の方法が使えなくなったので、新しい方法を下記で紹介しています。 Skypeをインストールすると右クリックメニューに「Skypeで共有」が追加されます。 Skypeでファイルを共有することがない人にとっては誤操作の元なので、正直ちょっと邪魔ですよね… ここでは、Skype自体はインストールしたまま、右クリックメニューから「Skypeで共有」を削除する方法を紹介します。（Windows10 2021年1月時点） ※レジストリというWindowsの設定情報を変更します。簡単な操作ですが、万一、誤った内容で変更すると最悪Windowsが起動しなくなることもありますので、作業する場合はご注意ください。 右クリックメニュー「Skypeで共有」を削除する手順以下のどちらかの方法で「レジストリエディター」を起動する。 アプリ起動時に「ユーザーアカウント制御」の確認ダイ

WSL2（Windows Subsystem for Linux 2）では、仮想マシンを使ってLinux環境を実現している。そのネイティブファイルシステムは、仮想ハードディスクファイル上にある。「ext4.vhdx」と呼ばれるこのファイルは、容量可変形式で作られ、最大容量は256GBに指定されている。この値は固定値なので、場合によっては足りなくなることがある。今回はこの容量を拡大する方法を解説しよう WSL2ではディストリビューションのインストール時に容量可変の仮想ハードディスクファイルにext4ファイルシステムを作る。このときの容量は256GB固定だ 仮想ハードディスクファイルの最大容量を拡大する 仮想ハードディスクファイルには一般に「容量可変」と「容量固定」の2タイプがあるが、通常は利用した分だけ記憶容量を消費する、容量可変を用いるケースが多い。容量可変の仮想ハードディスクファイルでは

Windows でサポートされていない Linux ディスク フォーマットにアクセスする必要がある場合は、WSL 2 を使用してディスクをマウントし、そのコンテンツにアクセスすることができます。 このチュートリアルでは、WSL 2 にアタッチするディスクとパーティションを識別する手順、それらをマウントする方法、それらにアクセスする方法について説明します。 外部ドライブを接続していて、これらのマウント手順で成功しない場合は、「USB デバイスを接続する」場合の手順を試してみてください。 現在 wsl --mount コマンドは、USB、フラッシュ ドライブ、SD カード リーダーをサポートしていません (この問題の詳細については、こちらを参照してください)。 Note WSL 2 にディスクをアタッチするには、管理者アクセス権が必要です。 WSL 2 の mount コマンドでは、現在使用さ

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 1. はじめに 普段、ディープラーニング関係はPyCharm上で、csvファイルのデータの集計などはJuypter Notebook上で今までほぼ不自由なく、仮想環境のことなどはあまり深く考えず使ってきたのですが、Jupyter Notebook上でもtensorflowを使ってみようと思い、色々調べたことをメモしておきます。 OSはWindowsです。 Anacondaはインストール済みという前提です。 間違いや追記したほうがいい内容があればご指摘いただければ幸いです。 2. Anacondaプロンプト Anacondaをインストール

はじめに Python + Selenium + Chrome で、要素の取得、クリックなどの UI系の操作、待機、ページ全体のスクリーンショットなど、一通り試してみます。 PhantomJS はもう更新されないということなので、ブラウザは Chrome にします。 この記事には、Selenium の API に関する情報と Chrome に特化した情報がありますが、前者の Selenium の使い方に関する情報は Firefox など別のブラウザでも使えます。 注意事項 ウェブの自動テストやスクレイピングで使われる技術です。特にスクレイピングでは、著作権の問題や、サーバー側の負荷、各種規約（会員としてログインする場合の会員規約等）やマナーなどを考慮する必要があります。 たとえば、Twitter など利用規約で明示的にスクレイピングが禁止されていることや、robot.txt などでクローリ

Seleniumでボタンがクリックできないです。 Selenium3で自動化をするためにJavaで記載しているのですが、 以下HTMLで記述されたボタンがクリックできず困っています。 Seleniumでボタンがクリックできないです。 Selenium3で自動化をするためにJavaで記載しているのですが、 以下HTMLで記述されたボタンがクリックできず困っています。 どのような記述をすればボタンがクリックできるでしょうか？ ●環境 FireFox ●記述Java driver.findElement(By.className("btn action small colored right")).click(); ●該当HTML <td> <a href="javascript:void(0)" class="btn action small colored right" data-bind=

PythonのSeleniumでボタン要素を.click()しようとして、こんな↓エラーが出てしまいどうしてもクリックできないことがありました。 Traceback (most recent call last): File "test.py", line 277, in <module> tester = Tester() ・・・省略・・・ File "/usr/local/lib/python3.8/site-packages/selenium/webdriver/remote/webelement.py", line 80, in click self._execute(Command.CLICK_ELEMENT) File "/usr/local/lib/python3.8/site-packages/selenium/webdriver/remote/webelement.py"

本ブログを運営しているTech Teacherは、 プログラミング家庭教師サービスを運営しています。 完全マンツーマン・フルオーダーメイドで あなたが必要な指導を提供します。 datetimeモジュールについて 「datetimeモジュール」とは、Pythonで日付や時刻に対してさまざまな操作をすることができるモジュールで、現在の時刻の取得から日時の計算、指定した形式での表示などを行うことができますよ。 datetimeモジュールのオブジェクトは以下の通りです。 datetime：日付と時刻を扱う date：日付を扱う time：時刻を扱う timedelta：時間差を扱う ここで、モジュール・オブジェクト・メソッドの関係性を紹介します。

Windows Terminal に Anaconda Powershell Prompt を追加するには？PythonPowerShellAnacondaMinicondaWindowsTerminal あらすじ Windows 10で、Windows TerminalにAnaconda PowerShell Promptを追加する話です。 検索してもAnaconda Promptを追加できるものしか見つからなかったので、この記事を書きました。 ※Jsonファイルによる設定だけでなく、GUI設定ができるようになったので、追記しました。 イントロ [Anaconda](https://docs.conda.io/projects/conda/en/latest/glossary.html## イントロ 長いことCondaに触れている人なら、誰しも最新の環境で利用したいと願っていることでしょ

Windows StoreからインストールできるWSL2のUbuntuおよび、Docker Desktop WSL2 Backendのイメージ格納先がデフォルトではCドライブに格納される。 Cドライブに必要最低限なSSD、Dドライブに大容量HDDを割り当てているため、Cドライブが枯渇するためDドライブに移動させたい。 ここでは、WSL2のUbuntuと、Docker Desktop WSL2 Backendのインストールフォルダ変更についての調査・確認結果を記す。