先日、gifで動くモックアップ動画を作ってツイッターに投稿した。 ブログ用にApple Motionで画面はめ込みのスクリーンキャストを作ってみた。gif変換はffmpeg pic.twitter.com/oWlkp67ooA— TAKUYA🐾個人開発で食うノウハウを書く (@craftzdog) July 12, 2018 英語でも同様のツイートをしたら以下のような質問が来た。 That looks very smooth. What parameters are you using for ffmpeg? I've tried (and failed) to cook a good gif from a video before.— Jamie Birch (@LinguaBrowse) July 12, 2018 意訳： 「まじヌルヌル動くやん、どうやってんの？俺も前試してんけど無

world-wide holidays in gregorian calender This module provides dates of holidays for various countries, states and regions by type while considering the applicable timezone. The features are: calculation of public, bank and observance holidays for different countries, state, region, following ISO 3166-2 consideration of timezones for holiday checks consideration of start and end time dependent on

Googleは「Dynamic Mail」でGmailとAppSheetの統合を実現。その中身は「AMP email」 Gmailとノーコード開発ツールのAppSheetを統合するというGoogleの発表は、注目度の高いニュースとなりました。この新機能により、Gmailのメールの本文中にAppSheetで開発したアプリケーションを埋め込んで送ることができるようになります。 下記のツイートに埋め込まれた動画では、AppSheetのアプリケーションが埋め込まれたメールを受信し、そのまま操作しているところです。 We’re bringing more flexibility into #GoogleWorkspace by integrating AppSheet into @gmail. This allows anyone to reclaim time with custom, no-co

新フォーマットへの完全切り替えが秒読み Amazon Kindleの新フォーマットへの切り替えがだいぶ進んできているようです。Amazon Kindleは2012年の日本上陸からずっと出版社には「.mobi」形式のファイルの納品を求めてきたのですが、今年の6月あたりから「.epub」形式で納品してAmazon側で変換という形に変わっています。背景にあるのはAmazonが「タイプセッティングの改善」と呼んでいるものへの対応で、これは新しめの本を購入してKindleアプリなどで開いてみれば古いものと明らかに違うユーザーインターフェースで開かれるので区別ができます。つまり今のKindleアプリは新旧の表示エンジンを両方持っているのです。なお聞いた話では現状まだMac版／Windows版は「タイプセッティングの改善」に未対応とのことなのですが、これもおそらくは近々切り替わるのでしょう。先日既存コン

こんにちは、イマジカデジタルスケープの伊藤和博です。 今回は、Photoshop 2021、2021年8月アップデートから新機能で「分割ワープグリッド内の変形」をご紹介します。 ワインボトルやビール瓶のラベル、化粧品の瓶などにデザインを貼る際に使用するワープですが、これまでのワープの操作が新しくなり、周りの面に影響を与えずに、より特定の面のみにワープ修正がかけられるようになりました。 オペレーションも従来のオペレーションから新しく変わりましたので、その辺りの機能をご紹介したいと思います。また、今回のアップデート後、Photoshopにとっては比較的大きな機能削除が行われるようですので、その辺りもこのブログの最後でご紹介したいと思います。 ●さっそくやってみよう！ まずは、最初に何が新しい操作なのかを説明するために、既存のカスタムワープグリッドの操作そのものをご紹介しておきたいと思いますが、

単なるアニメーションにとどまらない！条件分岐やイベント待機など「Tween24.js」の新機能 「Tween24.js」はメソッドチェーンで記述するのが特徴で、たった1行でアニメーションが実装可能なJavaScriptライブラリです。筆者が開発を続けており、今回の2021年8月アップデートでは条件分岐やイベント待機など、アニメーション作成をより柔軟にするための機能追加がメインとなっています。 基本的な使い方や導入方法は、記事「新感覚！メソッドチェーンでアニメーションがスラスラ書ける「Tween24.js」を作りました」をご覧ください。 今回のアップデート内容 新機能：トゥイーンを条件分岐させるifCase() 新機能：イベントを受け取るまで待機するwaitEvent(), waitEventAndFunc() 新機能：途中で次のトゥイーンへ移行するjump() 新機能：親トゥイーンを進める

