コマンドラインツールの拡張性を高める：Commandパターンの活用法 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに コマンドラインツールを開発する際、機能の追加や変更が容易で、拡張性の高いアプリケーションを作ることは重要です。この記事では、Commandパターンを活用してコマンドラインツールの拡張性を高める方法について解説します。 なぜCommandパターン？ 振る舞いに関するデザインパターン Commandパターンは、GoF（Gang of Four）デザインパターンの1つで、リクエストをオブジェクトとしてカプセル化することができます。このパターンを使うことで、コマンドの追加や変更が容易になり、アプリケーションの拡張性が向上します。 ユー
Chrome DevToolsを使いこなしてフロントエンド開発を加速させる
Chrome DevTools（以下、開発者ツール）は開発者にとって欠かせないツールですが、改めて使い方を調べたことは少ないのではないでしょうか？ この記事では開発者ツールの便利な機能をまとめて紹介します！筆者はChromeをメインで使用しているのでChrome DevTools前提ですが、一部拡張機能や他のブラウザの便利な機能を含みます。 スクリーンショットをキャプチャする 端末の機能でもスクリーンショットをキャプチャすることはできますが、開発者ツールではより便利なスクリーンショットの機能が提供されています。 特定のノードのスクリーンショットをキャプチャする Elementsパネルからスクリーンショットをキャプチャしたいノードを選択します ノードを右クリックして「Capture node screenshot」をクリックします 選択したノードのスクリーンショットがダウンロードフォルダに保
ブラウザ開発者ツールのネットワークタブに表示されない情報送信手法 - Qiita
はじめに はじめまして、セキュリティエンジニアのSatoki (@satoki00) です。今回はブラウザの開発者ツールのネットワークタブから隠れて、Webサイト内の情報を送信する手法をまとめます。所謂Exfiltrationというやつです。中にはCSPの制限をBypassするために用いられるテクニックもあります。CTFなどで安全に使ってください。 前提 発端はWeb上でテキストの文字数をカウントできるサイトが閉鎖する際の話です。カウント対象のテキストデータがサイト運営 (やサイトを改竄した攻撃者) に盗み取られていないかという議論が巻き起こっていました。「盗み取られていない」側の主張は、ブラウザの開発者ツールのネットワークタブにリクエストを送信した形跡がないというものでした。ここで ブラウザの開発者ツールのネットワークタブに表示がなければ外部へデータを送信していないのか？ といった疑問が
A5:SQLを使って簡単にER図からテーブル定義書を作成する - Qiita
はじめに 今回は「A5:SQL Mk-2」でER図から簡単に以下のようなテーブル定義書を出力する方法を紹介します。 簡単にA5:SQLでのER図の書き方の手順を紹介 ①上部メニューの「ファイル(F)」→「新規(N)」 ②「新規ドキュメント」のダイアログボックスから「ER図」を選択 ③「ER図プロパティ」のダイアログボックスに情報を入力して「✓OK」を選択 ④「エンティティの追加」を選択して、下の描画エリアの任意の場所でクリックすると図形が表示される ⑤表示された図形をダブルクリックすると、「プロパティ:」のダイアログボックスが表示される ⑥テーブル名やカラム名などの必要な情報を順次入力 . . . . 上記の手順で作成したER図はこんな感じです。 ３つのテーブル定義とそのリレーションを記述しました。 リレーションは「リレーションシップの追加」をクリックして、「親エンティティ」→「子エンティ
Windowsが今更（？）開発者に優しくなろうとしている!? 「Dev Home」は開発者にとって使い物になる？ (1/2)
Dev Homeの起動画面。最初に「ダッシュボード」が表示される。ここには、登録したウィジェットが並び、ツールのアップデート状態やGitHubの通知などが表示できる。左側にあるのがページ切替のナビゲーション領域だ Build 2023で発表された開発者向けアプリ「Dev Home」 開発が進められているようだ 昨年5月に開催されたMicrosoftのイベント「Build 2023」で、「Dev Home」なるアプリケーションが発表された。しかし、Copilotと同じタイミングだったので、ほとんど話題になることはなかった。このとき、筆者もインストールして試してみたが、特筆するようなことは何もなく、ソフトウェアの開発には特に不要なものと判断していた。 それから1年、プレビュー版はバージョンアップしていた。まだまだ完成ではないが、将来を考えるとWindowsを開発マシンとして使うときの「入口」ぐ
エンジニアのための十徳ナイフ「DevToys」がバージョン２になってクロスプラットフォームやCLI対応しさらに便利すぎる - Qiita
はじめに 以前紹介させていただき、2022年Qiitaのいいねランキング18位、ストックランキング20位を記録したこちらの記事の続編です！ DevToysはリリース後しばらく定期的なバージョンアップが続けられていましたが、去年の7月からぱったりとアップデートが止まっている状態でした。 リポジトリや作者のXを見るとバージョン２の開発を行っているようで、今か今かと待ち続けていましたが数日前リリース予告のポストを見つけて、今日ついにプレリリースされました！ ということで早速紹介していきます！ DevToysとは DevToysは「開発者のためのスイスアーミーナイフ」の紹介文の通り、開発時によく使うツールを十徳ナイフのようにまとめたアプリとなっています。 JSONの整形とかエンコードデコードetc... プログラミングや保守運用の調査でやりがちな作業をいちいち変換サイトを探したり、エディター拡張機
怠けるための必需品！2024年の生産性向上のための効率的な開発ツール - Qiita
プログラマーであることは、絶え間ないコードの流れと要求で挑戦的です。仕事とリラックスのバランスを取ることは難しいですが、作業負荷を軽減する強力なツールがあります。「適材適所」—この記事は、便利なツールを発見するのに役立ちます。 DevDocs - オフラインドキュメントのコンパニオン DevDocsは、オフラインAPIドキュメントブラウザで、多言語対応しており、開発者に技術ドキュメントへの迅速かつ効率的なアクセスを提供します。フロントエンドからバックエンド、モバイル開発まで、公式ドキュメントを統合し、洗練されたユーザーフレンドリーなインターフェースを提供します。 ServBay - 開発者の夢 ServBayは、ウェブ開発者にとって必須のツールと称され、瞬時にオールインワンのウェブ開発環境を提供します。PHP、Nodejs、Redis、データベースのセットアップの手間を排除し、開発者がコー
もう人間がクエリを書く時代じゃない！SQLクエリの組み立てを自動化するSlack botを開発・導入しました - Pepabo Tech Portal
こんにちは。SUZURI事業部の@kromiiiと申します。 私のメインの業務はWebアプリケーションの開発ですが、大学院時代のスキルを活かして並行してデータ分析業務も行っています。 データ分析業務ではデータベースのクエリを書くことが多いのですが、私自身SUZURI事業部に配属されたばかりで、テーブルの名前やリレーションを覚えるのが大変でした。そこでクエリの設計を自動化するツールをSlackに導入しました。 その名も tbls-ask bot です。どのようなものか先に見てみましょう。 ユーザーはSlackでメンションする形で、どのようなクエリを実行したいのか自然言語で入力します。 メンションされるとSlack botが起動し、どのDBスキーマを利用するかを尋ねます。 ユーザーがDBスキーマを選択すると、自然言語からSQLクエリを生成し、Slackに返答します。 今回はパブリックに公開する
ゼロからはじめるJavaScript(31) 美しいソースコードを共有するJSツール「Carbon」を使ってみよう
ソースコードを共有してみんなに見てもらう機会があるでしょうか。そんな時、せっかく見てもらうなら、美しく読みやすいコードを見てもらいたいと思うものです。今回紹介するJavaScript製のツール「Carbon」を使うと、手軽にソースコードを美しい画像に変換して共有できます。 ソースコードを画像に変換するJSライブラリ「Carbon」 見栄えの良いソースコードを共有しよう 昨今、プログラマーであれば、誰しも自分の書いたソースコードを誰かに見てもらう機会があります。プログラミングに関するコラムを書いたり、作成したライブラリの告知のためにSNSで共有したり、プレゼンテーションでプログラムのコードを解説したりと、みんなに見てもらうという場面が多くあります。 そんな機会に、より美しく見栄えの良いソースコードを見せたいと思うことでしょう。今回紹介するJavaScriptのライブラリ「Carbon」を使う
書籍「ソフトウェアテスト技法ドリル」ではテスト設計の考えとツールの使い方まで学べちゃいました | DevelopersIO
私は開発寄りのエンジニアであり、テストやQA専門の方と同じチームで頑張る機会が少なかったのですが、「なるほど、こうやって考えて、こういうツールを使っているのか」と非常に勉強になりました。 こんにちは。AWS事業本部モダンアプリケーションコンサルティング部に所属している今泉（@bun76235104）です。 最近ではアジャイル開発やスクラム開発が多く採用され、ビジネスのスピードに負けないようにプロダクト開発・リリースのスピードが求められれている中で、「いかに効率よく、かつ効果的なテストをしていけるか」というのはテスト担当だけでなく、開発メンバー全員で考える必要があると思います。 とはいえ、実際のチームには「専任のQAエンジニアやテストアナリストはいない」ということは非常に多いと思います。 基本的なテスト技法は本で学んできたけど、どういう時にどんな技法でテストを設計すればよいの？ 本職のテスト
JavaScriptビルドツールの整理 各ツールの機能と依存関係
フロントエンドのビルドツールが色々ありすぎて、何がどうなっているのかがわかりづらいため、 各ツールができること、特徴 ツール間がどのように依存しあっているか を一気に調べて整理した。(情報は2023/10時点) 概要 ツールの依存関係整理 上層: dev server付きのバンドラ/ビルドツール。アプリ開発者が直接configなどを書いて取り扱うのはここが多いと思われる。(Next.jsに関しては、ビルド機能に着目した場合) 下層: やや基盤的なdev serverなしのツール群。 矢印は、明示的な依存関係を表す。実際には、明示的な依存関係がなくても、下層のツール群は上層のバンドラ(やRollup)に対してプラグインを提供していることが多い。 各ツールのできること整理 ツールごとに、大まかな機能区分で、できることとできないことをまとめた。 各機能区分の定義は次セクションを参照。 ツールごと
『GitUI』を使ってターミナルからでも直感的なGit操作を｜NAVITIME_Tech
こんにちは、みみぞうです。 ナビタイムジャパンで『システムや開発環境、チームの改善』を担当しています。 今回はターミナルで動くGitクライアントツール『GitUI』を紹介します。 本稿は以下のいずれかに当てはまるような方をターゲットにしています。 ターミナルで動くGitクライアントツールを探している方 NeovimからシームレスにGitの操作をしたい方 Windowsで使えるGitクライアントツール探しに困っている方 ℹ️ Neovimは、Vimをベース拡張性を考慮してモダンな技術で作られたプロダクトです。 GitUIとは『GitUI』はターミナル上でもGUIのように快適なGit体験を提供するOSSのツールです。 GitUI provides you with the comfort of a git GUI but right in your terminal extrawurst/gi
アクセシビリティ対応に便利なツール、ANDIの使い方と便利な機能 - Qiita
これは何 アクセシビリティ対応をする中で、便利なChrome拡張などを調べていたところ、全部まとめていい感じにしてくれるツールがあったのでその紹介です。 詳細は公式ページに詳しく纏まっているので、この記事ではどういうことができるかざっと把握できるように便利な機能をいくつかピックアップしてまとめています。 ANDIでできること 公式のガイドはこちらです。 ページ上のアクセシビリティの課題を検出する ANDIをオンにすると、ページ上のアクセシビリティの問題を検出してアラートを表示してくれます。 画像にaltがない場合やARIA属性のスペルミスがある場合などに警告してくれます。 アラートがある場合は、「Accessibility Alerts: アラートの数」と表示され、その下にリストで内容が表示されます。 詳細はANDI - アラートをご覧ください。 飽くまで自動チェックなので、ここで問題が検
エンジニアのストレスを徹底カット。ラッコ株式会社に学ぶ、ユーザーと開発者がWin-Winなプロダクト開発
ラッコ株式会社 代表取締役 坂谷 泰翔 2009年に個人開発でドメイン販売事業を開業。2011年「株式会社アクセライト」設立。2016年ラッコ株式会社の前身となる会社に取締役CTOとして参画。その後同社にて株式会社アクセライトを吸収合併。2018年代表取締役就任。 無料で使えるWebツール「ラッコツールズ」や、初心者向けキーワード分析ツール「ラッコキーワード」で知られるラッコ株式会社。代表取締役である坂谷泰翔さんは個人開発・運営からサービスを開始し、現在はサイト売買やドメイン管理ツール、レンタルサーバーなどに幅を広げています。 坂谷さんは「良いユーザー体験とは、ユーザーがより早く、より簡単に目的達成できること」だと語ります。そしてその実現のために、エンジニアがノイズなく成果に集中できる環境を整えているそう。 直感的に使えるシンプルさとラッコのかわいらしさが合わさって不思議な魅力を放つプロダ
ブラウザー上でReactやTypeScriptのコードをコンパイルして動かすツールを作った
通常、ReactやTypeScriptを使って開発する場合は、ローカル環境で開発して、ビルドして、ブラウザーで表示するという流れになります。 ただ、昨今のブラウザーの性能はかなり高くなっており、ES Modulesをうまく使うことで、ノーバンドルでReactやTypeScriptをリアルタイムにブラウザー上で反映させることができるのではないかと考えました。 この案をもとに、何番煎じかわかりませんが、ブラウザー上でリアルタイムにReactやTypeScriptをバンドルするライブラリを作成しました。 以下のようにコードを書くだけで、ブラウザーで実行可能なJavaScriptコードが生成されます。 import { browserBundle } from "browser-bundler"; const code = ` import React from "react"; import R
コマンドラインでの作業効率が上がる！CLIツール20選 - Qiita
はじめに 開発者として働き始めてよく見るようになった黒い画面... コマンドライン... 使い方はなんとなくわかってきたけどもう少し便利に使いたいと思っている方も多いのではないでしょうか。 この記事では、コマンドラインでの作業効率を上げるCLIツールをたくさん紹介していきます。マスターすれば、作業効率が爆上がりすること間違いなしです。 弊社Nucoでは、他にも様々なお役立ち記事を公開しています。よかったら、Organizationのページも覗いてみてください。 また、Nucoでは一緒に働く仲間も募集しています！興味をお持ちいただける方は、こちらまで。 そもそもCLIツールとは？ CLI(CUI) コマンドラインインターフェース（キャラクターユーザーインターフェース）の略です。 文字列（コマンド）を入力してコンピュータと指令を送る方法です。Macであればターミナル、Windowsであればコマ
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種類以上あるツールは、カテゴリ別にまとめられており、スマート検索機能ですぐに
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Microsoft、「.NET Community Toolkit 8.3」を発表 ～.NET 8/Native AOTをフルサポート／Microsoft自身も使っている.NET開発者向けライブラリ
プロ御用達の無償SQLクライアント「A5:SQL Mk-2」も生成AI対応、ベータテストが開始／OpenAIの「ChatGPT」とGoogleの「Gemini」が利用可能、割と実用的【やじうまの杜】
開発者向け万能ナイフの次期版「DevToys 2.0」がプレビュー、Mac/Linuxにも対応／拡張機能、CUI……一から書き直して大幅パワーアップ
