rakkのブックマーク - はてなブックマーク

Apicurio Projects - API design and registration

Apicurio Studio Design beautiful, functional APIs with zero coding, using OpenAPI or AsyncAPI

rakk 2024/07/25

openapi

リンク

Mermade/openapi-guiを使ってOpenAPI(Swagger)仕様書を作る

yamlを直接書かせる仕様のOpenAPIことSwagger すっかり業界標準になり腹立たしい限り。それを回避するためにStoplightを導入したものの、そちらが変な方向に行って断念。代わりにinsomniaを使ってみたがもう一つという奥歯に挟まったモヤシが取れない日々。 APIDOGやHoppscotch、Api Bldrなどクラウド製品を使うのは、ちょっとセキュリティ的にNGが出るパターンもある。 (゜-゜) 詰んだな... ある時、自身のブックマークをチェックしてて、過去にブックマークしたけどスルーしたツールがあった。それが openapi-gui 令和4年4月で開発が止まっていて、試さずに終わってたのだが、最近見たらコミットが増えていた。 (調整事項ばっかりだけど) 一応メンテしてるんだなということで、ちょっと触ってみよう。ヾ(・ω<)ノ"　三三三●　ⅱⅲ コ

rakk 2024/07/23

openapi

リンク

Point.er by IDarques on DeviantArt

rakk 2024/07/21

cursor

リンク

GitHub Star History

View and compare GitHub star history graph of open source projects.

rakk 2024/07/18

github

リンク

VSCodeで"kawaii"開発環境を作ろう - Qiita

はじめにみなさんは普段どのような開発環境でコーディングしていますか?VSCodeやIntelliJシリーズ、Vimなど様々な環境があると思います。ですが、ただコードと真正面に向き合っても目が疲れたり動かないコードに苛立ちを覚えたりすることがあると思います。そこで、"kawaii"開発環境を作って目を癒しながらコーディングをする最高の開発環境を作ってみましょう!本日の主役 "kawaii"開発環境として使っていくのは、﹁Visual Studio Code(以下VSCode)﹂です。 VSCodeにはWebベースの技術が使われており、Electronというフレームワークを用いてWindows・Mac・Linux上で動作するクロスプラットフォームなデスクトップアプリとしてかなり有名なソフトウェアです。 Webベースということはお察しがよい方はわかるでしょう。そうですCSSが使用できます

rakk 2024/07/12

vscode

リンク

【VSCode】「Your Code installation appears to be corrupt. Please reinstall.[Unsupported]」と出て鬱陶しい時の対処法

rakk 2024/07/12

"Fix VSCode Checksums"

vscode

リンク

NGINXを使ってロードバランサーを構築してみた - NIFTY engineering

初めにこんにちは！ニフティ新卒2年目の仲上です。先日応用情報処理技術者試験を受けてきたのですが、結果が出るのがまだ先なので、1か月くらいずっとそわそわしてます。合否報告が来た時には、受験したことを忘れてそうです。さて、今回はNGINXで作成したロードバランサーについて紹介したいと思います。私が担当しているシステムはクラウドサービス上に構築されているのですが、そのサービスではローカルネットワーク内にクラウドサービスのロードバランサーを作成することができませんでした。そのため、サーバーにNGINXを導入し、ロードバランサーを作成したので、その時のことについてまとめていきたいと思います。 NGINXとは NGINX(エンジンエックス)とは、フリーソフトかつオープンソースなミドルウェアであり、WEBサーバーを作成する際に使われるソフトウェアです。同じWEBサーバーソフトウェアとしてApac

rakk 2024/07/04

nginx

リンク

Gitリポジトリのインデックスが壊れたら

予想外のことは起こるもので、先日ソースコード管理ツールであるGitを使っていた際、前回のコミット以降に変更した差分を見ようとgit-statusを実行したところ、次のようなエラーメッセージが現れて正常に動作しませんでした。 $ git status error: bad signature fatal: index file corrupt このような事態を目の当たりにすると、﹁リポジトリが壊れて履歴も消失したのではないか？早めにpushしておけばよかった！﹂と後悔の念に駆られ、せめて貴重な教訓を得る機会になっただけでも良しとしようと思い諦めかけそうになりますが、ここは冷静に対処法を探りたいところです。調べによると、インデックスのファイルが破損しただけであるため、再作成すれば復旧するとの情報がありました→gitのRepoが壊れた – satoko’s blog – s21g この解決策に基

