【ChatGPT】個人的お気に入りプロンプトまとめ
あなたは、プロの【その分野の専門家】です。 以下の制約条件と入力文をもとに、【出力内容】を出力してください。 # 制約条件： 【前提条件や決まりごと】 # 入力文： 【期待する出力結果や大まかな指示】 あなたは、プロのエンジニアです。 以下の制約条件と入力文をもとに、ブログ記事の内容を出力してください。 # 制約条件： ・重要なキーワードを取り残さない。 ・文字数は30000文字程度 # 入力文： Swaggerについて技術ブログに投稿する文章を書いてください。 構成は、Swaggerとは？、Swaggerのユースケース、Swaggerのメリットとデメリット、Swaggerの書き方（YAMLファイル）、Swaggerの実行方法、まとめです。 構成間で重複した説明は省くようにしてください。 読者がブログを読みながらSwaggerを触れるようにハンズオン形式などを取り入れて文章を作ってください
VPSや自宅サーバーにインストールしたいSaaS代替Webアプリ38選
シェアウェア（という表現はおいておいてのやつ。https://anond.hatelabo.jp/20230124045812）の記事が面白かったので、自分の得意分野の領域でいろいろ紹介します。 基本的に、SaaSのサービスは便利だけど、あれもこれもと契約していったらサブスク破産するので、 ものによってはセルフホストした方がいいと思ってる派。 Dropbox/GoogleDrive/box代替 NextCloudもともとownCloudっていうDropbox代替があったんだけど、そこから分派して今も機能開発が続いている。 興味深いのはLAMP構成なので、VPSや自宅サーバーじゃなくても、レンサバで動くのがいいよね。 データ保存領域はオブジェクトストレージ（S3互換）も利用できるので、例えばWasabiなんかと契約してお安く済ませてしまうのも全然アリかと。 Trello代替 Wekan最近は
Web制作の面倒な作業をラクにするCSS便利ツール87個まとめ
この記事では、Webデザイン制作の面倒な作業をラクにするCSS便利ツール87個をまとめています。なお、新しいツールを随時アップデートしています。 CSS FlexboxやGridをつかったレイアウト生成ツールや、レスポンシブ対応の画像ツール、配色に困ったときに便利なツール、多彩なCSSアニメーション、話題のニューモーフィズムなど、CSSスタイリング時間節約や、さまざまな問題を瞬時に解決することを目的に作成された便利なツールが揃います。 Web制作に活用したい最新ツールと合わせてチェックしてみてはいかがでしょう。 これだけあれば困らない！Web制作を快適にする最新オンラインツール48個まとめ Web制作�の面倒�な作業をラクにするCSS便利ツールまとめ CSS box-shadow Examples さまざまなサイトで実際に使われているCSS box-shadowを集めているライブラリ。お好
Web制作者にオススメの定規・ルーラーの無料ツール、半透明のパネルで単位にpx, emが使える優れもの！ -Linear
シンプルなデザインで使いやすいOS X用の定規・ルーラーの無料アプリを紹介します。 Web制作に役立つよう設計されており、単位はpxだけでなくemでも利用できます。 イメージとしては、ノギスのように測る感じです。 Linear App Linear -GitHub Linear Appの特徴 Linear Appの使い方 Linear Appのダウンロードとインストール方法 Linear Appの特徴 Linear Appは、Web制作者のための定規アプリで、完全無料のオープンソースで開発されています。 ブラウザの機能拡張ではなく、OS X用のアプリです。 Chromeのデベロッパーツールや他のアプリ上でもオーバーレイで動作します。 複数の定規を作成できます。 作成した定規をそのまま複製することができます。 カラーはダークとライトの2種類。 定規の単位は、pxとemに対応。 ショートカット
Chrome開発者ツールの小技集 | POSTD
最近、普段以上にChromeの開発者ツールを使うことに時間をかける機会がありました。その過程で、自分が今まで気づいていなかった機能をいくつか見つけました（少なくとも今までその機能を探す必要に迫られていなかった、とも言えるのですが。例えばブラックボックス化や非同期のスタックトレースなど）。そのため、開発者ツールでとても気に入っているいくつかの機能についてまとめてみたくなったのです。 小さな虫眼鏡ののアイコンは、特定の要素やCSSプロパティに対して、「どのCSSファイルに書かれているどのセレクタ/クラスが最終的なスタイルを決めているか」を示してくれます。例えば、どれかDOM要素に対して「要素を検証」を選び、右側の「Computed」というタブを選びます。確認したいCSSプロパティを見つけてその虫眼鏡アイコンをクリックすることで、すぐさま右側に正しいCSSファイル内のクラス/セレクタを表示してく
負荷テストツールGatlingを触ってみた - 絶品ゆどうふのタレ
負荷ツールとしてGatlingのことを少し前から耳にする機会が増えたので、利用してみることにした。 色々既出だとは思うが、公式のQuickstartに従って試してみたのでメモ。 GUIが必要だったので、今回は手元のMacで実行。 Gatlingとは Java/Scala製の負荷テストツール。 JMaterと似た感じのツールではあるが、 ハイパフォーマンス 見やすいレポートHTML developerフレンドリーなシナリオファイル というのをウリとして謳っている。 たぶん、3項目とも対JMater(重い・レポート見づらい・XMLのシナリオつらい)を意識したメリットだろうなー。 なお、シナリオファイルは。。。 Gatling simulation scripts are written in Scala, but don’t panic! わろた。 というわけで、触ってみる Install J
秘かに流行っているらしいポリゴンデザインが簡単に作れる無料アプリが本当に簡単すぎた！
これだけです。 はじめに自動で加工をしてくれます。ですが、ちょっと荒いためはじめの点を全て削除します。それから加工したい物の輪郭に沿って点を打っていけば、いい感じにポリゴン化されます。 各ツールについても、簡単に説明をします。 上から順に説明していきます。 About DMesh = DMeshのオフィシャルサイトへのリンク Check Pro Version = 有料版のアプリダウンロードサイトへのリンク Load Image = 加工したい画像を選択 Save As…(s) = 保存 Save Format = 保存形式（Bitmap、Vector、OBJ） BG Color = 背景の色を調節する Mesh Opacity (1~0) = 加工した画像の透明度調整 Point Color = 点の色を調整する Reset Setting = 設定した内容をデフォルトへリセット Get
プロアマ問わず使える10個の最新無料CSSツール / ウェブデザインライブラリー
投稿日：2014年8月8日 ソフトウェア：- このチュートリアルではプロアマ問わず使える10個の最新無料CSSツールを紹介します。 Step1 ： はじめに Step2 ： CSSの主なメリット Step3 ： 無料のCSSツール10個 Step4 ： 関連記事 CSSはずいぶん前からウェブデザインに必要不可欠な存在になっています。 CSSがここ最近すっかりウェブの標準技術になっているということは、どのウェブデザイナーも認めることでしょう。 ウェブデザイナーでない人なら、CSSとは何か、なぜそんなに利用されているのか、と疑問に思うかもしれません。 ウィキペディアによると、CSSはマークアップ言語（HTMLなど）で書かれた文書の表示を指定するために使うスタイルシート言語です。 このウェブデザインツールにより、時間やお金をかけることなく、サイトへの訪問者の体験を向上させることができるように
月間 150,000人が利用する「無料SEOツール」で解決！ 13個のSEO対策の疑問
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
「***」などで隠されて見えないパスワードを抜き出すフリーソフト「Asterisk Key」
Windowsのパスワードなどを解析して突破するソフトウェアを開発して販売しているソフトウェアメーカー「Passware」が提供しているフリーソフトがこの「Asterisk Key」です。その名の通り、アスタリスク記号などで隠されて見えないようになっているパスワードを表示することができ、非常に便利です。 例えばログイン時のIDとパスワードをブラウザに記憶させている場合、どういうパスワードを使っていたのかを忘れてしまい、新しいパソコンやブラウザに移行するときに四苦八苦する羽目になるわけですが、パスワードリマインダー機能を使わなくてもこのソフトがあれば一発でパスワードを知ることができます。また、ブラウザだけでなく、ソフトウェアの設定画面やダイアログなどのパスワードも表示可能です。 ダウンロードとインストール、使い方は以下から。 Asterisk Key - shows passwords hi
Android携帯を買わずにAndroid OSをテストドライブしてみようじゃないか | ライフハッカー・ジャパン
Googleのアンドロイド携帯の最新OSに興味はあるけれども、携帯を買うつもりははっきり申し上げて...ない。という方のために、Android SDK Emulatorを使って、無料でAndroidをPC上で起動させる方法をご紹介！ Androidは最近かなり話題にはなっていますが、最新のAndroid携帯電話を持っている人、というとかなり限られた人のみとなってしまします。しかし、Windows、Mac、LinuxのパソコンからAndroidを走らせてみる簡単な方法があるのです。SDKを含むアンドロイドエミュレータはGoogle側から提供されており、これはAndroid用のアプリを開発している人たちがパソコン上から、アプリをテスト出来るようにデザインされています。今回はこれを使ってAndroidをパソコン上でテストドライブしてみたいと思います。 まずはじめに Androidエミュレータには
自分でWordPressのテーマが作れるようになるプラグイン – creamu
WordPressのテーマを作りたい。 そんなときにおすすめなのが、『Elastic Theme Editor』。自分でWordPressのテーマが作れるようになるプラグインです。 ダウンロードした「elastic-theme-editor」フォルダを、「wp-content/plugins」に置いてプラグインを有効化することで、利用可能になります。 ヘッダやコンテンツ、サイドバーの領域をドラッグすることで、それぞれのテーマファイルを作ることができます。シンプルな2カラムで作ったのが以下ですね。 カラム数やレイアウトを自由に作れるのと、ヘッダやサイドバーなどのシンプルなテーマファイルがそれぞれ作られるので、一からテーマを作りたいときに便利なのでは、と思います。 ぜひ見てみてください。 Elastic Theme Editor プログラマと打ち合わせ。周りに仕事を振れるようになってきました。
テンプレート編集を楽にしてくれるWordPress用Dreamweaverエクステンション。TAGStention の紹介と導入方法。 | うつしよ
テンプレートの編集を楽にしてくれるテンプレートタグ入力支援「TAGStenstion」 を入れてみた。 ダウンロードはこちらのサイトから↓ 導入方法は ダウンロードしたファイル(mxp)を解凍し、Macromedia アプリケーションフォルダ内にある Extentions フォルダに保存する。 Program Files→Macromedia→Extention Manager→Configuration→Extentions(←自分のはこんな感じだった) Dreamweaver を起動し、ヘルプ→拡張機能の管理(Extention Manager)→ファイル→拡張機能のインストールを選択。 Dreamweaver を再起動。 インストールすると、このようなツールバーが現れる。 クリックすると 使いたいタグを選択し、ワンクリックでテンプレートに挿入してくれる。 チートシートからWordPr
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Colorbase
Win/Mac/Linux/BSDに対応。オープンソースの分散型フォルダー同期ツール「Syncthing」NOT SUPPORTED
Gridpx:グリッドデザイン計算ツール | Webデザイン便利ツール
makomayo.com
窓の杜 - XnView 400種類以上の画像を表示できるエクスプローラ型画像ビューワー
新着記事
IDEA * IDEA