VS Code の拡張作っている際に CHANGELOG.md が自動生成され、書き方はKeep a Changelogに従えと書かれていたので紹介する。 ここに書かれていることは絶対ではなくただ提案しているだけである。意見がある人は話し合おうという温度感っぽいので、納得いかない場合は issue 立てると良いと思う。 僕自身はなんでもよくてある程度型が欲しかっただけなのでこれからはこれに従って書いていこうと思う。ただまぁ Semantic Versioning もそうだけどちゃんと従おうとすると以上にだるくなってくるので雰囲気従うくらいだと思う。 CHANGELOG の原則 機械的に生成するのではなく人間の手で書く 各セクションへのリンクが容易にできる 1つのバージョンごとに1つのサブセクションを作る リリースは新しいものが上に来るようにする 日付のフォーマットは YYYY-MM-DD

業務の流れを他のメンバーと共有する場合、口頭や手順書での説明が多いかもしれません。しかし業務内容によっては手順書だけだと業務全体が理解できない可能性があります。 そのような場合に使いたいのが、図形で業務や処理の流れを表す「フローチャート（フロー図）」です。 この記事では、フローチャートを作成するメリットや代表的な記号・図形一覧、書き方のポイントなどを解説します。また、フローチャートを作成できるツール4選も紹介します。 フローチャート（フロー図）とは フローチャートとは、プロセスや作業の流れを箱と矢印を使って表現した図のことです。「フロー図」とも呼ばれており、アルゴリズムやプログラムの動きを表現するときに使われます。 フローチャートを書くことで、業務全体の流れを理解でき、取引先やメンバーといった関係者に対して業務内容を説明する際の材料にすることも可能です。 元々はプログラミングの分野で使われ

Vite（ヴィート＝フランス語で「速い」の意味）は2020年に発表された新しいフロントエンドのビルドツールです。 開発者がVue.jsの作者であるEvan You氏であるため、Vue.jsのツールであると誤解されることもありますが、プレーンなJavaScript（バニラJS）からVue.js・React・Svelteといった流行のフレームワークまで、さまざまな環境で利用できる汎用的なツールです。 位置付けとしてはwebpackのようなバンドラーと呼ばれるものに近い存在ですが、それだけではありません。この記事では、Viteを導入してプレーンなJavaScriptから、TypeScript+Vue.js・Reactといったフレームワークまで、快適な開発環境を手に入れる方法を紹介します。 この記事で紹介すること： Viteの特徴と基本の仕組み 基本の使い方 Vite + SCSS Vite +

複数枚の画像や動画をドラッグ&ドロップするだけでSlackやGitHubに投稿可能なAPNGやアニメーションGIFを作成してくれるMac用アプリ「A frames」がリリースされています。詳細は以下から。 A frames(Animated Image Creator)はPhotoプロテクターアプリなどを開発しているTomoya Onishiさんが新たに開発＆公開したAPNG/アニメーションGIF作成アプリで、複数枚の画像か動画ファイルをドラッグ&ドロップするだけでアニメーション画像を生成してくれる機能があります。 A framesはAPNGやGIF作成のための軽量でシンプルなツールです。 APNGかGIFを選択し、複数枚の画像か、動画ファイルをドラッグ＆ドロップすると目的のアニメーション画像が生成されます。SlackやGitHubに投稿すると便利です。 A frames – Mac Ap

CSSのgapプロパティーは余白を指定できる新しめの手法です。余白といえば、marginプロパティーやpaddingプロパティーを思い浮かべる方が多いと思いますが、CSS GridやFlexboxでgapプロパティーを使うと柔軟にレイアウトを組めます。もともとgapプロパティーはCSS Gridでのみ利用できていましたが、macOS Safari 14.1およびSafari on iOS 14.6からFlexboxでもgapプロパティーが使えるようになりました。 この記事ではFlexbox、CSS Gridで利用できるgapプロパティーを活用したレイアウト手法とそのメリットを紹介します。今までmarginプロパティーで要素間の余白を調整していたものもgapプロパティーで柔軟に対応できる場面もあります。なお、下記サンプルでmarginプロパティーは一切使っていません。 サンプルを別ウインドウ