rakk 2024/06/27

error: bad signature → rm .git/index; git reset

git

リンク

Issue in to_bytes in porting python 3.x to 2.7

rakk 2024/06/24

struct.pack

python

リンク

tonsky/FiraCode: Monospaced font with programming ligatures

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

rakk 2024/06/20

リンク

【Obsidian】Dataviewを使って毎日の工数をタグごとに集計する

はじめに私は Obsidian のコミュニティプラグイン Day Planner を利用して、日々のスケジュールを管理しています。 Day Planner はデイリーノートのタスクに時間を追加することで、タスクのスケジュールをタイムラインで表示できます。タイムラインからタスクを追加することもできます。ラフに予定や作業時間を記録することができ、重宝しています。ただ、Day Planner にはタスクにかかった時間の集計機能がありません。日々の工数をつける際、手動で集計していたので時間がかかっていました。そこで、Dataview プラグインを使って、タスクにかかった時間を自動で集計するようにしてみました。工数集計の実装方法工数を集計するために、デイリーノート内のタスクにタグを付け、タグごとの合計時間と総計を表示させる方法を採用しました。注意点としては以下の通りです。タグタス

rakk 2024/06/12

Obsidian

リンク

PowerShell で netstat をするにはどうするの - tech.guitarrapc.cóm

実は PowerShell 2.0 まではObject処理できるコマンドが存在せず netstat をテキスト処理して objectに入れてほげほげしてました。しかし PowerShell 3.0 で追加された netstat に相当するコマンドで PowerShell 風に object処理できます。それが今回のお題。 Windows Server 管理している人で知らない方には利用していただきたいものです。 PowerShellでの netstat 分析は大勢に望まれていた実際 PowerShell netstat などで検索すると、海外で沢山記事が出ます。それぐらい望まれていたのです。　(日本はアレですが) netstat の統計、分析は Windows だけでなく Linux でも大事ですね。linux だと結構容易にテキスト処理できるんです。 wc -l とかもありますし

rakk 2024/05/31

"Get-NetTCPConnection"

powershell

リンク

一番分かりやすい OAuth の説明 - Qiita

はじめに過去三年間、技術者ではない方々に OAuth︵オーオース︶の説明を繰り返してきました※1,※2。その結果、OAuth をかなり分かりやすく説明することができるようになりました。この記事では、その説明手順をご紹介します。 ※1‥Authlete 社の創業者として資金調達のため投資家巡りをしていました︵TechCrunch Japan‥﹃APIエコノミー立ち上がりのカギ、OAuth技術のAUTHLETEが500 Startups Japanらから1.4億円を調達﹄︶。Authlete アカウント登録はこちら！ ※2‥そして2回目の資金調達！→﹃AUTHLETE　凸版・NTTドコモベンチャーズ・MTIからプレシリーズA資金調達﹄(2018 年2月15日発表) 説明手順︵1︶ユーザーのデータがあります。︵2︶ユーザーのデータを管理するサーバーがあります。これを﹃リソースサーバ

rakk 2024/05/31

oauth

リンク

Monitor Docker Containers with Zabbix - Easy Setup and Configuration Guide

rakk 2024/05/31

リンク

【初心者ボカロｐ・DTMにおすすめ！】音楽理論学習サイト・動画４選（2021/10/09時点）

