非デザイナーの僕が「デザインぽい」ことをする時に使う便利ツール17個｜苦しんでプログラミングを学んだ柴犬（くるしば）
※こちらの記事がはてブの総合人気エントリに入りました！ こんにちは。くるしばです。 元々コンサルタントの仕事をしていましたが、独学でプログラミングを学習し、Webサービスを作って起業しました。 その後個人で開発したサービスを売却したり、また別のIT系の会社を創業したりしています。 去年の8月から下記のTwitterにてプログラミング学習に関して発信し始め、ありがたいことに8000人の方々にフォローして頂きました。 プログラミング初心者に絶対覚えてほしい、ググる時の効率が10倍上がるコツ pic.twitter.com/hK1ZhNavwh — 苦しんでプログラミングを学んだ柴犬（くるしば） (@shiba_program) September 13, 2022 僕は普段はいわゆるPMやエンジニアとして仕事をすることが多いのですが、業務でも個人プロジェクトを作っている時でも 「最低限の見栄え
Future社員が使っているWindows便利ツール（新人さん向け） | フューチャー技術ブログ
はじめにこんにちは。2020年4月入社の青柳です。タイトルにある通り便利ツールをまとめてみました。 今回は、新入社員や入社前の大学生をターゲットに、誰でもすぐに使えるツールを紹介しているので、まだ使っていないツールがあればぜひ使ってみて下さい。 ※前提としてWindowsの方向けなので、Macの方はごめんなさい🙇🏼 everything https://forest.watch.impress.co.jp/library/software/everything/ ファイルやフォルダを超高速で検索できるツール。 あのファイルどこにあったっけ？？の問題が一瞬で解消できます。私も初めて使った際は、検索のスピードの早さに驚きました。 しかも設定すればファイルサーバーの中も検索できます。 もはや必須ツールですね。 cribor https://forest.watch.impress.co.jp
はじめに 知っておくと仕事が捗るブラウザ上で動く超便利なツールを17個集めました。 Squoosh Googleが開発した画像変換・圧縮用のWebサービス。 プレビュー画面で変換前後の画質をリアルタイムで確認しながら圧縮設定を調整することができる。 Documatic Documaticは、プロジェクトドキュメントの開発プロセスを削減するためのツール。API リファレンスからユーザー ガイドまで、コード ベースを簡単に文書化できる柔軟なテンプレートとユーザーフレンドリーな編集ツールを提供する。 transform jsonからyamlの形式に変換したい等、あらゆるデータ形式から別の形式に変換するサービス。 jsonからyml、htmxからjsxへの変形、jsonやGraphQLのIDLからTypeScriptのinterfaceまでも、ブラウザ上で生成することができる。 Roadmap.s
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 急に仕事で英語を使うことになった社会人に贈るまとめ(便利ツール/コンテンツ/勉強本) 新規案件参画初日。 Goやk8sを使えることなってワクワクしていたあの日、 参画してすぐにチーム内のエンジニアで日本人が自分以外に一人であること、 それ以外のチームメンバー全員が外国籍のメンバーになることを知らされた そこのあなた！ 数年前の私です（笑） さらに2ヶ月後には、開発チームで唯一の日本人になって死にそうになりました。 その時は突然にやってきます。 当時、私の英語の経験というと大学受験の対策のみと言っていいほどで、 そこから10年以上経過して
普段よく見ているサイト（とSakuga Extended）の紹介。（5月14日追記） sakugabooru sakugabooru.com 作画の保管庫にして情報の最先端。作画オタクはどうして担当アニメーターが分かるのかといえば、このサイトに情報が集約されているからに他ならない。 アニメーター別、作品別に作画を調べるツールとしても当然便利で、良かった作画を動画ファイルとして引っ張ってくる際にも役に立つ。作画オタクが最も利用するサイトと言って間違いないだろう。検索が英語でしかできないため、慣れるまでは苦労するかも。 Sakuga Extended sakugabooruを便利に使えるようになる拡張機能。追加することによって スコア順、話数順などの通常ではできない並べ替え 画像にカーソルを合わせると動画を自動再生 画像の下にスコアや作品名・アニメーター名が表示されるように 1コマ、2コマ、3
この記事では、Webデザイン制作の面倒な作業をラクにするCSS便利ツール87個をまとめています。なお、新しいツールを随時アップデートしています。 CSS FlexboxやGridをつかったレイアウト生成ツールや、レスポンシブ対応の画像ツール、配色に困ったときに便利なツール、多彩なCSSアニメーション、話題のニューモーフィズムなど、CSSスタイリング時間節約や、さまざまな問題を瞬時に解決することを目的に作成された便利なツールが揃います。 Web制作に活用したい最新ツールと合わせてチェックしてみてはいかがでしょう。 これだけあれば困らない！Web制作を快適にする最新オンラインツール48個まとめ Web制作�の面倒�な作業をラクにするCSS便利ツールまとめ CSS box-shadow Examples さまざまなサイトで実際に使われているCSS box-shadowを集めているライブラリ。お好
カラー生成のこんな便利ツールがあったとは！ ベタ塗りのカラーと同じに見える半透明のカラーを生成するツール -Alphredo
同じ背景色に配置したベタ塗りのカラーと同じに見える半透明のカラーを生成するツールを紹介します。 半透明のカラーは背景に重なると、ベタ塗りのカラーと同じになります。たとえば、シャドウやダイアログの背後の背景など半透明で複数の背景で動作するUI要素に最適です。不透明度を下げたブラックを使用するのではなく、ニュートラルカラーの半透明カラーを使用すると、より美しいUIをデザインできます。 下記は、上はベタ塗り、下は半透明です。
CSSの便利ツールが登場！ レスポンシブ対応のフォントサイズを超簡単に定義できる -Modern Fluid Typography Editor
Webサイトをレスポンシブ対応にする時、フォントサイズをさまざまなスクリーンに最適なサイズにします。スマホ用のfont-size、デスクトップ用のfont-sizeを定義するのも一つの方法ですが、font-sizeの最小値と最大値とその間の値を流動的にするclamp()を使用すると簡単に定義できます。 CSSでレスポンシブ対応のフォントサイズを超簡単に定義できるオンラインツールを紹介します。 最近のやり方としてはvw, calc()を使用したフォントサイズの定義などがありますが、clamp()を使用するとかなり簡単です。最小値と最大値を決め、その間の変化の度合いも変更でき、もちろん日本語フォントのfont-sizeでも大丈夫です。 Modern Fluid Typography Editor Modern Fluid Typography Editor -GitHub Modern Flu
この記事は CAMPHOR- Advent Calendar 2020 の23日目の記事です。22日目は れおまる さんの「ニキシー管の魅力 」でした。ニッチ！！！！(賞賛) CAMPHOR- Advent Calendar には初回の2014年から参加していて7度目の参加になります。 今回は普段の開発で便利に使っている周辺ツールを紹介します。他人の開発風景を見ていると色んな発見があって面白いので、自分の環境もコンテンツになるかもと思って書きました。他の人の記事も見てみたいのでよかったらみんな書いて。 ※macOS を普段使いしているので macOS 用のアプリケーションも多く含みます。 Alfred ウィンドウのサイズと位置をコントロールするやつ アクティブなアプリケーションを切り替えるやつ 絵文字を入力するやつ スニペットを素早く入力するやつ Slack のステータスに今やってることを
Web制作に役立つ超便利ツールが登場！ HTMLやCSSやJavaScriptのさまざまなツールがひとまとめになったツールボックス -He3
HTMLやCSSやJavaScriptの軽量化・整形、FlexboxやGridやbox-shadowのジェネレーター、各種エンコード・デコード、データの暗号化、ダミーテキスト・ダミーデータ・ファビコン生成、テキスト比較（Diff）など、Web制作に役立つさまざまなツールがまとめて利用できる『He3』を紹介します。 Windows, macOS, Linux対応の無料アプリで、今までオンラインであちこちの各ツールを利用していた人とかにかなり便利なツールだと思います。 He3: Modern Developer Toolbox He3の特徴 He3のダウンロードとインストール He3の使い方 He3の特徴 He3は、200種類以上のWeb制作に役立つ便利ツールが詰め込まれたデベロッパー向けのツールボックスです。 200種類以上あるツールは、カテゴリ別にまとめられており、スマート検索機能ですぐに
フランスで修士1年目を乗り切った便利ツール｜しもーぬ
まだ修士一年目の成績は出ていないけど、先日やっとM1の修論提出（うちの大学は修士一年目でも６０ページくらいの論文提出が必須）と口頭試問が終わったので、今年一年授業＆課題作成に使った便利ツールをご紹介。 ※ 2023/09/02追記 ８つ目のDUMAS以降、私自身のM2の修論執筆に向けて使えそうなツール＆サイトを自分用メモとして記載しています。 ※ 2023/10/30追記 canva、elicit、connected papers、ResearchRabbitを追記しました。 ※ 2023/11/22追記 slidesgo, CVdesignRを追記しました。 1.翻訳 Deep L 私が紹介するまでもなく言わずと知れた翻訳ツールだけど、本当に一番お世話になったツール。 うちのマスターは毎週複数の授業でその日の授業に関連する論文（２０ページくらいか時にはそれ以上）を事前に読んでおくスタイル
repomixとは repomixとはLLMに渡すためのコードコンテキストを１つのファイルにまとめてくれるツールです。yamadashy (やまだし)さんによって制作されており、ご本人のZenn記事も公開されています。 最近ではOpen Source Awards 2025のPowered by AI部門にもノミネートされているホットなツールです。 なぜVibeCodingにrepomixを使うのか VibeCodingにおいて実装計画を作成するのは必須です。実装計画を作成せずに自ら実装の指示プロンプトを考えるのは骨が折れますし、ハルシネーションが起きやすく、本当にやってほしい実装から外れたコードを生成されることが多くあります。 実際ClineではPlanモードという機能が実装されており、推論モデルにやりたい実装を計画させてから実装するフローが推奨されています。 この実装計画の作成にあたっ
最近のWeb制作に役立つ、CSSの便利ツール総まとめ
最近のWeb制作に役立つ、CSSの便利ツールをまとめました。 CSS Grid, Flexboxで実装するときに役立つレイアウトのツール、CSSやSVGでさまざまな背景・区切り線を生成するツール、美しいシャドウやグラデーションを生成するツール、色選びや配色に役立つツール、コピペで利用できるボタン、可変のフォントサイズ、CSSアニメーション、コードの管理・品質・デバッグに役立つツールなど、もりだくさんです。 CSS Layout Generator Webサイトでよく使用される「ヘッダ・メイン・フッタ」「ヘッダ・サイドバー・メイン・フッタ」「カード型」「サイドバー」などのレイアウトを確認しながら、CSSのコードを生成できる無料オンラインツール。以前紹介したときは、CSS Gridのみでしたが、Flexboxにも対応しました。
CSSでfont-sizeをレスポンシブ対応にする最新テクニック！ clamp()関数で定義する便利ツール -Min-Max Calculator
Webサイトをレスポンシブ対応にする時、メディアクエリを使用するのも一つの方法ですが、CSSのclamp()関数を使用すると、最小値と最大値を定義してその間の値は流動的にすることができます。 たとえば、小さいスクリーンでは最小値の16px、スクリーンが大きくなるにつれ、最大値の24pxになるまで少しずつ大きくなる、という感じです。 このclamp()関数を使用して、CSSでレスポンシブ対応のフォントサイズやレイアウトを簡単に定義できるツールを紹介します。ツールはオンラインでも、ローカルでも利用できます。 Min-Max Calculator Min-Max Calculator -GitHub Min-Max Calculatorの特徴 Min-Max Calculatorの使い方 Min-Max Calculatorの特徴 Min-Max Calculatorは、レスポンシブ対応にする時
Rust開発時の便利ツールたち
前書き Rustを書くときに便利なツールをまとめた記事が無い気がしたので作成。(ちゃんと探してないので既にあるかも) 公式ツール cargo パッケージマネージャ 基本だけどとても便利なツール 一度はThe Cargo Bookを読んでおくことを推奨。 rustfmt フォーマッター cargo fmt でもフォーマットの修正が出来る。(こっちを使うことが多い) clippy lintツール こう書いたほうが良いよという提案もしてくれるので便利。 cargo clippy --fix を使うと自動で直してくれる。 rust-analyzer Language Server rls もあるが、(最近は?) rust-analyzer の方がメジャーな気がする。 追記 : RLSは非推奨になりました。RLS Deprecation 非公式ツール cargo-watch ソースコードの変更を検知
週末にやった感じ、GithubのCopilot Agentがかなり良かったので感想を書く。 前提 今回作ったツールで似たようなやつはいっぱいあって、llm ってやつが便利なんだけどPythonだし、重厚過ぎてちょっとしたことに入れるにはハードルが高いし、Serverには入れにくい。 ってことでGolangが良いなって思ってシンプルなやつを作った。 その際にGithubにCopilot AgentがGAになったので、こいつをvibe codingのメインで開発してみた。 ちなみに普段からRoo CodeやClaude Codeなんかも触っているのでvibe codingやAI Agentの活用には慣れている。 結論 業務で使うならCopilot Agentがかなり良い印象。 ClineやRoo Codeでやってたことは置き換わりそうな印象がある。 特にCopilotのAgentタイプだけでは
TANK2ROW ✪ 櫻會 @TANK2ROW みんなが「LUUP」を親の敵のように嫌ってる理由は分かる。でも個人的には「電動キックボード」そのものは公道ではなく工場の構内移動用とかで役に立つと思うのよ。そこそこの規模の企業では年寄や社内文書配達に携わる総務系女子にも便利ツールじゃないのかな。個人的には今すぐ欲しい。（歩くの嫌） 2024-12-17 21:39:57 TANK2ROW ✪ 櫻會 @TANK2ROW 地方民の実生活で言うと通勤は自家用車主体なんだけど、近年では自社駐車場の確保が難しくてどんどん遠方になってたりするのよ。自分も毎日駐車場から約750m歩いて出社してたりする。年寄りにはそこそこキツい。電動キックボード的な移動デバイスを求めてもバチは当たらんじゃろ。 2024-12-17 22:04:45 TANK2ROW ✪ 櫻會 @TANK2ROW チャリでいいだろ、というご
CSSでfont-sizeをレスポンシブ対応にする最新テクニック！ clamp()関数の定義が簡単にできる便利ツール -Fluid Type Scale Calculator
レスポンブ対応のフォントサイズをCSSで設定するには、CSSのclamp()関数が便利です。clamp()関数は最大値と最小値の2つの値の間をクランプし、レスポンシブ対応の流体フォントサイズを設定できます。 CSSのclamp()関数を使用し、スクリーンサイズに合わせて最適化される流体フォントサイズのCSSを簡単に生成できるツールを紹介します。 Fluid Type Scale Calculator Fluid Type Scale Calculator -GitHub Fluid Type Scale Calculatorの特徴 Fluid Type Scale Calculatorの使い方 Fluid Type Scale Calculatorの特徴 Fluid Type Scale Calculatorはclamp()関数を使用した流体フォントサイズのCSSを生成できるツールです。
CSS GridやFlexboxでレイアウトを確認しながらコードを生成、box-shadowによる繊細なシャドウを見ながらコードを生成、さまざまな区切り線、border-radiusやclip-pathによるさまざまな形、UI用の美しいグラデーションやデュオトーン、グラスモーフィズム、ニューモーフィズム、CSSアニメーションなど、面倒なCSSのコードを簡単に生成できる便利ツールを紹介します。
通が愛用するMicrosoft製便利ツール集「Windows Sysinternals」の入れ方と注意点
「Windows Sysinternals」をインストールする Microsoftが無償で提供しているIT管理者／開発者向けのツール集「Windows Sysinternals」がMicrosoft Store経由でもインストール可能になった。ただ、幾つか注意点もある。「Windows Sysinternals」のインストール方法とその注意点について解説しよう。 Windows OSを使っていると、こんな機能があったら便利なのに、こんな情報が得られたらトラブルシューティングの際に役立つのに、ということがままある。こうした機能は、たいがいフリーソフトウェアで見つかるものだが、フリーソフトウェアの利用は少々不安ということもあるだろう。実は、Microsoftからもこうしたツールが無償で「Windows Sysinternals」として提供されている。 Windows Sysinternalsの
Web制作にすごい役立つ！ コードの軽量化や整形・ファビコンやQRコード作成・PDF変換など、便利ツールが一箇所で利用できる -ToolsOcean
CSSやJavaScriptのミニファイ（軽量化）、HTMLやCSSやJavaScriptのフォーマッター、各種エンコード・デコード、QRコードの生成、カラー値変換、画像の最適化、ファビコン画像生成、ダミーテキスト生成、各種PDF変換など、Web制作に役立つツールがまとめて利用できるToolsOceanを紹介します。 便利なツールが一箇所で利用できるので、ブックマークしておくと便利です。 ToolsOcean ToolsOceanは完全に無料で利用できるオンラインツールが、たくさん用意されています。登録など面倒なことは一切ありません。 いくつか使用してみました。まずは、CSSの軽量化。 CSSだけでなく、HTML、JavaScriptの軽量化、整形も揃っています。
Tailwind CSSという言葉、最近よく耳にするようになっています。 カードやボタンなどUIデザインを基本としたCSSスタイリングが特長のBootstrapなどのフレームワークに比べ、Tailwind.cssはHTMLに直接スタイリングを行ってしまおうという考えで、今までのCSS設計のアプローチと全く真逆とも言えます。 そのため、ひとつの要素に追加された膨大なクラス名を見ると、カスタマイズしにくいと感じるひとも多いようです。 そんなときは、Tailwind.cssで利用可能なUIデザインのHTMLスニペットを集めた便利ライブラリFlowriftを活用してみましょう。 ヘッダーやフッター、ナビメニューといった基本から、ヒーローイメージ、CTA、サービス、お問い合わせフォーム、値段表、ギャラリー、404ページといったホームページ制作でよく利用するUIコンポーネントのコードをボタンひとつでコ
開発者にとっていかに早くWeb制作を進められるかは、永遠のテーマと言えます。 この記事ではWebサイト制作を効率化、爆速にするTailwind CSSのUIコンポーネント集、便利ツールをまとめてご紹介します。 表現したいレイアウトをコピペのみで実現でき、これまでかかっていたサイト制作時間を劇的に削減します。 おしゃれなWebサイトを素早く開発できるUIコンポーネント素材、あなたはいくつ知っていますか。
仕事が早い人は使っている最新Web便利ツール34選
「Webサイト制作がもっと楽になる方法ってないの？」 「Web制作の最新ツールを試してみたい」 そんな方へオススしたい、Webデザイン制作に役立つツールや素材をまとめてご紹介します。 「これ、もっと早く知りたかった」と思うような便利ツールを中心にセレクトしています。 2024年のデザイントレンドにもぴったりな新Webテクニックを、次のプロジェクトに活用してみてはいかがでしょう。 一緒に最新デザイン素材やツールも目を通しておくと良いでしょう、特に今回は豊作でした。
はじめに PoCの初期段階などで、いくつかのシステムを組み合わせて動作させるような場面では、 リポジトリが分散し、開発者ごとに違う言語で小規模なシステムを構築していることがあります。 そんな中で、動作確認をしたり、不具合を再現させたりする際、以下のような手作業が発生していました。 システムAを実行してCSVを吐く CSVをシステムB直下にコピーする システムBを実行して結果を得る プログラマーの三大美徳の怠惰担当の私は、手動で何かをすることが嫌いなので、自動化するツールを作成していきます。 シェルスクリプトで書いても良いのですが、実行するデータパターンが複雑だったり、分岐したりすると面倒なので、私はgolangで作成することが多いです。 この記事では、そんな中でハマった出来事と、回避方法をご紹介します。 根本解決していないものが多いので要注意&コメントお待ちしています。 先にまとめ 変なと
ワシが入社する前に退職した人がこさえたAWS上で動く謎便利ツールの保守をワシがやらなくちゃいけなくて泣いてる。なんもわからん。
ツーシーム投げ猫 @0000snao SIer生まれ→情シス育ち→SaaS企業│元はバックエンドエンジニア最近生え際backend │#ハゲ出しエンジニアと繋がりたい | 芯を外して打たせて取るツイートをします│#seibulions | #やる獅かない
無料でAIがイラストを自動で色別レイヤーに分割してPhotoshopやクリスタで読み込めるようにしてくれる便利ツール「layerdivider」インストール＆使い方まとめ
AIによって1枚のイラストを色や明るさに応じて自動でレイヤーにわけてくれるツール「layerdivider」を、抹茶もなかさんが無償で公開しています。ブラウザのUIにイラストを読み込ませてボタンをクリックするだけでレイヤー分けしてくれるだけでなく、Adobe PhotoshopやCLIP STUDIO PAINTで読み込めるPSD形式のデータにも出力してくれるとのことで、実際にローカルPCにインストールして使う方法をまとめてみました。 GitHub - mattyamonaca/layerdivider: A tool to divide a single illustration into a layered structure. https://github.com/mattyamonaca/layerdivider ・目次 ◆1：Pythonのインストール ◆2：Gitのインストール
Steamで「ソードアート・オンライン」風二次創作アプリランチャーが人気。フルダイブ型便利ツール - AUTOMATON
Studio GPBetaは現地時間11月6日、SteamにてPC向けアプリランチャー「SAO Utils 2: Progressive」（以下、SAO Utils 2）を正式リリースした。価格は無料。小説・アニメなどで人気の「ソードアート・オンライン」に影響を受けた二次創作ソフトだ。その再現性のほか、実用性もあるツールとして人気を博している。 「SAO Utils 2」は、Windows向けのアプリケーションランチャーだ。コンセプトとしては、「ソードアート・オンライン」作中に登場する、同名VR・MMORPGにおけるゲーム内UIを再現した二次創作ランチャーとなっている。たとえば、本ランチャーの起動画面は、作中のフルダイブ型VRマシン「ナーヴギア」の起動画面の再現となっている。そしてランチャーが起動すると、アニメ「ソードアート・オンライン」さながらのゲーム内UIが展開。作中でキャラクターたち
# ShowNote:「フロントエンド開発の便利ツール・設定・プラグインなど」を語るフロントエンドTechCafe #2 ## イベントページ https://rakus.connpass.com
ほんのり影がついたようなドロップシャドウは、「浮いている」ような立体感を演出できる、ウェブサイトでは欠かせないデザイン要素のひとつです。 ドロップシャドウの使い方によって、デザインでユーザーを魅了するUIテクニックで、CSSによる手軽で、柔軟なスタイリングができるのも人気の理由でしょう。 しかし、いざCSSでドロップシャドウを作成しようとすると、設定する項目が多すぎて、なかなか思い通りの影が表現できないことも。 今回は、手軽な設定のみで、魅力的なドロップシャドウを作成できるオンラインツールをまとめてご紹介します。 簡単なクリック操作で、本物そっくりなリアルな影を作成できますよ。 Shadow Palette Generator ツールの特長 Shadow Palette Generatorは、後ほど紹介するツールにはない、ユニークな点が２つあります。 １つのCSSドロップシャドウを生成する
みなさん、Twitterは使っていますか？ おそらく「使ってるよ！」という人のほうが多いと思います。 今はSNSから得られる情報だけでもかなり有益なものを得られるようになりました。 ニュースよりもTwitterのほうが情報が速かったりすることもザラにありますね。 Twitterの活用範囲は個人的な趣味から、会社（企業）の広報活動、集客まで幅広くなっています。 YouTuberなどの活動をしている方も利用者は多いですね。 今回は、Twitterをより便利に使うためのツールをまとめてみようと思います。 Twitterのメリットやデメリットって？ 以下に、Twitterのメリットとデメリットを簡単にお伝えします。 Twitterツールを使うメリット まずは、管理工数を減らして手間が省けることが挙げられます。 フォローしてくれたアカウントに対し、毎回手作業でフォロー返しをしたりフォロワーの整理って
ごまなつと申します。WindowsよりもMacの方が便利ツールが多くていいと思っていませんか？ ですが、WindowsもMacに負けじと便利ツールを公式が開発しているのをご存じでしたか？ 代表的なものだと、クイックランチャーがWindowsで使えたり、カラーピッカー、簡易OCR、マウスカーソル位置検索などができます。 このような機能を実現するのが、Windows公式がOSSで開発している「PowerToys」です。現時点でも開発が進められており、2022年11月にも新機能が追加されました。 PowerToysとは PowerToysは、Microsoftが開発しているOSSです。もともとWindowsに搭載するはずでしたが搭載されなかった利便性向上機能を複数提供するソフトです。実はWindows 95時代から存在しているソフトで、Windows XPまで提供が続けられていました。Vista
はじめに 今回は、個人的によく活用させて頂いている、 コーディングが捗る便利ツールをご紹介します！ よく見るものから、ちょっとニッチなものまで 活用方法も踏まえてまとめたいと思います。 また、弊社QUOITWORKS.Incは2024年1月末締切で、ディレクター、デザイナー、エンジニア職を応募しておりますので 下記よりぜひご応募ください！ ChatGPT まずは王道、ChatGPT。 いろんな活用方法があるかと思いますが、今回ご紹介するものは 非課金ユーザーでも全く問題ないものです。 なぜなら、私が非課金だからです。 基本プロンプト ChatGPTに命令を出す際に、言い方で返答の「質」が変わるのは有名な話です。 精度が高い返答が欲しい時には活用しているプロンプトとして、 noteの深津さんが考案された「深津式プロンプト・システム」が効果的です。 その内容としては、 ・命令書 ・制約文 ・入
はじめに Web開発やスマホアプリ開発をしていると、様々な"変換作業"や"ちょっとした処理"が必要となりますよね？ Base64エンコード/デコード、カラーコードの変換、日時フォーマットの変更、QRコード生成など、これらの作業をスッとできると、開発効率がちょっと良くなると思います。 それが、VS CodeのGitHub Copilotで「やりたいこと」を投げるだけで、ツールが自動選択され、結果が返ってくると便利かなーと思いました。 ただ、こういった "計算" や "変換" をAIにしてもらうのはまだ不安があるので、流行りのMCPを作ることにしました。 そんな思いからできたのが web-development-toolbox-mcp です。 このMCPサーバーの紹介と、MCPサーバー作るときのTipsなどを書き残しておきます。 提供機能 このツールボックスには以下の機能が実装されています：
技術とノウハウを武器に、膨大かつ複雑なデータの「検索」「分析」「可視化」といった課題を解決するフォルシア株式会社が「FORCIA Meetup #2」を開催しました。2回目の今回のテーマは「2020年度にエンジニアが取り組んだこと」。籏野拓氏は、在宅勤務で発生した社内の面倒くさいを解決したときの取り組みについて発表しました。 業務の中で必要になってちょっとしたツールを開発 籏野拓氏（以下、籏野）：『社内の"面倒くさい"をServerlessでスマートに解決した話』を籏野が話します。よろしくお願いします。 まずは自己紹介です。私は、籏野拓と申します。今新卒3年目の終わりで、これから4年目になります。社内の福利厚生ユニットで、私は一応技術リーダーをやっています。 職種はエンジニアです。最近はWebアプリケーション開発がメインですが、TypeScript、React、Reduxあたりをメインで触
借金を200万円抱えた状態でアフィリエイターとして独立。そこから月収250万円に。アフィリエイトで人生を逆転した僕の体験談やSEOの方法を書いていきます。
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 株式会社クラフトマンソフトウェアでは、Kubernetesに力を入れており、11名ほどのKubernetesエンジニアが働いています。社内のKubernetesエンジニアに「これは知らないともったいないツールを教えて！」と聞いて回ったので、そのまとめをこの記事にしました。ちなみにこの記事は、私個人による執筆ではなく、チームのメンバーで協力して執筆したものです。 Lens Kubernetesクラスタの管理と監視を簡単に行うためのオープンソースのデスクトップアプリケーションです。 k9s Kubernetesクラスタを操作するためのターミ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
知っておくと仕事が捗る便利ツール17選 - Qiita
急に仕事で英語を使うことになった社会人に贈るまとめ(便利ツール/コンテンツ) - Qiita
作画オタクがよく使うサイト・便利ツール - 悠々自適
Web制作の面倒な作業をラクにするCSS便利ツール87個まとめ
開発で使ってる便利ツール - 書いたもの
VibeCodingに必須の便利ツール「repomix」の紹介
GithubのCopilot Agentで便利ツールを作った - そーだいなるらくがき帳
「LUUP」は嫌われがちだが、社内の移動には便利ツールなのではないか→使用には工夫が必要そう
Web制作に役立つ！面倒なCSSのコードを簡単に生成できる便利ツールをまとめました
Tailwind CSS製UIデザインのHTMLコードをコピペできるFlowrift（便利ツールまとめも公開）
コピペで時短、Tailwind CSSおすすめUIコンポーネント、UIキット集、便利ツール【まとめ】
使い慣れたデスクトップ状態を一発再現する便利ツールを追加した「PowerToys 0.84」／Microsoft公式のパワーユーザー向けシステムユーティリティ群
golangで便利ツール作ろうと思ったらos/execでハマった話 - Qiita
ShowNote:「フロントエンド開発の便利ツール・設定・プラグインなど」を語るフロントエンドTechCafe #2 - HackMD
「PowerToys 0.83」が公開 ～PCをちょっと起動したままにする便利ツール「Awake」が強化／Microsoft公式のパワーユーザー向けシステムユーティリティ群
「Microsoft Edge」の増えすぎた便利ツール、大量リストラへ／数式を解く機能や品詞の色分け、キッズモードなどがターゲットに
【CSS】box-shadowでリアルな影を作成できる便利ツールまとめ
【MLM集客】ツイッター今すぐ役立つ知識と便利ツール | 勧誘しない！インターネット集客MLM（ネットワークビジネス）
Windowsの便利ツールPowerToysの紹介 | さくらのナレッジ
【コーダー必見】効率化のためのChatGPTフル活用戦術+便利ツール集
Web開発者のための便利ツールを集めたMCPサーバーを作って公開した
わずか2日でリリースした社内便利ツール「勤怠チェックボット」 社内の”面倒くさい”はAWSでお手軽に改善
【便利すぎる世の中の弊害】本当はなくても良いものとなくちゃならないものを見極める。執着を手放す便利ツールも紹介
これを知らないともったいない！Kubernetes関連の便利ツール20選 - Qiita