おひさしぶりです🔅 最近は週末プロジェクトでアプリを2つリリースしようと動いていたり、一人暮らしを始めたり、バタバタした日々を過ごしておりました.... （toCサービス好きな人、一緒に週末プロジェクトやりませんか・・笑 週末プロジェクトはなかなか難しい....） 先日こんなイベントがあり、他社のサービスのFigmaファイルを見る機会が...！そして、Twitterなどで各社、各サービスがFigmaデータやDesign Systemをオープンにしているのを最近ちらほら見かけますよね...！ 私がUIを勉強し始めた時は、Apple社が提唱するHuman Interface GuidelinesやGoogle社が提唱するMaterial designなどのUI設計の原則を定めたガイドラインを読んだり、本やnoteを読んだり、AppleやGoogle社が開発するアプリを中心にトレースしたり..

UIデザインやワイヤーフレームの作成に便利なデザインツールがほしいと思ったことはありませんか？Adobe XDやSketchなどがメジャーなところですが、他にもインターフェースがわかりやすく、操作性と利便性の高いツールがいくつかあります。 今回紹介する「Figma（フィグマ）」は、それらに引けを取らず、さらに便利な機能も備えたツールです。Figmaがどのように役立つものなのか、使い方を初心者にもわかりやすいようにシンプルにまとめました。 ▼ディレクターとデザイナーで読みたい資料 マーケ思考のデザイナーは強い！ 提案型デザイナーのススメ リード獲得が重視される「広告・LP・サービスサイト」などに携わるデザイナーの皆様に向けての資料です。成果を出すデザインにするために心がけたいポイントを制作前、制作中、提出と修正、公開後の効果検証まで一連の流れに沿ってまとめています。 Figma（フィグマ）と

Identifyコマンドで、画像の幅と高さのピクセル数を取得できます。 C:¥>identify -format "%w %h" a.jpg 3504 2336 複数画像を一気に調べることも可能。 C:¥>identify -format "%w %h¥n" a.jpg b.jpg 3504 2336 3504 2336 さて、次はJScript/WSHでこれをやってみるのだ！ 参考： http://www.imagemagick.org/Usage/basics/#identify

There are copious amounts of extra data associated with images (metadata), beyond the actual image pixels. This metadata can be useful, either for display, or for various calculations, or in modifying the behavior of later image processing operations. You can utilize percent escapes in a number of options, for example in -format or in montage -label, to print various properties and other settings

