はじめに なにやら最近人気らしく、自分も早速入れて使ってみました。 これが思ったより快適で既存の便利系ツールを置き換える形になりました。 ただ、調べたところ日本語による基本的な使い方の文献があまりない状況です。 せっかく良いツールなので皆さんにも使ってもらいたいなーと思い、使い方を書くことにしました。 概要 Raycastとは： 無料のランチャーツール Raycastの良さ： UI/UXが快適 機能がコンパクトにまとまっている 各機能にショートカットが割り当てられる extensionsで機能の追加ができる 設定がImport/Exportできる Raycastとは ランチャーツールです。類似サービスはMac標準のSpotlightや有名どころだとAlfredがあります。 ショートカットキーを押下してファイル検索など様々なコマンドが実行できるツールですね。 Raycastの良さ とにかく体

Appwriteはセルフホスト可能なオープンソースのFirebase代替BaaSプラットフォームです。WebアプリだけでなくFlutterを利用したiOS/Androidのアプリ開発にも対応しています。 ドキュメントの保存やアクセス制御の管理、ユーザーの認証や管理、アプリやユーザーのファイルアップロード/ダウンロード/プレビュー、GEOやローカライゼーション、APIの使用状況追跡とリソース管理、バックエンドAPIの利用状況を視認できるコンソールなどなど開発をサポートしてくれる様々な機能を持っています。 Firebaseはアプリ開発者にとって重要なツールですが、重要であるほどGoogleの管理下である事に不安を抱く方も少なくないでしょう。AppwriteのようなOSS代替への移行も常に視野に入れておくのは一つのリスク管理と言えるかもしれません。ライセンスはBSD3条項との事です。 Appwr

HTML, CSS, JavaScriptをはじめとしたさまざまな言語に対応、クラウドでの同期機能も備えたオープンソースのコードスニペットマネージャー「massCode」がv3に神アップデートされたので、改めて紹介します。 macOS, Windows, Linux対応、日本語の入力など日本語環境も完全サポート。クラウドで同期できるので、すべての環境で同じコードスニペットを使用できます。 非常に快適で高速に動作し、VS Codeとの連携でさらに便利になっています！ massCode massCode -GitHub massCodeの特徴 massCodeのダウンロードとインストール massCodeの使い方 massCodeの特徴 massCodeは、デベロッパー向けのコードスニペットマネージャーです。ライセンスはGNUで、オープンソースなので商用でも無料で利用できます。 macOS 1

Get started Start by creating your first app. Go deeper with our training courses or explore app development on your own.

AVIFファイルをJEPGやPNGへ/画像ファイルをAVIFへ変換できるMacアプリ「AVIF Converter」がリリースされています。詳細は以下から。 AVIF (AV1 Image File Format)はAmazonやNetflix、Cisco, Googleなどが設立したAlliance for Open Mediaが開発するロイヤリティフリーで圧縮率の高い画像フォーマットで、AmazonやNetflixなど動画配信プラットフォームが積極的に採用していますが、このAVIFファイルの画像をJPEGやPNGファイルへ、または他の画像フォーマットをAVIFファイルへ変換してくれるMacアプリ「AVIF Converter」が新たにリリースされています。 AVIF Converterを開発＆公開したのは「Image Tool+」や「WebP Converter」を開発したReiji

Webページのレスポンシブの確認が簡単にできる、新しい無料アプリがリリースされました！ iPhone, Android, Pixelのスマホをはじめ、タブレット、ラップトップ、ワイドスクリーンなどのサイズでWebページを表示して確認ができます。 Windows, macOS, Linux対応のアプリで、しかもオープンソースです！ Responsivize Responsivize -GitHub Responsivizeの特徴 Responsivizeのダウンロード Responsivizeの使い方 Responsivizeの特徴 Responsivizeは、レスポンシブ対応のWebページをさまざまなデバイスのサイズで確認できる便利ツールです！ 当方の日本語環境（M1 Mac, Windows10）で問題なく動作しました。 Responsivize レスポンシブWebサイトの確認が簡単にで

デスクトップ上にカメラからの映像を表示しながら注釈や描画を行うことができるMac＆Windows対応のスクリーンレコーディングアプリ「TapeX」がリリースされています。詳細は以下から。 TapeXはWalmart傘下の通販サイトJetのエンジニアのAnton Bacajさんが開発＆公開したスクリーンレコーディングアプリで、Mac/PCに接続されたWebカメラとマイクからの映像と音声をデスクトップ上に表示/出力しながら、リモート会議や配信用動画の画面収録を行うことができます。 Record, Annotate and Draw on your desktop screen with TapeX.TapeX is a free to use desktop screen recorder for Mac and Windows. Record, Annotate and Draw on yo

AdobeのCreative Cloudアプリのコンプリートプランをサブスクすると、かなりお金がかかります。 さまざまなフォーマットで大量のメディアを制作しない限り、（この記事の執筆時点で）月額53ドル（日本では6248 円）も支払うのはニーズの割に高過ぎるかもしれません。 もちろん、単体プランをサブスクすることもできますが、それでも、写真／ビデオ／オーディオ／印刷ページなどを編集するために、一般的な音楽ストリーミングのサブスクよりかなり高い金額を支払うことになります。 さらに、年間プランを途中でキャンセルするとキャンセル料が発生して、思わぬ打撃を受けることになるかもしれません。 「Adobeが嫌い」というわけではなくても、コストが安い／無料、またはAdobeの一部のアプリほどかさばらない代替品を探しているなら、私におまかせください。 たとえば、Photoshopに勝るものはありませんが、

ブラウザに表示されたWebページはもちろん、Photoshop, Illustratorをはじめとするすべてのアプリからカラーをすくうことができる、シンプルで使いやすい高性能なカラーピッカーを紹介します。 macOS対応のアプリで、オープンソースなので商用でも無料で利用できます。 カラー値は、HEX、RGB、HSB、HSLに対応。 ネイティブで非常に高速 macOS 10.15 Catalina以降対応のアプリです。 アクセシビリティ重視 カラーを比較して、WCAGへの準拠をすばやく確認できます。 コンパクト メニューバーに対応、必要のないときに邪魔になりません。 ログイン時に起動 設定からログイン時に起動を選択、いつでもクリックまたはショートカットでアクセスできます。 アクセスが簡単 設定からグローバルホットキーを設定できます（⇧⌘Dがお勧め）。 カラーのフォーマット HEX、RGB、H

ここ数年、PWA（プログレッシブウェブアプリ）が非常に注目されています。通常のWebページとスマホアプリそれぞれの利点を兼ね備えており、導入したサイトではコンバージョンやユーザーエクスペリエンスの改善が大きく見込めます。 WebサイトをPWAにする手順とその必要性を紹介します。 Turn Your Website into a PWA by Luca Spezzano 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 PWA（プログレッシブウェブアプリ）とは なぜPWAを構築する必要があるのですか？ すでにPWAを採用しているのはどこですか？ PWAを作成する時に必要なもの Web App Manifest Service Worker PWAを5分で構築しよう 静的キャッシュ 動的キャッシュ 静的と動的のどちらを使用すべきですか

1Password v7 for Macでスタンドアロン・ライセンスを購入する方法です。詳細は以下から。 カナダのAgileBits Inc.は本日、パスワード管理アプリ「1Password v7.0 for Mac」をMac App Storeおよび公式サイトで正式にリリースしましたが、今回のバージョンからMac App Storeではサブスクリプション版のみを扱うことになった[*1]ため、 *1 : AgileBitsはMac App Storeの1Password v7 for Macがサブスクリプション版になった理由の1つに、AppleがPaid upgrade機能を提供していないためとコメントしています。 スタンドアロン版を利用したい方からどこで購入したらいいかわからないというコメントを頂きましたが、スタンドアロン版はv7でも公式サイト版で購入できるようになっています。 スタンド

Write overviews of systems including concepts, terminology definitions and description of how these concepts work together. Having a 'living document' to help drive dialogue and exchange of ideas through collaboration helps this process significantly. Organize your dev team's sprint backlog and visualize them with status, assignees, reviewers, due date and everything you need. Reduce repeated prog

The fastest way to develop beautiful HTML5 hybrid and mobile web apps Experience streamlined development with zero-time setup, using the technologies you already know and love - Javascript, HTML and CSS. Native look and feel with lots of ready-to-use components and automatic styling A rich variety of UI components specially designed for mobile apps. Onsen UI provides tabs, side menu, stack navigat

シンプルなUIなのに、非常に多機能で便利なSVGアイコンの管理・作成・コード変換ができるOS X用の無料ツールを紹介します。 SVGアイコンに関するほとんどのことがこれ一つでできてしまいます。 Svgsus まずは、初期状態。 デフォルトで登録されているSVGアイコンは無料で利用でき、カテゴリやキーワードで目的のアイコンを見つけることができます。