社内デザインシステムをMCPサーバー化したらUI実装が爆速になった
はじめに こんにちは、普段 Ubie で症状検索エンジンユビー(https://ubie.app/)の開発をしている江崎です。 最近、Cursor エディタや GitHub Copilot などのコーディングアシスタントツールが進化し続けていますが、社内固有のデザインシステムとの連携はまだまだ課題が残っていました。そこで社内エンジニアである sosuke とともに、Ubie Vitals というデザインシステムを MCP サーバー化することで、UI 開発の速度と精度が劇的に向上した体験を共有します。 目次 デザインシステムと開発の現状課題 MCP サーバーの登場 Ubie UI MCP の構築 デモ テキストだけで UI 実装が可能に デザイナーの壁打ち相手としての可能性 今後の展望 デザインシステムと開発の現状課題 Ubie では「Ubie Vitals」というデザインシステムに則って
知らないと後悔する最強のエンジニア勉強法 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに この方法を教えると誰もが早くに出会いたかったと口を揃えて言いました こんにちは。Watanabe Jin(@Sicut_study)です。 今回はエンジニアがすべき究極の勉強法について完全解説していきます。 世の中には多くの勉強法が存在したり、インプット中心、アウトプット中心など色々な考え方があります。 ここでは実際に私が運営しているプログラミングコーチングJISOUで実際に用いている科学的根拠のある最高の勉強方法について徹底的にご紹介します。 また勉強法についての一般的な理論を紹介している記事や本は多数存在しますが、エンジニ
Google Cloud Vision APIのOCRを使ってPythonから文字認識する方法
こんにちは、業務自動化ツール開発担当の吉池（@valmore_myoshi）です。 今回はGoogle Cloud Vision APIのOCRを使用して画像から文字認識する方法を解説します。さまざまな言語で扱えますが本記事ではPythonを使いたいと思います。 Cloud Vision APIの精度を試したり、使い方を学ぶときにお役立てください。 Cloud Vision APIとは？ Cloud Vision APIは画像認識に特化したAPIです。画像から顔を検出したり、写っているものを識別できます。本記事ではそのなかでもOCRを使ったテキスト検出に絞って解説します。 REST APIやさまざまな言語ごとに用意されているクライアントライブラリを通してCloud Vision APIを使用できます。Cloud Vision APIでできることや精度を知りたい方は画像をアップロードするだけ
Python 【RPA】再帰的にWebページを完全な「html」または「mhtml」で自動保存する - PythonとVBAで世の中を便利にする
本記事では、PythonでRPA（Robotic Process Automation）を行う実施例を載せました。はてなブログ記事をサイトマップ「sitemap.xml」から、全自動で保存する雛形コードで動作例は次の動画です。 www.youtube.com 手法は、前提としてChromeブラウザを使用します。そして、ChromeDriverのダウンロードと使用手順と注意点は下記を参考下さい。 Python webスクレイピング／①google NEWSトップページ／②googleニュース検索エンジン／③画像 - PythonとVBAで世の中を便利にする その他に必要なライブラリ「lxm」,「selenium」,「pyautogui」,「pyperclip」4つのインストール方法は下記です。 conda install -c anaconda lxml conda install -c c
Python3インストール（Mac編） - Qiita
Pythonのインストールについては現在様々な方法があり、日々変化しています。 Qiitaでの投稿に限界を感じたので、今後は自己サイトhttps://midsatoh.github.io/python/install/select_soft/にて配信することにします。 今後こちらの記事の更新は行いませんので、ご了承ください。 0. はじめに 過去に投稿した「Pythonインストール（Mac編）」については、おかげさまでたくさんの方にいいね＆リンクしていただけました。 流石に３年前の投稿となり、世間でもPython3系の需要がPython2系を上回ったようですので、改めてPython3系のインストール方法として公開します。 以前の記事ではpipコマンドについても補足で記載していましたが、現在公開されているバージョンではプリインストールされていますので、pipコマンドのインストールについては割
初心者がGPU搭載Windows10にPython + Anaconda + TensorFlow + Kerasの環境を構築してみた[2018/4/28] - Qiita
この記事はプログラミングを全くした事のない初心者の私が、 苦労した環境構築を丁寧に記録する事で誰かの参考になればと思い執筆するものです。 参考記事 [Python]Windows10にTensorflow-GPU+Kerasをインストールする[2017/10/5] 環境 Windows10 Pro NVIDIA GeForce GTX 1080 Ti Python 3.6.1 Anaconda 3-4.4.0 TensorFlow-GPU 1.3.0 Keras 2.1.6 Visual Studio Community 2015 with Update 3 CUDA v8.0 cuDNN 6 大事なこと この分野は急成長中であり常に変わっていきます。環境構築の際は記事の日付がなるべく新しいものを参考にしてください。 出来る限り環境を合わせると良いでしょう。特にインストールするバージョンは
![初心者がGPU搭載Windows10にPython + Anaconda + TensorFlow + Kerasの環境を構築してみた[2018/4/28] - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/f845f1c7d5d41fe170111f244d7df66fdcf74a90/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.1.1%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFwLW5vcnRoZWFzdC0xLmFtYXpvbmF3cy5jb20lMkYwJTJGMjUzODE4JTJGcHJvZmlsZS1pbWFnZXMlMkYxNzQ3Mjg0MTQwP2l4bGliPXJiLTQuMS4xJmFyPTElM0ExJmZpdD1jcm9wJm1hc2s9ZWxsaXBzZSZiZz1GRkZGRkYmZm09cG5nMzImcz1jMDA2ZGJkN2VlNGZmMDczOWU5OWQ1NDQwYmVlZDZhNw%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D868a09bf19cbf74b445fd4f9ce2f4b4f%3Fixlib%3Drb-4.1.1%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTk2MCZoPTMyNCZ0eHQ9JUU1JTg4JTlEJUU1JUJGJTgzJUU4JTgwJTg1JUUzJTgxJThDR1BVJUU2JTkwJUFEJUU4JUJDJTg5V2luZG93czEwJUUzJTgxJUFCUHl0aG9uJTIwJTJCJTIwQW5hY29uZGElMjAlMkIlMjBUZW5zb3JGbG93JTIwJTJCJTIwS2VyYXMlRTMlODElQUUlRTclOTIlQjAlRTUlQTIlODMlRTMlODIlOTIlRTYlQTclOEIlRTclQUYlODklRTMlODElOTclRTMlODElQTYlRTMlODElQkYlRTMlODElOUYlNUIyJUUyJTgwJUE2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9NDQwOTJhMmM4MzQ5MmU2MThhNzViZmE2NDNkNjQ5ZTk%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjEuMSZ3PTgzOCZoPTU4JnR4dD0lNDBqb2NoYWtlbiZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1wYWQ9MCZzPTgzMjgyZjdkMTNkNTY4OTgxMjAyY2M5ZDQyZTc0NDRk%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D35f1f6bfd3bd73fe9f44f03e7e687ac4)
日本語WordNetを使って、類義語を検索できるツールをpythonで作ってみた - Qiita
日本語WordNetを使って、何か面白いことができないか調べていきたいと思います。 今回は、とりあえず日本語WordNetについて簡単に情報をまとめ、類義語を検索できるツールをpython3で作ってみました。 WordNetとは？ 同義語、上位・下位語などがまとめられている、概念の辞書です。 元々英語で整備が進んでいました。 日本語版は、2006～2010に、国立研究開発法人情報通信研究機構（NICT）が整備を進めました。 詳しくはWikipediaで https://ja.wikipedia.org/wiki/WordNet WordNetはどうやったら使えるの？ 以下の日本語WordNetのHPから、ダウンロードできます。商用フリーです。申し込み不要です。 日本語 WordNet： http://compling.hss.ntu.edu.sg/wnja/ 私はpython経由で使いやす
🔰Python少し知ってればつくれる! PythonとAWS Lambdaを使ったAlexaスキル開発チュートリアル (2018年8月最新版) - Qiita
だいたい全体像が見えてきたでしょうか? 1.0. スキルの対話モデルを作成 スキルを実装するには現在のページから対話モデルを作成する必要があります。 対話モデルの作成にはAlexaに話しかける内容を定義して、どのように言われたらどの部分をどうとってくるかを設定します。 Alexaスキル開発トレーニングシリーズ 第2回 対話モデルとAlexa SDK : Alexa Blogsより 今回のスキルでは以下のようなユーザとの対話を目指します。 「Alexa, 動物覚えるくんを起動して」 「あなたの好きな動物はなんですか」 「私の好きな動物はねこです」 「覚えました」 「私の好きな動物は」 「あなたの好きな動物はねこです」 「私の好きな動物はいぬです」 「覚えました」 「私の好きな動物は」 「あなたの好きな動物はいぬです」 「終了」 このような流れを考えた場合、 先ほどの図から「動物覚えるくん」が
Pythonで文字列・数値をゼロ埋め（ゼロパディング） | note.nkmk.me
右寄せゼロ埋め: zfill() 一番シンプルなのは文字列strのzfill()メソッドを使う方法。 組み込み型 - str.zfill() — Python 3.11.3 ドキュメント 引数に文字数を指定すると、元の文字列が右寄せされて残り（左側）がゼロで埋められた文字列を返す。
Pythonでファイル名・ディレクトリ名の一覧をリストで取得 | note.nkmk.me
Pythonでディレクトリ内（フォルダ内）のファイル名・ディレクトリ名（フォルダ名）の一覧を取得するには、osモジュールのos.listdir()関数を使う。 os.listdir() --- 雑多なオペレーティングシステムインターフェース — Python 3.11.4 ドキュメント globモジュールやpathlibモジュールを使ってファイル名・ディレクトリ名（フォルダ名）の一覧を取得する方法もある。ワイルドカード*などを使った条件指定やサブディレクトリを含めた再帰的な抽出が可能。 関連記事: Pythonで条件を満たすパスの一覧を再帰的に取得するglobの使い方 関連記事: Python, pathlibでファイル一覧を取得（glob, iterdir） 以下のファイル・ディレクトリ構造を例とする。
ファイル操作をマスターしよう！Pythonでの読み込み・書き込み方法を徹底解説！｜DS Media by Tech Teacher
本ブログを運営しているTech Teacherは、 プログラミング家庭教師サービスを運営しています。 完全マンツーマン・フルオーダーメイドで あなたが必要な指導を提供します。 テキストファイルを読み込む テキストファイルを読み込むためにはopen関数を使用してファイルをオープンし、その後にファイルの内容を読み込む必要があります。 テキストファイルの内容を読み込むメソッドには「readメソッド」「readlineメソッド」「readlinesメソッド」の3つがあります。 ここからはopen関数と、そこからテキストファイルを読み込む3つのメソッドについて詳しく説明していきます。 open関数 open関数は、Pythonのプログラムからファイルを利用できるようにしてくれるものです。 シンプルなopen関数の構文は「open ( file , mode )」です。それぞれの引数には file：オ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
xlsxファイルにSQLを実行するxlsxsql - Qiita
GitHub - adasq/google-alerts-api: Google Alerts API for NodeJS
google-alerts - Read the Docs Community
Getting Started — google_alerts 0.1.0 documentation
How to change the font size of an python pptx object
Python - Google translate(구글 번역) API 사용 방법
GitHub - side-runner-py/side-runner-py: Selenium SIDE file runner
TechAcademy [テックアカデミー]![TechAcademy [テックアカデミー]](https://cdn-ak-scissors.b.st-hatena.com/image/square/2c295330d4f51d6ba69336c6835b47fb606bfd53/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Ftechacademy.jp%2F_nuxt%2Fogp%2Fog-image.jpg)
Python日付型 - Qiita
