はてなブックマーク

はじめに 2/10 のイベントに先駆けて、社内で開催する Cloudflare 勉強会のための資料です 前回の記事で Cloudflare のアカウントを作りました 今回の記事では Cloudflare Pages で Web サイトを公開します Cloudflare Pages とは フロントエンド開発者のためのフルスタックプラットフォーム Cloudflare Pages では、 GitHub のリポジトリーを指定することで Web サイトを自動デプロイできます 実装から公開、運用まで、細かいことを考えずにフロントエンドが作れてしまうプラットフォームになっています アジリティー（機敏性）が求められる昨今、アイデアを思いついてから公開するまでの速さが命と言っても過言ではありません また、フィードバックを受けてからの対応速度も必要です フロントエンドに必要な全てをすぐに用意できる Clou

はじめに 前回の記事では、画像の dHash をビット配列としてデータベース PostgreSQL に登録し、 SQL で類似画像を取得しました また、以前の記事で画像内の顔特徴量をベクトルデータベース Pinecone に登録し、似ている顔を取得しました さらに、 PostgreSQL は拡張機能 pgvector によってベクトル型を扱うことができます というわけで、これらの組み合わせを Livebook で実装します 対象となる画像から evision で顔を検出し、顔の特徴量を取得する 顔の特徴量をベクトルとして PostgreSQL に登録する SQL で似ている顔の組み合わせを取得する Livebook と PostgreSQL をコンテナで立ち上げる手順については以下の記事を参考にしてください データベース操作には Ecto を使用します Livebook 上での Ecto

みなさん、デザインツールの Figma を使っていますか？ 私はまだ「使っている」と言えるほど使えていません というわけで勉強会を開催して勉強します Figma とは 公式の紹介文は以下のとおりです デザインの追求からプロトタイプ作成、制作物のコーディングまで、Figmaはチームがコラボレーションして製品開発するためのプラットフォームです 本記事のタイトルと同じように、「デザインからデモ・実装までチームで製品開発できる」旨が書かれています まさにその通りで、ブラウザ上で UI をデザインし、そのまま動かしてみることができ、最終的にはコードの生成までできてしまうツールです Figma の人気 2022年に世界中のデザイン関係者を対象としたアンケートでも Figma は圧倒的な人気です いずれのランキングでも2位の10倍以上の得票数になっています メインで使っている UI デザインツール第1位

はじめに もう JavaScript や CSS なんて書きたくない！ でも、綺麗で動きもある画面を作りたい！ そんな人にオススメなのが Pines です コピー＆ペーストだけで以下のような UI を超簡単に作れてしまいます！ See the Pen Pines Accordion by Ryo Wakabayashi (@ryowakabayashi) on CodePen. See the Pen Untitled by Ryo Wakabayashi (@ryowakabayashi) on CodePen. See the Pen Untitled by Ryo Wakabayashi (@ryowakabayashi) on CodePen. See the Pen Pines Copy to Clipboard by Ryo Wakabayashi (@ryowakabayas

GitHub Copilot は AI がペアプログラミングしてくれるサービスです Copilot = 副操縦士なので、私たちがコードを書くとき、隣からそっと助けてくれるイメージです ChatGPT のようなチャット形式とは異なり、特別指示を出さずとも、コードを書いていると自然に提案してくれます 例えば、以下の GIF では Python で def generate_random_ まで書いた時点で、残りのコードを GitHub Copilot が提案してくれています そのままタブキーを押せば提案されたコードを採用できます 最初から 100 点のコードにはなかなかなりませんが、 70 点のコードでも叩き台ができるのは非常にありがたいです 本記事では VSCode で GitHub Copilot を使う方法と、その活用術について紹介します GitHub Copilot が使えるようになる

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

はじめに 以前の記事で Docker Desktop の代替に minikube を使う方法を記載しました しかし、この方法は Rancher Desktop の登場により、もはや過去のものになりました！ macOS では minikube で不便だったところが全て解消されます Windows でも、わざわざ WSL 上の Docker を使わなくてよくなります 本記事では、 Windows かつ proxy 環境の場合の設定方法を紹介します macOS かつ proxy 環境の場合は以下の記事（後輩著）を参考にしてください Rancher Desktop の導入 以下の記事を参考に Windows に入れてみました 特に問題なくインストールできました が、 proxy 環境なので追加で設定していきます Proxy 設定 Qiita に先駆者様がいらっしゃったので、 そこから公式の Iss

はじめに 社内でどうしても Office 製品のファイルを扱わないといけないとき、これを Git で変更管理できないだろうか？ というわけで、やってみました 方針 どちらがよいか Office ファイルから必要な物をテキストでエクスポートして管理する バイナリのまま管理して、差分をツールで表示できるようにする やはりバイナリはリポジトリーに入れたくないので、できれば前者が良いが、、、 毎回エクスポートする手間、もしくはエクスポートを pre-commit で自動化するための環境作り（を他人が実行できるようにすること）が大変そう 前者のためのツールを試してみましたが、長い期間更新されていないし、あまり使いやすくはない 必ずしもすべての情報がエクスポートできるわけでもなさそう ということで、今回は後者、差分をツールで表示する方針にしました 差分抽出ツール 今回は2種類のツールを利用しました マ