CSS Gridの便利な無料ツールが登場！ レイアウトを確認しながら、コードを生成できる -CSS Grid Generator
最近のWebサイトやスマホアプリでよく使用されるお弁当箱のようなBento UIやカード型、ヘッダ・サイドバー・メイン・フッタなどのレイアウトを確認しながら、CSS Gridのコードを生成できる無料オンラインツールを紹介します。 使い方は非常にシンプルで簡単、生成されるコードもシンプルでさまざまなプロジェクトで利用できます。 CSS Grid Generator Bento UIの実装については、Bento UIとはパネルが伸び縮みしながら配置が入れ替わるお弁当箱みたいなUIをご覧ください。 CSS Grid Generatorは、CSS Gridで実装するレイアウトのコードを簡単に生成できるオンラインツールです。このジェネレーターを使用すると、列数・行数・ギャップサイズを設定し、自由にレイアウトを構築できます。
【乗り換え】Adobeソフトに代わるベストな代替ツールはこれ【早見表つき】
Adobeツールの乗り換えを検討し始めたけど、 「どこで見つければいいの？」「どんなツールを選べば後悔しない？」「代替ツールのいいところって何だろう？」「乗り換えのタイミング今なのか？」「費用の違いはどのくらい？」 普段から利用するツールだからこそ、自分にとって最適なデザインツールを知りたい方向けのリストとなっています。 Adobe Creative Cloudソフトから乗り換えたいと考えているひとへ どんな代替ツールがあるか知りたいひと いろいろツールを見たけどピンとこないひと 自分にあったツールが知りたいひと 代替ツールへの乗り換えで失敗したくないひと 目次Photoshopの代替ソフトIllustratorの代替ソフトPremiere Proの代替ソフトAfter Effectsの代替ソフトAdobe Creative Cloudの代替ツール Photoshopの代替ソフト 1. A
無料でcronの設定を簡単に作成しカレンダーで可視化できる「Cron job editor」 - GIGAZINE
cronはUnix系オペレーティングシステムのジョブ管理ツールで、タスクをスケジュール指定して定期的に実行させることが可能ですが、スケジュール指定の際に使用するcron式をすぐに読み取るのは難しいものです。「Cron job editor」はcron式を人間が読み取りやすいカレンダー形式に可視化してくれるサイトとのことなので、実際にどんな感じで使えるのか確かめてみました。 Cron job editor: multiple cron jobs, calendar view, AWS & Vercel cron support | CronTool https://tool.crontap.com/cronjob-debugger サイトにアクセスすると下図の画面になりました。左上にはUNIX系OSの「crontab」の仕様と、秒・年・ワイルドカードなどを加えた「拡張cron式」の仕様のどち
中級 Vim 操作
この記事は Vim 駅伝 の 06/05 の記事です。 前回の記事は thinca さんによる、 06/03 の「Meguro.vim #23 を開催しました」という記事でした。 次回は 06/07 に投稿される予定です。 はじめに 本記事は以下の記事のオマージュです。 Vim の基本操作のうち、比較的マイナーながら汎用的に使える機能や小技を集めました。プラグインや複雑な設定が必要なものは含まれておらず、いずれも Vim と Neovim の両方で使うことができます。気になったものがあれば使ってみてください。 ノーマルモード編 検索結果を次々と置き換える Vim で文字列置換を行う最も有名な方法は :substitute コマンド （短縮形: :s） ですが、ノーマルモードの cgn というイディオムも便利です。これは c オペレータと gn テキストオブジェクト (:h gn) を組み合
Plinky
Easily save links, enjoy them later Easy to use and free to try. Save articles, videos, social media posts and more. Seamless saving with just one tap Plinky’s share extension lets you save links from any app on your iPhone and iPad. Save links in Chrome, Firefox, Safari with handy browser extensions, or on your Mac using Plinky Mini.
Typescale - Create stunning typography, generate CSS, and find inspiration.
Typescale Save CSS Go Pro Login Typescale New Board My Boards Bookmarks Likes Explore Login Go Pro Support Terms Privacy © Typescale Board Settings Responsive Body size Scale Responsive Min-width Body size Scale Body Font Weight Line-height Letter-spacing Color Background Headings Font Weight Line-height Letter-spacing Color
Postmanを使い始めた時に知っておきたかった地味に便利な機能10選 - Qiita
普段何気に使っているPostman。最近まで「手軽にGUIで疎通を試せて、設定を共有できてべんり〜」くらいで使っていました。 けどふと「実はもっと便利な機能があるのでは？」と思って調べてみたところ、色々出てきたのでせっかくなのでシェアしたいと思います。 たまたまですがちょうど10選！ 地味に便利な機能10選 VSCode拡張 PostmanにはVSCode拡張機能があります。 インストールするだけで、VSCodeのサイドバーから利用可能です。 日本語設定 日本人なので日本語で使いたい。 右上の歯車→Settingsから以下の通り選択することで日本語化が可能です。 変数の定義 複数のAPIで同じ値を使いたい場合があるとします。例えばテスト用のユーザーIDなどです。 Postmanではそんな値をAPIファイルに逐一ハードコードする必要はなく、変数に保存することが可能です。 Postman Ec
最新アップデートでAdobe Firefly の使い方が変わってしまった - Blog 2024/04/05｜CreativeEdge Vlog
先月26日、Adobe FireflyのUIが刷新され、「構成参照（structure reference）」という新機能が搭載されました。 この機能は、アップロードした画像を参照してオブジェクトの位置や大きさなどを生成イメージに反映させることができます。 昨日のライブ配信では、この「構成参照」を取り上げましたが、想像以上に「脱プロンプト」を推し進める実用度の高い機能だということがわかりました。 ［ライブ配信］Creative.Edge Live - 1：新しいAdobe Fireflyの新機能を探求する 詳細はライブ配信のページをご覧ください。 例えば、製品モデルの3DモックアップをFireflyのリファレンスにすると… 無料の3DCGツール「DAZ Studio」を使用以下のように、3D画像とほぼ同じ構図のイメージが生成されます。 Fireflyの生成結果スタイル効果を適用したり、プロ
JSON をプレビューしながら jq のフィルタを書くことができる「jnv」を試してみる
ちなみに jq がインストールされている必要はありません。 jnv does not require users to install jq on their system, because it utilizes j9 Rust bindings. https://github.com/ynqa/jnv#installation JSON navigator and interactive filter leveraging jq Usage: jnv [OPTIONS] [INPUT] Examples: - Read from a file: jnv data.json - Read from standard input: cat data.json | jnv Arguments: [INPUT] Optional path to a JSON file. If not prov
仕事が早い人は使っている最新Web便利ツール34選
「Webサイト制作がもっと楽になる方法ってないの？」 「Web制作の最新ツールを試してみたい」 そんな方へオススしたい、Webデザイン制作に役立つツールや素材をまとめてご紹介します。 「これ、もっと早く知りたかった」と思うような便利ツールを中心にセレクトしています。 2024年のデザイントレンドにもぴったりな新Webテクニックを、次のプロジェクトに活用してみてはいかがでしょう。 一緒に最新デザイン素材やツールも目を通しておくと良いでしょう、特に今回は豊作でした。 コピペ系CSSツール 60 CSS 3D Buttons Free Collection CSSとHTMLのみで作られた3Dボタンと、本物そっくりな見た目の「スキューモーフィック」ボタンのコレクション。クリックするとコピーできます。 275 CSS Gradients Collection 美しいCSSグラデーション250カラーが
特定のページが更新されたら通知する仕組みを作ってみた - Qiita
はじめに RSS対応のサイトだと、更新情報追いやすいけど、RSS非対応のページも追いたいよね。って人向けの記事です。 RSS対応しているサイトなら、RSSリーダーを使った方が早いです また、Discordのチャンネルにも通知がしたかったので、メールとDiscord両方に通知を行っています。 Discord側にWebhook用のURLが必要ですが、本記事では紹介しません 参考サイトのZennの記事が細かく書かれていますので、そちらをご覧ください なお、この仕組みは更新を検知したいサイトに確認リクエストを送ります。 高頻度で設定してしまうと、サーバーに負荷がかかる為、 高頻度での設定はしないようにお願いします 参考サイト 構成図 コードについて(Lambda) コードについては、基本的に、クラスメソッドさんの記事を参考にしています Discordの通知部分については、AmazonBedrock
JISキーボード（日本語配列キーボード）の基礎知識と入力効率アップの小技を解説 | PFU
日本語の文字入力に使用されるキーボードには、大きく分けて日本語配列の「JISキーボード」と英語配列の「USキーボード」があります。 漢字変換をはじめとした日本語入力のしやすさから、日本ではJISキーボードのニーズが高いですが、USキーボードと比べてどのような違いがあるのでしょうか。 本記事では、日本語配列と英語配列の違いやJISキーボードならではの独自キーとその役割、入力効率アップに役立つ小技もあわせてご紹介します。 JISキーボード（日本語配列キーボード）とは JISキーボードとは日本語配列キーボードともよばれ、JIS規格に準拠して作られた日本語配列のキーボードです。 「JIS」とは日本産業規格を指します。規格がないと多様化・複雑化・無秩序化してしまうモノやコトについて、この「規格」を設けることで、互換性の確保や生産効率化などを実現しています。 JISキーボードはQWERTY配列（英字最
Google significantly reduces recaptcha free tier, introduces new pricing models - Byte Pursuits
reCAPTCHA is service from Google that helps protect websites from spam and abuse. A “CAPTCHA” is a turing test to tell human and bots apart. Previously almost free for most sites – the pricing is about to be significantly altered come April 1st 2024. While previously enojoying the high free tier limits of 1mln free assessments per month – which translated to almost universal installation on millio
お気に入りのコマンドラインツールを淡々と紹介する
めちゃくちゃ良い記事でした。 「OSS は使っていることを公言するだけでも貢献になる」と songmu さんが言っていたので、私も貢献したいと思います。 僕も貢献したいのでよく使うコマンドラインツールを紹介していきます。 特定のプログラミング言語等に依存するツールは省いています。 actionlint - GitHub Actions の Workflow ファイルの静的検査 GitHub Actions の Workflow ファイルの静的検査ツールです。 かなり精度が高く、色々な設定ミスを検知してくれます。 エラーメッセージも見やすくて助かります。 aicommits - コミットメッセージを自動生成 変更内容を元に自動でコミットメッセージを AI が生成してくれるツールです。 コミットをする前にちゃんと確認してくれるのも安心感があって良いです。 cLive - ターミナル操作を自動化
無料＆ログイン不要でブラウザやスマホからも電子書籍にアクセスできるEPUBリーダー「Flow」
電子書籍ファイルとして使われることが多いEPUBをブラウザ上やウェブアプリで読むことができるEPUBリーダーの「Flow」は、文章のハイライトやメモ書きができたり細かい読書進度を確認できたりする他、オンラインストレージサービスのDropboxと同期することで複数端末間で書籍を共有しやすくなっています。 Flow - Online EPUB reader https://www.flowoss.com/ 公式ページにアクセスして、「Open App」をクリック。 Flowはブラウザからも使うことができますが、プログレッシブWebアプリとしてインストールすることで、より高速かつオフラインでもアクセスが可能になります。Google ChromeでFlowを開いたら、アドレスバーに表示されるダウンロードボタンをクリックします。 「インストール」をクリック。 Webアプリ版のFlowは以下の画像のよ
【2023年版 優良ツールまとめ】このツールを使っていないエンジニアは人生を悔い改めよ - Qiita
弊社Nucoでは、他にも様々なお役立ち記事を公開しています。よかったら、Organizationのページも覗いてみてください。 また、Nucoでは一緒に働く仲間も募集しています！興味をお持ちいただける方は、こちらまで。 はじめに 本記事は2023年のエンジニア向け生産性向上ツールの紹介記事です。 2022年11月のChatGPTの登場を機に生成AIは急激な進化をみせ、生成AIに関連したツールが次々と登場しています。ソフトバンクグループの社長である孫正義氏が 「ChatGPTを使ってない人は『人生を悔い改めた方がいい』」と発言 するほど、これからは"どのようにAI等のツールを活用するか"が重要となります。強気の発言ではありますが、活用するのか・取り残されるのかという危機感を強く持つべきとの意図であるといえます。 実際、現代ではITツールを使いこなしてるか否かで生産性に明確な違いが現れるように
アドビ、Figmaの買収を断念
米Adobeは12月18日（現地時間）、デザインコラボレーションツールを手掛ける米Figmaの買収を断念すると発表した。同買収については、欧州委員会や英国の競争・市場庁などが懸念を示しており、買収に必要な承認が得られないと判断したことから合併契約の終了を決めたとしている。 Figmaの買収は2022年9月に発表。買収額は200億ドル（当時のレートで約2.9兆円）で、23年内の完了を見込んでいた。この件についてAdobeのシャンタヌ・ナラヤンCEOは、「AdobeとFigmaは、規制上の調査結果に強く同意しませんが、独立して前進することがそれぞれの最善の利益になると信じています」とコメント。 Figmaのディラン・フィールドCEOは、同社の公式ブログを更新し「世界中の規制当局と何千時間も費やして当社の事業、製品、当社がサービスを提供する市場の違いを詳しく説明したにもかかわらず、この取引を規制
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
AI音声合成ソフト「VoiSona Talk」が正式公開 ～女性ボイス「田中傘」とともに無償提供／同社のAI歌唱ソフト「VoiSona」をベースにした読み上げツール
Difftastic, a structural diff tool that understands syntax
【2023年ベスト】無料で使えるすごい神AIツール27個まとめ
