はじめに OpenAPIとは SwaggerでAPIを設計する OpenAPIのフィールド openapi info externalDocs servers tags paths components おわりに はじめに こんにちは、山田です。最近少しだけ涼しいと感じる反面、シャーベット系のアイスにハマり始めています笑。 入社してから3ヶ月が経過して、ようやく慣れてきました。 本記事は入社して2本目の記事で、今回は研修で学んだAPIドキュメント作成の話です。研修ではショッピングサイトのAPI作成に取り組んだのですが、想像以上にドキュメント作成に苦戦をしたので整理もかねて書いています。 OpenAPIとは OpenAPIとは「OpenAPI Specification」の略でREST APIのコードやドキュメントを生成できるフォーマットのことを指します。API仕様書はExcelで作成すると

始めに こんにちは。株式会社ペライチ のサーバーサイドエンジニアの永見です。 開発プロセスに Open API を導入しました。ここにその知見を書いておきます。 背景 ペライチではメインのサイト作成サービスの他に、予約や顧客管理などさまざまなサービスを扱っています。各サブサービスはマイクロサービス化しており(全部ではないけど)、Web API サーバとして稼働しています。 開発の課題として以下がありました。 課題 1 : 実装とドキュメントが一致していない API の設計を Git 外のドキュメントに記載していた まったく記載がないよりはマシですが、どうしてもメンテナンスが後手になり、 実装と乖離している状態が定常化していました。 課題 2 : フロントエンドとバックエンドの連携 開発メンバーが増え、メンバー一人でバックとフロントの両方を受けもつことが少なくなり、 フロントエンドとバックエ

最近、バックエンドはRails(APIモード)、フロントはNuxt.jsといったフロントエンドとバックエンドが別々で、APIでやり取りさせるような構成が多くなってきました。 そういう場合にバックエンドとフロントエンドのIF(スキーマ)を管理するのにOpenAPIというのがデファクトスタンダードになりつつあるようです。 自分自身、普通のモノリシックなRailsアプリケーションしか触ったことがなかったので、この辺キャッチアップできてなかったのですが、いろいろ環境とか作ったりしてなんとなく分かってきたので、メモしておきます📝 OpenAPIとは OpenAPIとはもともとSwaggerと呼ばれるツールによって定義されたRESTfulなAPIの定義方法が標準化されてもののようです。 The OpenAPI Specification, formerly known as the Swagger

さくらのVPSで黒い画面を使わずあっという間に自分専用VPNを立ち上げ固定IPを手に入れる方法 技術系小ネタ 在宅ワークでも固定IPがほしい！ 在宅ワークをはじめ、出社しない働き方が当たり前になりましたが、固定IPアドレスが必要な作業だけは出社しているという方もいたりするのではないでしょうか。 IPv6プラスの普及で、自宅で固定IPを持つのは時代に逆行する向きになりました。外出先でも決まった固定IPとして接続できれば安心できる場面も多いはず。 そこで、さくらのVPS（仮想専用サーバー）のスタートアップスクリプト機能を使って、自宅や外出先でも固定IPを持つための自分専用VPNサーバーをあっという間に、しかも黒い画面(ターミナルコンソール)を使うことなく！手に入れる方法を紹介します。 最も安いプランのVPS(1ヶ月585円〜)でも十分に使えます。 最近はVPN専用サービスも増えていますが、あえ

始めに うい、まんじです。 今回はさくらVPSをVPNとして使おうとしたんだけど、わりとハマっちまったぞぉってことで記事を書いていきたいと思います。 前提としてVPNが欲しかった 最近（2022）は、労働やビジネスで海外に行くことが多くてちょっくらVPNが欲しいマインドになりました。 ネット検閲がわりと強めの国だと結構いろいろなサイトがアッチ系含めて見れなかったからです。 シンプルに不便。。。 ていうか不便を通り越してメンタルが死にかけました。 ということで、VPNが欲しくなりました。 VPN業者も検討したんだけどなんか自前で用意すればいいやってマインドに 一応ぼくはエンジニアの端くれというか末端というか底辺のような存在なので、せっかくだし自分でググってやってみようってことでやってみました。 ググった感じ明らかに難しそうではなかったので、これはいけそう（コピペターン）と確信に至りました。

はじめに こんにちは、CTO/DevRelブロックの堀江（@Horie1024）です。ZOZOではGitHub Copilotを全社へ導入しました。本投稿では、GitHub Copilotの導入に際して検討した課題とその課題の解決策としてどのようなアプローチを取ったのかを紹介します。 目次 はじめに 目次 GitHub Copilotとは何か？ GitHub Copilot導入の背景と目的 導入する上での課題 セキュリティ上の懸念 ライセンス侵害のリスク GitHub Copilot for Businessの利用 導入による費用対効果 試験導入による費用対効果の見積もり 試験導入の実施 対象者の選出 アンケートの設計 試験導入の実施 アンケート結果の集計 アンケート結果の考察 費用対効果の見積もり 全社導入の判断 導入決定後のGitHub Copilot利用環境の整備 社内LT会 おまけ

