並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 22 件 / 22件

新着順 人気順

uiの検索結果1 - 22 件 / 22件

  • もしプログラミング初心者に戻れたら、初めから使っておきたかったツール36個

    こんにちは。 苦しんでプログラミングを学んだ柴犬こと、くるしばです。 独学でプログラミングを学習し、Webサービス作りITベンチャーを起業しました。 その後個人開発したサービスを売却したり、また別のIT系の会社を創業したりしています。 下記のTwitterにてプログラミング学習に関して発信し、1.9万人以上の方々にフォローして頂きました。 また、最近はUdemyでReactとFlutterのプログラミング講座も出して、ベストセラーにも入っています。 初心者のうちは知らなかったが、学習を進めたり実務に入って経験が長くなってから 「こんな便利なものあったんだ...!」 となるツールってありませんか? 僕はめちゃくちゃありました。 こういったツールは他の詳しい人から教えてもらうケースも多いので仕方がないのですが、もしこれらを初心者のうちに知ってたら色々楽だったのにな...と思うものが沢山あります

      もしプログラミング初心者に戻れたら、初めから使っておきたかったツール36個
    • 高級ホテルの客室タブレットに潜む危険:他客室も操作、盗聴可能だった脆弱性を発見するまで - ラック・セキュリティごった煮ブログ

      しゅーとです。 新婚旅行で沖縄に行ってきたのですが、そこで泊まった高級リゾートホテルの客室にタブレットが置いてありました。 このタブレットを調査したところ、客室内の盗聴・盗撮が可能となる脆弱性や、第三者がネットワーク上から他客室のコントロール、チャットの盗聴が可能となる脆弱性を発見しました。この問題はIPAを通して開発者に報告し、報告から2年の年月を経て影響する全ホテルへの改修が完了し、公表されました。 本記事ではキオスクアプリ開発者がよりセキュアなシステムを構成できるように、発見した脆弱性の原因と対策を解説します。 客室に設置されていた脆弱性を有するタブレット ※今回は稼働中システムに対する調査という背景を鑑み、他者の情報・資産を侵害しないよう細心の注意をもって調査しており、他者の情報が関連するセンシティブな問題についてはアクセスなどの実際の検証を行わず、複数の間接的な証跡をもって報告し

        高級ホテルの客室タブレットに潜む危険:他客室も操作、盗聴可能だった脆弱性を発見するまで - ラック・セキュリティごった煮ブログ
      • ヨドバシの"回遊させない購買"が他の大手ECを越える顧客満足度を生んでいる「不器用だが、邪悪ではなく物売ることに真摯」

        K e n T a @kenta_feels_ayu 面白いのはヨドバシドットコムのUIの不器用さに反し、 JCSI(日本版顧客満足度指数)の調査で10数年連続で満足度1位を叩き出しているというデータがあることなんすよね。 (楽天Amazonもスコア60~70前半でひしめいてる中、ヨドバシは70後半ものによっては80以上のスコアを叩き出して独走状態。) pic.x.com/cK5qnma6sC x.com/List_Erine/sta… 2025-01-17 16:29:08 炭山水(旧リステ・リン) @List_Erine それはそれとして、ヨドバシドットコムはもうちょいwebサイトやアプリのUIはもうちょい頑張って欲しいではある。 ことあるごとにパスワード入力求められてウザいし、ボタンデザインが直感的でないし、住所変更がヘッダに反映されないし、検索結果がいかにもな部分一致キーワード検索

          ヨドバシの"回遊させない購買"が他の大手ECを越える顧客満足度を生んでいる「不器用だが、邪悪ではなく物売ることに真摯」
        • やはりVRフィットネスは人生を変えると思う。5年間で筋肉質になった私 - 勝間和代が徹底的にマニアックな話をアップするブログ

          安価で実用的なVRであるOculus Quest1が発売されたのが、2019年5月でした。 VRにはもともと興味があったので、その発売以前から、Oculus Goももっていましたし、ベースステーションが必要でPCとつなぐタイプのものもいくつかもっていましたが、Oculus Quest1が出たときに、初めて実用的なHMDが出たと思い、予約して飛びついて買いました。 ただ、当時はそんなにソフトウェアも豊富ではなく、それこそ、人に勧められるのはビートセイバーくらいでした。 ところが、2020年にSupernaturlが発売になったときには、うおーーー、と思って、おお、これもまた、やっと実用的なフィットネスソフトができるようになったとせっせと遊んでいました。 www.moguravr.com それから早5年近くがたち、HMDもQuest2、Quest3とどんどん画質も音質も上がっていき、フィットネ

            やはりVRフィットネスは人生を変えると思う。5年間で筋肉質になった私 - 勝間和代が徹底的にマニアックな話をアップするブログ
          • 社内会議は「パワポ」よりも「ドキュメントの黙読」が良い理由 Amazon元本社PMが5つのポイントで教える、資料の書き方 | ログミーBusiness

            パワポプレゼンの“あるある課題”鈴木一成氏:それでは始めたいと思います。突然ですが、みなさんはこんなパワポプレゼンの会議に直面したことはありますか? スライドで準備した感はあるんだけれども、提案の中身が考えられていない。「提案の中身」より、「提案者が誰か」に影響を受けている。それから質疑応答や議論の時間が足りない。誰かがプレゼンを遮ると議論が脱線して、もっと時間が足りなくなる。あとは、会議後に参加していなかったメンバーにニュアンスを伝えるのが難しい。 これらは、パワポプレゼンならではの欠陥と言えます。なぜこういうことが起きるのかという問題の真因に迫ると、大きく3つほど挙げられます。 まず1つ目は、人が聞きながら考える・考えられることには限りがあるということです。意図していなくても、巧みにしゃべればある程度ごまかしが効いてしまう。 2つ目は、そもそも人が聞き取れるスピードにも限りがあります。

              社内会議は「パワポ」よりも「ドキュメントの黙読」が良い理由 Amazon元本社PMが5つのポイントで教える、資料の書き方 | ログミーBusiness
            • 最強神器「Cursor」の本当に使い方を徹底解説【知らないとヤバいレベルです】

              筆者自信、個人開発を長い間やってきた&toB含め多くの開発に携わってきました。もともと開発速度に自信があり力でねじ伏せるタイプでしたが、それでもこのCursorを使い始めて世界が変わりました。具体的には、よくあるAI驚き屋の「3分でLPが作れた」「24時間AIが自動で」とかではなく、実践的な開発で6~10倍程度のスピードが出せるようになりました。序盤は10倍どころかとんでもない速度で仕上がっていきます。 筆者はAI駆動開発にハマり、1500時間くらいCursorを使い込んできたので、その経験を踏まえて現状をしっかり解説します。 この記事を読むとわかるCursorの持つ可能性 「コードを書く」から「AIがコードを書き、開発者が補助する」すべての機能 基本はProプラン$20で何でもできる 0→1開発から複雑な大規模プロジェクトまで、Composer Agent がマジでやばい ここ数年でGi

                最強神器「Cursor」の本当に使い方を徹底解説【知らないとヤバいレベルです】
              • NotebookLMでポッドキャスト生成してMacWhisperで文字起こししながら聴くのが英語のリスニング訓練に良い - laiso

                最近「生成AIで英語を効率よく勉強するには」というnote記事で、自分が興味のある題材の教材を手に入れるために生成AIを活用するノウハウが紹介されていた。 note.com これには共感できて、私も「海外ドラマを使って英語学習しよう!」というメソッドに乗って実践しては「ドラマ興味ねぇ〜」と挫折を繰り返すことが多かった(ディズニーの英語と映画アラジンがライブラリに眠っている)。自分の好きなテーマで教材を作ればモチベーションが保ちやすいのはそのとうりだと思う。 私の場合、読み書きよりもリスニングをもっと鍛えたいという気持ちが強い。理由はソフトウェア技術関連の動画やポットキャスト(カンファレンスの録画とかテックインフルエンサーの配信とか)の音声を翻訳を挟まずに理解できるようになりたいから。即時性の高い一次情報が英語かつ音声でしか入手できないことが結構ある。以前感想を書いたOSSのドキュメンタリー

                  NotebookLMでポッドキャスト生成してMacWhisperで文字起こししながら聴くのが英語のリスニング訓練に良い - laiso
                • 【更新】「お名前.com」で欲しいドメイン名を取ろうと購入画面に飛んだら、全然違う文字列のドメイン名を買わされそうになった「邪悪UI」「消費者庁案件では」

                  けんすう2 @kensuu NFTを創ったり、出版社さんとAIをフル活用したクリエイター向けのサービスを作るアル社の代表です。コミュニティづくりが好き! アルの実績・問い合わせ:alu.co.jp 質問:marshmallow-qa.com/kensuu kensuu.com けんすう2 @kensuu こちらですが、お名前.comさんとやりとりをさせていただいて、色々教えていただいたんですが、結論で言うと「僕の勘違い」でした!大変申し訳ございません! 先方は「我々が誤解させてしまったので・・・」と言っていただいたんですが、完全に僕が悪いので、訂正させてください、めちゃくちゃご迷惑をおかけしてしまいました・・・。 以下に経緯を説明します。 -- # 前提 ・勘違いした理由の一つとして「お名前.comは確かに、何かの文字列のドメインを取得したときに.shopドメインや.siteなどをカートに

                    【更新】「お名前.com」で欲しいドメイン名を取ろうと購入画面に飛んだら、全然違う文字列のドメイン名を買わされそうになった「邪悪UI」「消費者庁案件では」
                  • 人間によるコーディング禁止の CLINE 縛りでゲームを作らせてみた感想

                    現時点の AI コーディングの実力を測るために、自分はプロンプトのみ、直接コードを書くのは禁止で Roo Code による VS Code によるエディタ操作のみでコードを書かせた。その感想 (急いで書いたのでいろいろと雑です) tl;dr 良し悪しはともかく、人類は確実にAIによる自動操縦型のプログラミング体験に依存するという確信を持った。 ただ、その基盤である CLINE(系)自体のツールとしての完成度はいまいち。 CLINE以外の、各モデルのコーディング性能も、現時点では物足りない。 CLINE とは何か(知らない人向け) いろいろと機能はあるが、コア機能としてはヘッドフルな vscode runner で、AI にコードを書かせるために必要な情報を受け渡しするインターフェースを持っている。ファイルの読み書きや、コマンドを実行結果をプロンプトにしてAIに渡す。puppeteer によ

                      人間によるコーディング禁止の CLINE 縛りでゲームを作らせてみた感想
                    • ライブラリ選定のときに使えるツールあれこれ

                      自分が使ってるやつを紹介します。 GitHub Star History 指定したGitHubリポジトリのスターの増加数をグラフで見れるサイトです。 たとえば、👇の3つのReactのUIライブラリを例に見てみます。 mui chakra-ui shadcn-ui ▲https://star-history.com/#shadcn-ui/ui&chakra-ui/chakra-ui&mui/material-ui&Date こんな感じで、一目でライブラリの人気度合いをざっくり比較できます。 使い方 テキストボックスに、比較したいライブラリのGitHubリポジトリURLを入力するだけです。 また、「Align timeline」にチェックを入れると、グラフのスタートを揃えれます。 たとえば、Prisma ORMとDrizzle ORMを比較するとPrismaの方が圧倒的に見えますが、スタート

                        ライブラリ選定のときに使えるツールあれこれ
                      • 「プログラマとCLINE - これはパンドラの箱なのか」を観た - laiso

                        www.youtube.com 昨夜未明、インターネット某所で、プログラミング支援ツール「Cline」と、それを用いたゲーム開発の経験談*1を語り合う会合がありました。 CLINEが持つ、人間の介入を最小限に抑えながら暴走機関車ようにコードを生成する性質を軸に、CopilotやCursorなど既存のAIコーディングツールとの比較や、これまでのコーディングツールのアプローチからの変化、今後の開発における展望も議論されていました。 Clineの性質 ホストの@mizchiさんはClineを「強いパーミッション持って自動で実行されるのでイテレーションの回数が多い」「AIにコーディングのアシスタントではなく主導権を持たせても何とかなるということを気づかせてしまった」と評価していました。Cursorなどと比較してその自律性(相談せず勝手にやっちゃう)に強く惹かれているそうです。 確かに全部読み込ませ

                          「プログラマとCLINE - これはパンドラの箱なのか」を観た - laiso
                        • Xからの移住先について考えてみた。

                          Xからの移住先として、MastdonやBlueskyが挙げられて久しい。 そして大手もThreadsやMIXI2というサービスを開始してきた。 かと思えば新興のXライクなサービスが最近どんどん出てきている。 どこかのWeb記事で見たのは、「タイッツー」と「Misskey」が注目されているということだった。 正直全然知らなかったので、ちょっと覗いてきた。 Misskey https://misskey.io/ ・ 2014からある意外と古参なサービス ・機能はほぼX ・独自のスタンプや絵文字が使用できて、DiscordやSlackみがある。 ・マストドンなどの他の分散型SNSの投稿を同じUIで閲覧することができる ・イラスト投稿が歓迎される雰囲気 タイッツー https://taittsuu.com/ ・開始から2年弱の個人開発のサービス。 ・機能はXだが、そこまでリッチではない。 ・もとも

                            Xからの移住先について考えてみた。
                          • 同接1500人耐える配信サーバーをCloudflareを使って構築した

                            始めようと思ったきっかけ Twitchのクローンサイトを作りたいとずっと考えていて、おおえのたかゆき(おえちゃん)さんが一般の配信サイトでは放送できないジャンルのコンテンツを配信できるサイトを探していると知って作成に取り掛かりました。なのでおえちゃんの元々配信していたサイトであるOPENRECにちなんで、サイト名はOpen放送室にしました。 前提 サーバーのプロバイダー: Linode クライアント: Next.jsでUIはNextUI バックエンド: Express.js 環境 NginxでRTMPとHLS配信 NginxでAPIとクライアントへのリバースプロキシ 全ての通信はCloudflare経由 ①初期段階の構成 第一回目のテスト放送での出来事です。 結果から言うと600人ぐらいで落ちました。 サーバー Ubuntu 4GB 2 Core (Dedicated Server) Ca

                              同接1500人耐える配信サーバーをCloudflareを使って構築した
                            • ライブイベントにおけるチケット不正転売防止・業務効率化等に、マイナンバーカードを活用する実証実験を実施します|デジタル庁

                              ホーム新着・更新ライブイベントにおけるチケット不正転売防止・業務効率化等に、マイナンバーカードを活用する実証実験を実施します ライブイベントにおけるチケット不正転売防止・業務効率化等に、マイナンバーカードを活用する実証実験を実施します エンターテイメント領域でのマイナンバーカードの利用シーン拡大のため、株式会社ドリームインキュベータ(東京都千代田区、代表取締役社長 三宅 孝之)を受託事業者、playground株式会社(東京都千代田区、代表取締役 伊藤 圭史)を技術提供事業者として、ライブイベントにおける不正転売防止・業務効率化等を目的とした実証実験を実施します。 実証実験は、株式会社アップフロントグループ(東京都品川区、代表取締役社長 瀬戸 由紀男、以下「アップフロント社」)の協力を得て、2025年3月21日に開催される「モーニング娘。’25 小田さくらバースデーイベント ~さくらのしら

                                ライブイベントにおけるチケット不正転売防止・業務効率化等に、マイナンバーカードを活用する実証実験を実施します|デジタル庁
                              • 古くなったPCでも快適に動作する軽量「Linux」ディストリビューション5選

                                読者の自宅に使っていない古いPCはないだろうか。「Windows 11」をサポートしない「Windows 10」搭載PCを使用しているが、新しいマシンを購入することに興味はない、という人もいるかもしれない。そういう人はどうすればいいのだろうか。 軽量の「Linux」ディストリビューションを導入するといいだろう。このタイプのOSは通常、システム要件が非常に低く、古いマシンを新品のように生まれ変わらせることができる。軽量をうたうディストリビューションはいくつかあるが、本記事では、1GHz以下のCPU、2GB以下のRAM、10GB以下のストレージがシステム要件となっているものだけを紹介する。これらのディストリビューションはすべて、機能を犠牲にすることなく高速性を実現している。 それでは、どのディストリビューションを選択すればいいのだろうか。本記事では、適切なディストリビューションの選定に役立つ情

                                  古くなったPCでも快適に動作する軽量「Linux」ディストリビューション5選
                                • オープンソースAI作曲ソフトがインストール出来るヤァヤァヤァ!。話題の「YuE」を自分のPCに入れて日本語ボーカル曲を生成してみた(CloseBox) | テクノエッジ TechnoEdge

                                  まずは最初にできた楽曲を。 では、ローカルマシンへのインストールに時間を巻き戻します。 YuEは非常に重いソフトで、現時点ではNVIDIAのかなり強力なGPUが必要です。また、インストーラは付属しておらず、ターミナルでコマンドラインを駆使する必要があります。 筆者はGitHubページにあるインストール方法に従って数時間トライしてみましたが、ライブラリやバージョン関連の問題が多発し、先に進めない状態になりました。 現時点では、Makiさんによる解説記事がいちばんまとまっています。筆者はMakiさんが成功したというXでの投稿を見て、「できるんだ!」と試行錯誤を続けた次第です。 ・YuEを使って音楽生成を始めよう! また、公式認定の解説動画も公開されました。 動画ではスムーズにインストールされていますが、筆者はけっこうつまづいています。 まず筆者の環境から、Windows 11マシン(Core

                                    オープンソースAI作曲ソフトがインストール出来るヤァヤァヤァ!。話題の「YuE」を自分のPCに入れて日本語ボーカル曲を生成してみた(CloseBox) | テクノエッジ TechnoEdge
                                  • コーディング支援だけじゃない 「GitHub Copilot」をレガシーコードの文書化や説明に役立てる方法をGitHubが解説

                                    GitHubは2025年1月15日(米国時間)、レガシーコードを扱うときにAI(人工知能)コーディングアシスタント「GitHub Copilot」がどのように役立つかや、GitHub Copilotを用いてレガシーコードを文書化したり説明したりする方法、これらを実施する際に留意すべきベストプラクティスを公式ブログで解説した。 GitHubは、GitHub Copilotが話題に上るときは、新しいコードの作成に焦点が当てられることが多いが、GitHub Copilotは既存のコードを理解するためにも同様に役立つと述べている。GitHub Copilotの自然言語処理機能を利用して、複雑なロジックを文書化したり、分かりにくい関数を説明したり、可読性を高めるための改善点を提案したりできるという。 レガシーコードを扱うときにGitHub Copilotがどう役立つ? 関連記事 OpenAIの「o1

                                      コーディング支援だけじゃない 「GitHub Copilot」をレガシーコードの文書化や説明に役立てる方法をGitHubが解説
                                    • できるだけUIを作らない(新規作成画面編)|toofu

                                      貿易管理 SaaS を提供している Shippio でプロダクトデザインを担当している toofu です。 最近、機能開発・改善をするときに「なるべく UI つくりたくないなあ」と思うことがよくあるので、その考えを事例とともに共有させてください。 メインオブジェクトの作成機能を設計しました先日、Shippio のメインオブジェクトである「シップメント(貿易案件的なもの)」の作成機能をリリースしました。 メインオブジェクトの作成機能がなかったの…?と思われるかもしれませんが、Shippio にはシップメントを画面上で作成する機能がなく、外部データをインポートすることしかできませんでした。 「プロパティが多い貿易案件をすべて手入力していくよりも、ユーザーが普段の業務で管理している Excel 上の貿易データをそのままインポートしてもらうほうが、より業務効率化に近づくはず」というプロダクト開発初

                                        できるだけUIを作らない(新規作成画面編)|toofu
                                      • Essential CLI Tools for Developers

                                        We, developers, spend a lot of time in our terminal. Or maybe we could spend even more, because there are so many great CLI/TUI tools that can boost the developer productivity, or just be fun to use. This article contains a categorized list of CLIs / TUIs I personally use and those widely adopted in the development community. Our sponsorMultiplayer auto-discovers, tracks, and documents your entire

                                          Essential CLI Tools for Developers
                                        • AIマルチエージェントのアプリをChainlitで爆速開発しよう - Qiita

                                          せっかく作ったAIエージェントは一般ユーザにも届けたいですよね?? 皆さん、AIエージェント触ってますか? 私は最近LangGraphを触るのが楽しいです。 せっかく作ったエージェントは一般ユーザにも届けたいですよね?? で、あればフロントエンドも作りたいんですが、これが私の様な素人には意外と難しいです。 APIとしてデプロイして蹴って使うのも手間ですし、Streamlitで実装するのも、 チャット履歴は?ツールを使った場合の表示はどうする?など意外と考える事が多くて面倒です。 もっとエージェント開発に注力してフロントエンドはサクッとモダンなものを実装したい... そんな風にして調べていたらChainlitと出会ってしまいました。 ※この記事の続編はこちら [Chainlit✖︎AWS]超簡単!?LangGraphマルチエージェントのチャット履歴をAWSクラウド上に保存しよう Chainl

                                            AIマルチエージェントのアプリをChainlitで爆速開発しよう - Qiita
                                          • 個人開発のDBをFirebaseからSupabaseに移行した話

                                            こんにちは。はじめまして。れとるときゃりー(@retoruto_carry)と申します。 最近、個人開発しているサービスのDBをFirebase FirestoreからSupabaseに移行しました。 移行には2週間程かかりましたが、Firestoreでつらみを感じていてた部分が解消されて満足しています。 FirestoreはNoSQLなので、設計が難しく、画面のUI構成やユースケースを熟考したうえでデータ設計を考える必要があり、ガンガン仕様変更したり、複雑なクエリをしたりするには向いていない傾向があると感じていました。 Supabaseは、Firebaseの便利な部分を受け継ぎつつ、バックエンドがRDB(PostgreSQL)なので、上記の欠点が解消されています。 また、Firebaseがクエリごと料金が掛かるのと比較して、Supabaseはインスタンスごとの課金であり、セルフホストも可

                                              個人開発のDBをFirebaseからSupabaseに移行した話
                                            • Rust/Tauriに入門したので画像変換デスクトップアプリを開発してみた

                                              こんにちは!某製造業で新米DXエンジニアをしているものです。 先月から Rust の学習を始めました。 学習している理由としては 今までインタプリタ言語を使ってきたので、コンパイル言語に挑戦したい 爆速で動くコードを書きたい ネイティブアプリの開発をしてみたい WebAssembly を使えるようになって、Web アプリ開発の幅を広げたい といったところです。 そんな中、Rust でデスクトップアプリを開発するために Tauri を使ってみました。 正月の暇をつぶすために軽い気持ちで始めましたが、色々苦しんだので備忘録を残しておきます。 今回は長くなりそうなので、目次をご活用ください m(._.)m アプリの概要 今回作ったアプリは、ざっくり言うと 主要形式の画像を次世代拡張子である AVIF,WEBP に圧縮、変換するデスクトップアプリです。⚡️ 制作期間は5~7日くらいです。 GitH

                                                Rust/Tauriに入門したので画像変換デスクトップアプリを開発してみた
                                              1