チャット形式でプログラミングが可能なローカルで動作するオープンソースなAIツール「Open Interpreter」を使ってみた
OpenAIが開発したプラグイン「Code Interpreter」を使用すると、ChatGPTにプログラミングのコードを生成してもらうことが可能ですが、インターネットに接続できないのに加え、使用できるパッケージやアップロードの容量、実行時間などに制限があります。「Open Interpreter」はローカルで動作することでそうした制限を突破し、柔軟にさまざまなプログラムを生成・実行してくれるオープンソースなAIツールとのことなので、実際に使って試してみました。 KillianLucas/open-interpreter: OpenAI's Code Interpreter in your terminal, running locally https://github.com/KillianLucas/open-interpreter/blob/main/docs/README_JA.m
PWA製のウェブアプリをGoogle PlayやApp Storeなどのストアで配布できる形式に一発で変換してくれるツール「PWABuilder」
ホーム画面へのアイコンの表示や、オフラインでの利用、プッシュ通知の送信などモバイルアプリでは一般的な動作をウェブアプリでも行えるようにする技術がPWA(Progressive Web App)です。ブラウザ経由で配布できることもPWAの強みの一つではあるのですが、まだまだ「アプリはアプリストアから入れるもの」という認識は強いもの。「PWABuilder」は、Google PlayやApp Storeなどのアプリストアへアップロード可能な形式への変換を一発で行ってくれる便利なツールとのことなので、早速使い勝手を試してみました。 PWABuilder https://www.pwabuilder.com/ 既にPWA製のウェブアプリを作成済みの場合、そのアプリのURLを公式サイトに入力して「Start」をクリックするだけでOK。 すると自動でアプリの情報が読み込まれます。右にある「Packag
画像圧縮ツール あっしゅくま
「あっしゅくま」はJPEGやPNGの画像を軽量化するブラウザ上で使えるフリーの画像圧縮ツールです。ローカルで圧縮するためオフラインで通信容量やプライバシーを気にする方にもおすすめ。複数の画像を一括で圧縮・リサイズ。無劣化圧縮、非可逆圧縮などの圧縮の強さの調整も簡単。
Web制作のお供に！最新オンライン時短ツール32個まとめ
Web制作のお供に！最新オンライン時短ツール32個まとめ これから使いたい、あまり知られていない便利ツールが大集合 Web制作の効率化を図りたいというひとにオススメしたい、最新オンライン時短ツールをまとめてご紹介します。 「もっと早く知りたかった」と思ってしまう、便利なツールを中心に、クリエイターの日々のデザイン業務を軽減してくれる、目からウロコな素材やツールが揃います。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. デザインツール 2. Webデザイン便利ツール 3. モックアップ・UIツール 4. アイコンツール 5. クリエイティブ・面白ツール Web制作の効率、生産性アップ！話題の最新オンラインツールまとめ デザインツール Womp 3D 立体感たっぷりな3Dデザインを、ブラウザ上で直感的に作成できる、新世代のオンラインツー
JSON Crack | Transform your data into interactive graphs
Explore Your Data VisuallyAll in one tool for JSON, YAML, CSV, XML, and TOML. Formatter, validator, visualizer, and editor. VisualizerTransform your data into interactive graphs or trees as you type. Supports JSON, YAML, CSV, XML, and TOML. ConvertConvert JSON to CSV, YAML to JSON, XML to JSON, and more. Our JSON converter supports multiple formats for easy data exchange.
グラデーション付き影をコピペ作成 CSS Shadow Gradients とおすすめツール
グラデーションは鮮やかな配色や動く流体Blobシェイプなど、さまざまな方法や見せ方で見かけるようになっています。 2色の配色によるグラデーションをつかった影、シャドウグラデーション（英: Shadow Gradients）を手軽に作成できるオンラインツール「CSS Shadow Gradients」が公開されています。 CSS Shadow Gradientsで作成したグラデーションは、CSSコードとしてワンクリックでコピー、利用できます。 CSS Shadow Gradients https://alvarotrigo.com/shadow-gradients/ 🧑💻 使いかた CSSグラデーションシャドウは、疑似要素をつかって表現しており、backgroundプロパティにlinear-gradient関数を使うことで、手軽にスタイリングすることができるようになりました。 使いかた
ワクワクが満載！Web制作を変える最新オンラインツール50個まとめ
この記事では、Webデザイン制作がグッと楽になる最新オンラインツール50個をまとめてご紹介します。 ウェブデザインに限らず、グラフィックなどあらゆるクリエイティブな案件、プロジェクトで活躍しそうな新しいツールを中心に揃えています。 これまで面倒だった作業をワンクリックで完了したり、人工知能が自動で行ってくれたりと、より快適にプロジェクトを進めることができる便利ツールが揃います。 自分のワークフローにうまくツールを導入することで、制作時間の短縮につながるだけでなく、ストレス少なく作業を行うことができます。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. CSSツール 2. Web制作便利ツール 3. デザインツール 4. アイコンツール 6. クリエイティブ・面白ツール Web制作の効率、生産性アップ！話題の最新オンラインツールまとめ
Obsidianのここが良い | シゴタノ！
Obsidian: A knowledge base that works on local Markdown files. 最近よく見かけるようになった、単独のページ（独立的なページ）をリンクでつないでいくことが可能なツールです。 Obsidianは、特に以下の特徴を持ちます。 ローカルファイル カスタマイズ 操作性 ウィンドウの分割 ローカルファイル Obsidianは、最近珍しいローカル型のノートアプリです。 つまり、クラウド（サービスのサーバー）にデータを保存するのではなく、自分が使っているパソコン内にデータを保存します。 クラウド型のツールは、ブラウザさえ使えれば、どのような環境でもデータにアクセスできる利便性がある一方、セキュリティーが厳しい作業環境では使えないデメリットがあります。 その点、ローカル型のツールは、端末の制約は受けるものの、ネットに接続しなくても使えるメリットが
JavaScriptツールチェーンをコードで管理できる「Volta 1.0.0」がリリース
Voltaは、JavaScriptツールチェーンをコードで管理できるユーティリティで、Infrastructure as Codeとほぼ同様の方法で、ノード、パッケージマネージャ、パッケージバイナリといったJavaScriptツールの管理が可能になっている。 今回、リリースされた「Volta 1.0.0」では、バージョン0.9.0で追加された、パッケージマネージャを用いてツールを直接インストールする仕組みが拡張されたnpm linkが導入され、異なるnpmバージョン間でもローカルパッケージとリンクできるようになった。また、異なるノードバージョンを使用している2つのプロジェクトをリンクしようとした場合には、非互換性についての警告を発する機能も備えている。 そのほか、パッケージマネージャーがインストールされたパッケージをすべて検出し、最新バージョンへアップグレードする機能も搭載された。 近い将
【2020年版】フロントエンドのおすすめMac無料ツール - Qiita
フロントエンドだけではないかもしれないけど、 エンジニアがおすすめするMac無料ツール2020下半期まとめです。 関係ないけど10人くらいサンタが家に来てくれないかな.... ■ Mac Apps 1. VSCode だいたいのエンジニアがみんな使ってるよね。って思うけど一応記載しときまっす。エディタなんて好みだと思うけどね。 こやつは拡張性高いし必須だと思ってます。 好きなテーマはDraculaです。 2. Draw.io Integration VSCode拡張。Drow.io単体でも使うけど Draw.ioをVSCode内で利用できる。エディタ内でグリグリ製図するの楽しいね。 3. Biscuit アプリ一元管理ツール。 BiscuitにslackとかNotionとかInoreaderを食べさせて便利につかわせていただいております。 Stationよりも使いやすいし動作が軽い。あとロ
もっと早く知りたかった！Web制作に便利な最新オンラインツール46個まとめ
この記事では、日々進化を続けるWeb制作で役立つ、便利な最新オンラインツールをまとめてご紹介しています。 Ai、人工知能を利用した、これまで面倒だった作業を改善できるツールも見かけるように。また、プロトタイプツールFigmaに関する便利なプラグイン、テレワークによるオンラインミーティングで使えるさーびすなども増えています。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. Web制作便利ツール 2. デザインコレクション 3. イラスト系ライブラリ 4. 配色ツール 5. プロトタイプツール 6. アイコンツール 7. コラボ、リモートワークツール 8. 面白、クリエイティブツール Web制作が面白いほどはかどる！便利な最新オンラインツールまとめ Web制作便利ツール Eazy CSS どんなウェブサイトのデザインも、コード知識不要でタ
ちょっとでもセキュリティに自信がないなら、 Firebase Authentication を検討しよう
note のやらかしのあのへんについて。 認証自作、 Rails 、 Devise - Diary パーフェクト Rails 著者が解説する devise の現代的なユーザー認証のモデル構成について - joker1007’s diary 認証サーバーの実装は本質的に難しいです。セキュリティが絡むものは「簡単な実装」などなく、プロアマ個人法人問わず、個人情報を守るという点で、同じ水準を要求されます。悪意あるハッカーは常にカモを探していて、もし認証が破られた場合、自分だけではなく大多数に迷惑が掛かります。初心者だから免責されるといったこともありません。全員が同じ土俵に立たされています。 とはいえ、認証基盤を作らないといろんなサービスが成立しません。そういうときにどうするか。 Firebase Authentication で、タイトルの件なんですが、 Firebase Authenticat
SVGOMG - SVGO's Missing GUI
Global settings Show original Compare gzipped Prettify markup Multipass Number precision Transform precision Features Remove doctype Remove XML instructions Remove comments Remove <metadata> Remove xmlns Remove editor data Clean up attribute whitespace Merge styles Inline styles Minify styles Style to attributes Clean up IDs Remove raster images Remove unused defs Round/rewrite numbers Round/rewri
デザイナーがデザインツールを使わずに、React を使ってデザインした話 | MEDLEY Developer Portal
2020-06-19デザイナーがデザインツールを使わずに、React を使ってデザインした話メドレーのデザイナー酒井です。最近、JobMedleyからCLINICSに異動しました。 自分はデザインはもちろん、HTML/CSS/JS 実装してプルリク送ったりしているちょっとフロントエンド実装領域に軸足が寄ったタイプのデザイナーです。 ここでは以前所属していた JobMedley 事業部の話をさせていただきます。 当時、JobMedley の社内システムのリニューアルプロジェクトにデザイナーとして参加していました。通常、デザイナーがデザインをするときには Skecth や Figma のようなデザインツールを利用するのが一般的かと思います。 弊社でも基本的にはデザインツールでデザインを行うことが多いのですが、プロジェクトによっては、よりリアルなモックアップが必要なため、デザイナー自身がコーディ
PostCSS まとめ - Qiita
僕はPostCSSは開発当初から追いかけていて、GitHubでPostCSSチームのメンバーのひとりだったり、実際にPostCSSを使ってプラグインやツールをいくつか作ったり、ブログや雑誌で記事を書いたり、勉強会等で話したりしています。 本記事では、自分が知っているPostCSSについての事柄を共有します。 PostCSSとは何か PostCSSとは、ロシア人の Andrey Sitnik という人が開発している、Node.js製の「CSSツールを作るためのフレームワーク」です。PostCSS製のツールとして、ベンダープリフィックスを自動で付与する「Autoprefixer」、未来のCSSの構文の一部を今のブラウザで解釈できるようにする「cssnext」、カスタマイズ性に富んでいるCSSリンターである「stylelint」などが有名です。 PostCSSは2018年2月、かなり広く使われて
便利で爆速！ウェブ制作向け最新オンラインツール、無料素材37個まとめ
この記事では、Webデザインやグラフィックデザインの制作スピード、生産性がアップする、便利な最新オンラインツールをまとめてご紹介しています。 カテゴリ分けされたこれらのツールやサービスを利用すれば、面倒な作業をラクにこなし、作業の効率化をアップできるでしょう。「なぜ今まで使っていなかったのか」、そんな気持ちにさせる便利ツールが揃いました。 各ツールはカテゴリごとに整理しています、以下のリストを参考にどうぞ。 コンテンツ目次 1. Web制作便利ツール 2. イラスト系ライブラリ 3. 配色ツール 4. デザインコレクション 5. プロトタイプツール 6. コラボレーションツール 7. 面白、クリエイティブツール Web制作フローが変わる！便利な最新オンラインツールまとめ Web制作便利ツール BrowserFrame 各種ブラウザ付きでスクリーンショットを撮影できるオンラインツール。目的の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Perflink
便利なのが登場！ フロントエンドの開発に役立つ最新ツールがひとまとめに利用できる -HTML＆CSS Code Generator
YouTuberに朗報！ YouTube配信を統合した「OBS Studio 27.1」がリリース／オープンソースで開発されているクロスプラットフォーム対応のビデオ録画・生放送ツール
AsBlocks