はじめに 「データベースを構築して運用するほどではないけど、ログイン機能を実装して簡単なシステムを作りたい」と思ったことはありませんか？ 実装したいシステムのユーザ数がそれほど多くない（～数十程度）なら、データベースを作らなくても、「BASIC認証のしくみ」×「テキストベースのユーザーデータ保存」を使えば、最低限のセキュリティを考慮したログイン機能が作れます。 セキュリティ対策を万全にするにはデータベースを使うのが通例だと思いますので、実装したいシステムとユーザーが扱うデータに機密情報が含まれるようなものは作らないでください。 PHPでログイン機能を作るときデータベースと連携してユーザー情報を扱う方法はたくさん紹介されているので、あえてデータベースを使わずにログイン機能を実装する方法を紹介します。 どんな方向けの記事か PHPが動作するレンタルサーバを契約し、自前のHTMLを作成してWeb

かつてWebアプリケーションの管理画面は機能に重点が置かれており、デザインはあまり重視されていませんでした。しかし、最近は機能とデザインを両立する方向へ舵を切っています。 その理由のひとつがBootstrapの存在です。Bootstrapの普及により、美しく機能的な管理画面がこれまでより簡単に作成できるようになりました。モバイルファーストのデザインを難なく構築できるほか、コンポーネントとウィジットの巨大なライブラリも利用できます。そしてなにより、Bootstrapを使うことによって一貫性を持たせられるのです。 今回はBootstrapの管理画面（ダッシュボード）のテンプレート35選をご紹介します。ご紹介するテンプレートは全てあらかじめ構築されており、ウィジェット、アドオン、プラグイン、チャートやグラフ、カレンダー、ファイルマネージャーなど、ダッシュボードに必要なさまざまな要素が含まれていま

多種多様な素材からあなたの欲しいものを見つけてみてください。 お使いの編集ソフト（Sony Vegas Pro, Adobe Premiere やFinal Cut Pro X）で編集可能です。 今すぐお好きな素材をダウンロードして編集してみましょう。

AE Juiceで作成した一部動画が無加工のまま再配布してはダメだということが分かったので該当する素材の配布を停止しました。過去に当サイトからAEJuiceの素材をダウンロードして保存している方はお手数をお掛けしますが廃棄して下さい。 詳細

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

はじめに 推しのVTuberさんが今月末で引退するらしく、アーカイブも全て削除するそうです…😭 なので動画を全てダウンロードしようと思ったのですが、どうにもyoutube-dlが遅い。 調べてみると、そもそもyoutube-dlの開発はほとんど止まっているようですね。（最新リリースも2021年だし） なので、今も活発に開発が続いているyt-dlpを使ってみようと思います。 yt-dlpとは 私は今回調べるまでその存在すら知らなかったのですが、公式の説明によると以下の通りです。 yt-dlp is a youtube-dl fork based on the now inactive youtube-dlc. 直訳すると、 yt-dlpとは、今は活動していないyoutube-dlcをベースにしたyoutube-dlのフォーク（派生版）です。 といった感じでしょうか。 実質youtube-d

字幕や副音声の編集を支援するアプリです。 動画に字幕を付け、YoutubeLiveにアップしたり、 動画に合成する音声をVOICEVOXやCOEIROINKをつかって 付与したりできます。 v1.74 ・AviUtil への出力に対応 v1.73 ・COEFONTに対応しました ・九州そら(VOICEVOX)に対応 ・インポート、エクスポートの問題修正 ・操作性の問題を改善

YouTuberの皆様、効果音やBGMをお探しならポケットサウンドをどうぞ❗作曲依頼も受け付けています。効果音素材やBGM素材を公開しているポケットサウンドです。クレジット表記をして頂ければ個人・商用問わず無料でお使い頂けます。■利用規約https://pocket-se.info/rules/■クレジット不要・...

手っ取り早くダウンロードしたい方向けの一覧表です。 ※PCでの閲覧推奨。スマートフォンでは表が崩れる場合があります。 Here's a list for those who want a quick download.

FREE BGM DOVA-SYNDROME フリーBGM（音楽素材）17,248曲＋フリーSE（効果音素材）1,318音 を全て無料でダウンロード※2024年12月 現在 著作権フリーのBGM・音楽素材をMP3形式でダウンロード配布しています。 用途や商用、加工の有無を問わず、どなたでも無料でご利用いただけます。 アプリ・ゲーム、映像や音声作品、あらゆるプロダクトにお役立て下さい。

概要 Seleniumにおいて、モバイル端末の表示をエミュレートするための方法のメモです。 Chrome DevTools Protocol（CDP）の機能を使って、画面サイズとユーザエージェントの変更を行います。実機の完全な再現とはなりませんが、おおよその表示の目安にはなると思います。 環境 Windows 10 Python 3.10.4 Selenium 4.1.3 Chrome 101.0.4951.41 コード from selenium import webdriver from selenium.webdriver.chrome.service import Service from webdriver_manager.chrome import ChromeDriverManager import os import time with webdriver.Chrome(s

スライド概要 Webアプリをネイティブアプリのように使える技術「PWA」.そんなPWAをとても簡単に作る方法と通知機能を実装する方法をご紹介します. ※2021/09/15にPWA Night 31にて発表させていただいた資料を掲載しております.リンクはQRコードから飛べます.