皆様こんにちは。 基礎編の更新がご無沙汰になってしまっておりまして申し訳ないです。 本日はImagemagickで画像の各種情報を取得する方法、そして、それらをプログラミング上で利用する方法について書いてみたいと思います。 使用画像 ) in.png (4000 x 4000 pixel) 1. 画像の基本情報を取得する 画像のサイズやファイル形式など、画像の基本情報のみを取得したい場合には、以下のように単純に identifyコマンドを使用します。 identify in.png 実行結果 ) in.png PNG 4000x4000 4000x4000+0+0 8-bit sRGB 9392950B 0.000u 0:00.000 実行すると上記のようにスペース区切りで画像情報が出力されます。 出力されている画像情報は以下の通りです。 [ファイル名]　[ファイル形式]　[サイズ(pix

BusyBox for Windows BusyBox is a single binary that contains many common Unix tools. It's often found in embedded Linux systems like routers, in Android smartphones, in Linux containers and anywhere else it would be handy to have a compact set of Unix command line tools. busybox-w32 is a port of BusyBox to the Microsoft Windows WIN32 API. It brings a subset of the functionality of BusyBox to Windo

(2018/11/17更新) 記事公開から3年経過し、WindowsにおけるLinuxコマンドの扱いについて取り巻く環境が変化してきたため内容をアップデートしました。合わせてWindows上でシェルスクリプトを実行するためのTipsも追加。 前置き Linuxなどの環境を使いはじめて慣れてくると、シェルや各種Unix系コマンドの使いやすさが手放せなくなってきます。そんなときにWindowsでデータの編集や解析などを行おうとすると、大変不便に感じてしまいます。 Windowsにも元々コマンドプロンプトや、PowerShellといった環境はあります。しかしこれらを駆使してLinuxと同等のことがしたい、と思ったものの挫折した経験を持たれている方は少なくないのではないでしょうか。（私の場合は、コマンドプロンプトやバッチファイルの貧弱さではどうしようもなく。PowerShellは学習コストが高そう

ffmpegを使ったことがなかったので、今回はWindows10にffmpegの環境構築をやっていきます。 では始めます。 １：ffmpegをダウンロードする ffmpeg.org 公式ページにアクセスして「Download」ボタンをクリックします。 画面左下にあるOS選択画面からWindowsを選択します。 「Windows EXE Files」という項目が表示されるのでクリックします。 広告が色々出てくるダウンロード画面が表示されますが、必要なのは赤枠部分だけです。 Versionは、上が最新版、下が安定版です。 Architectureは、32bitか64bitを選択します。 Linkingは、Staticで良いと思います。 今回は以下のように「安定版64bitのStatic」にして「Download Build」ボタンをクリックしてダウンロードします。 これでzipファイルがダウン

# タブで複数のCSVを一元管理 ファイルのドラッグ＆ドロップにも対応し、 複数のファイルをまとめて開けます。 # 文字コード・改行コードの変換に対応 ShiftJIS や UTF-8 をはじめとした、 様々なエンコーディングに対応。 改行コードの変更も簡単に行なえます。 # 区切り文字の指定が可能 .csv はもちろん、 .tsv 形式のファイルにも対応。 「カンマ区切り」や「タブ区切り」のほか、「|（パイプ）」「★」など任意の区切り文字を指定できます。

Power Automate Desktopが無料で利用可能に ただし、用語の使い方には混乱もある 3月にWindows 10で「Power Automate Desktop」（以下、PADと略す）が、無料で利用できるようになることが発表された。PADは、ローカルコンピューターの上で動作する、アプリケーション操作の自動化ツールである。簡単に言えば、ユーザーが手で操作しているWindowsアプリケーションやウェブブラウザーを自動で操作するためのツールだ。 基本的には、アプリなどを操作するための「フロー」を作成し、これを実行することで自動化できる。プログラミング経験のある人向けにいえば、「Excelマクロ」や「GUI版のBatchファイル」であり、フローはスクリプト言語である。 一応、プログラミングの知識がなくても、人がする操作を記録して「フロー」と呼ばれるプログラム（スクリプト、あるいはマク

1. テキストをワンクリックで翻訳Screenshot: 酒井麻里子 via OneNoteノート内のテキストは、外部サイトを使うことなく簡単に翻訳が可能。 翻訳したい箇所を選択した後、「校閲」タブの「翻訳」ボタンから「選択した文字列の翻訳」をクリック。右側にウィンドウが開き、翻訳結果が表示されます。 言語はドロップダウンリストから変更でき、「挿入」をクリックすれば現在のマウスカーソルの位置に翻訳結果を挿入できます。 なお、無料の「OneNote for Windows 10」や「OneNote for Mac」の場合は、「表示」タブ内に翻訳ボタンがあります。こちらのバージョンでは選択部分の翻訳に加えて、ページ全体を翻訳することも可能です。 2. 画像を固定して上から文字を書くScreenshot: 酒井麻里子 via OneNoteOneNoteに画像を挿入し、その上に手書き入力モードで

ペーパーレス化の波に乗って、PDFの注釈機能を利用するケースが増えている。これまでであればPDFをいったん印刷したのち手書きで注釈を入れ、スキャンして相手に送り返していたのが、PDFの注釈機能を使って画面上で直接コメントを書き入れてしまおうというわけだ。Adobe Readerでもノート注釈やテキストのハイライト表示といった注釈機能が利用できるようになったことで、誰でも手軽に使えるようになりつつある。 もっとも、いざPDFの注釈機能を使おうとした際、ネックになることがひとつある。それは注釈に表示される「作成者」の名前だ。「作成者」に使われる名前は、WindowsではPCのログイン名がデフォルトに設定されているので、他人に見せるにはふさわしくない名前が表示されることもしばしばだ。しかも環境設定の項目を見ても、この名前はグレーアウトしているので、どこで書き換えればよいのか分かりにくい。 注釈に

ExcelのPythonJupyter Notebook JupyterをMicrosoftExcelに埋め込み、VBAの代わりにPythonを記述します 以前は、ExcelとPython JupyterNotebooksの間の「どちらか/または」の選択でした。PyXLL-Jupyterパッケージの導入により、両方を並べて使用できるようになりました。 この記事では、Excel内で実行されるJupyterNotebookをセットアップする方法を紹介します。2つの間でデータを共有し、ExcelワークブックからJupyterノートブックに記述されたPython関数を呼び出すこともできます。 入門 まず、ExcelでPythonコードを実行するには、PyXLLアドインが必要です。PyXLLアドインを使用すると、PythonをExcelに統合し、VBAの代わりにPythonを使用できます。PyXLL

以前当ブログで紹介した時からずっと愛用しているEagleがver.2に神アップデートしたので、改めて紹介したいと思います。 簡単に言うと、フォント（ttf,otf,ttc,woffも）、画像（jpg,png,gif,svg,webpはもちろん、raw,psd,ai,xd,sketch,clipも）、動画、音声、PDFやテキストも管理でき、タグ付けやフォルダ分けやカラーフィルターなどで整理も簡単できるアプリです。 Windows, macOS（M1対応）に対応したアプリで、1ライセンスで2つ使用でき、サブスクではなく買い切り、しかもバージョンアップの追加料金なしです。 ver.2が先日リリースされ、ver.1の人は無料でアップデートできます！ Eagle Eagleとは Eagle ver.2の神アップデート Eagleのダウンロード・インストール Eagleの使い方 Eagleとは Eag

はじめに こんにちは。最近は在宅勤務が多く、我が家の自動化部隊・ルンバ氏を動かすタイミングを逃し続けているkameです。今回は誰でも日常業務に取り入れやすい軽～～い自動化ツールの紹介をしていこうと思います。 今回自動化したい定型業務 現在私は週2回社内の会議の運営をしており、それぞれ開催前に毎回下記のタスクをこなしています。 ・SharePointに会議フォルダを作成 ・会議フォルダ内に発表用パワーポイントのテンプレをコピー ・Slackで開催日時・開催場所を参加者に連絡 やることが…（地味に）多い…!! SharePoint内のファイルのコピペ、めちゃくちゃ面倒に感じるのは私だけでしょうか。全部やっても長くて15分。しかし自分にとって面倒な作業なので、結構ストレスがかかります。 Power Automateで自動化してみた ということで、自動化してみました。今回はSharePointやS