こんにちは！今回は作曲をするうえで必須となる﹁音楽理論﹂を学ぶためのサイトを4つ紹介していきます。誰でもよほどの才能がない限り、クオリティの高い曲を作曲するためには音楽理論を学ぶ必要があります。逆に言えば、音楽理論を学ぶことで誰でもあらゆるジャンルの曲を作ることが可能となります。音楽理論学習サイト①‥﹃ポップス・ロック作曲のうちやま作曲教室﹄まず一つ目は﹁ポップス・ロック作曲のうちやま作曲教室﹂です。こちらのサイトは、作曲の先生として長年活動してきていらっしゃる内山敦支先生の運営されているサイトです。このサイトを推せるポイントとして、初心者に非常に優しく、わかりやすい表現で書かれている理論だけではなく、コツや気持ちの持ち方も紹介されている豊富な情報量！の3つが挙げられます。音楽理論を学び始めるにあたって、﹁何から始めればいいのかわかんないよ、、、！﹂という悩みを持つ方

rakk 2024/05/15

DTM

リンク

surfingkeys_config.js

rakk 2024/05/09

surfingkeys

リンク

静的アセットの取り扱い

例えば、 imgUrl は、開発中は /img.png となり、本番用ビルドでは /assets/img.2d8efhg.png となります。振る舞いは webpack の file-loader に似ています。異なるのは、絶対的なパブリックパス︵開発中のプロジェクトのルートに基づく︶または、相対パスを使用することができるという点です。 CSS 内の url() の参照も同様に扱われます。 Vue プラグインを使用している場合、 Vue の SFCテンプレート内の asset references も自動的にインポートに変換されます。一般的な画像、メディア、フォントなどの拡張子は自動的にアセットとして検出されます。また、assetsInclude オプションで内部リストを拡張することができます。参照されたアセットは build assets graph の一部として含まれ、ハッシ

rakk 2024/05/07

public内なら例えば/icon.png

vite

リンク

株式会社プラスワン » 【CSS】モーダル（display:fixed）を天地左右中央に配置する方法

製品サポートよくあるお問い合わせをまとめました。お客様のお問い合わせ内容に対する解決策が見つかるかもしれません。 SmileOneサポートツールのダウンロードはこちらから。

rakk 2024/05/07

"position: fixed; inset: 0; margin: auto;"

css

リンク

【imgタグ対応】SVGの色をCSSで変更する方法 #実務でも大活躍シリーズ

今回はSVGの色をCSSで変更する︻TIPS︼をご紹介します。よくあるインライン配置だけではなく、外部ファイルとしてSVGを読み込んだ場合にも対応していますので、ぜひ試してみてください。インラインで配置したSVGの色を変更するインライン配置の場合、色管理は簡単です。SVGの色はSVG pathの﹁fill﹂プロパティで管理されているので、CSSで﹁fill﹂属性の指定を上書きすれば色は変更することができます。 svg path { fill: #000000; } インラインで配置したSVG pathの﹁fill﹂プロパティを直接書き換えても色を変更することができます。 <svg><path fill="#000000(ここを書き換える)"/></svg> しかし、インライン配置のSVGには﹁HTMLのソースコードが複雑になる﹂というデメリットがあり、色パターンの展開のために、インライ

rakk 2024/05/07

svg
css

リンク

【VScode】USキーボード勢はShift+Spaceで補完をトリガーしよう

今回は開発する際に普段USキーボードを使っていて、エディタはVScodeをメインに開発している人向けという狭いジャンルの話です。 USキーボードを使っている人はかな変換する時にCtrl+Spaceで変換する人が多いと思います。 VScodeではデフォルトだとそのCtrl+Spaceは補完機能をトリガーするショートカットキーに割り当てられています。ショートカットを押すと下のスクショみたいな感じで使用できるプロパティやメソッドなどの候補を表示してくれます。これがあるのとないのとでは開発効率は全然違います。かな変換をCtrl+Spaceに割り当てている人はこのVScodeのショートカットキーとバッティングしてしまって補完機能が使えなくなってしまいます。プログラミングを始めてずっとUSキーボードで、この機能を知らずに非効率な開発をしてしまっている人を見かけたので備忘として書いていこうと思った次

rakk 2024/04/25

リンク

はてなブックマーク

タグ

rakkのブックマーク (1,323)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第3週）

今週のはてなブックマーク数ランキング（2024年7月第2週）

はてなブックマーク透明性レポート（2024年 2月-2024年4月）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス