タグ

2023年4月16日のブックマーク (7件)

  • Reactベストプラクティスの宝庫!「bulletproof-react」が勉強になりすぎる件

    Reactアプリケーションのアーキテクチャの一例として公開されているGitHubリポジトリ「bulletproof-react」が大変勉強になるので、私自身の見解を交えつつシェアします。 ※2022年11月追記 記事リリースから1年ほど経過して、新しく出てきた情報や考え方を盛り込んだ続編記事を書いていただいているので、こちらも併せて読んでいただければと想います(@t_keshiさんありがとうございます!)。 ディレクトリ構造が勉強になる まずはプロジェクトごとにバラつきがちなディレクトリ構造について。 ソースコードはsrc以下に入れる bulletproof-reactでは、Reactに関するソースコードはsrcディレクトリ以下に格納されています。逆に言えば、ルートディレクトリにcomponentsやutilsといったディレクトリはありません。 たとえばCreate Next Appで作成

    Reactベストプラクティスの宝庫!「bulletproof-react」が勉強になりすぎる件
  • ChatGPTを使ってFigmaのプラグインを作った話|avocadoneko

    デザイナーのavocadonekoです🥑🐈‍⬛ 今回は初めてFigmaのプラグイン作成に挑戦しました。 JavaScriptは苦手だったものの、OpenAIChatGPTを活用することで、2つのプラグインを開発することができました。 この記事では、その開発過程を共有し、基的な知識がある方ならば、プラグイン作成が可能であることを伝えたいと思います。プラグインを作成する際の参考になれば嬉しいです。 記事の内容は、今回開発した2つのFigmaプラグイン🇯🇵JP Font Switcher(日フォントを一覧表示・検索できるプラグイン)と↕️Auto Resize Height(フレームの下辺を内包コンテンツサイズに合わせて自動でリサイズするプラグイン)の紹介、それぞれのプラグインでのChatGPTとのやりとり内容とプロンプトのコツ、そしてGPT-3.5とGPT-4の違いについて説明

    ChatGPTを使ってFigmaのプラグインを作った話|avocadoneko
  • プロンプトインジェクション対策|ChatGPT APIのLINEボットを一ヶ月運用して戦った記録 - Qiita

    ChatGPTのチャットボットを安全に運用する方法 プロンプトインジェクションは、不適切な文字列や悪意のあるコードを含むプロンプトがChatGPTに送信されることで発生するセキュリティ上の懸念です。 2023/04/11現在、LINEボットとして公開されている多くのサービスでプロンプトインジェクション対策がなされていないようです。この記事では、プロンプトインジェクション対策の背景や具体的なプロンプトの例を紹介し、ChatGPT APIを安全に利用する方法を説明します。 背景 ChatGPT APIは、OpenAIが開発した大規模な言語モデルで、自然言語処理のタスクを実行するために利用されます。しかし、APIを利用する際にはセキュリティ上の問題が生じることがあります。プロンプトインジェクションはその一例で、攻撃者が意図的に悪意のあるプロンプトを送信することで、システムやユーザーに悪影響を与え

    プロンプトインジェクション対策|ChatGPT APIのLINEボットを一ヶ月運用して戦った記録 - Qiita
  • 無料で始めるAmazon CodeWhisperer on VSCode(Github Copilotと同等の性能?) - Qiita

    無料で始めるAmazon CodeWhisperer on VSCodeGithub Copilotと同等の性能?)AmazoncopilotCodeWhisperer 現在の AIを一言で説明すると・・・ フミコ・フミオさんはTwitterを使っています: 「ほぼ全員がご高齢者の会社上層部からの「対話型AI とは何かその功罪について簡潔に分かりやすく出来たら一言で説明しろ」という難題にヤケクソで「ドラえもんです」と答えたら「便利だけど取扱注意ということだな」とほぼ正解な認識をしてくれたので藤子・F・不二雄先生は偉大すぎる。」 / Twitter Github Copilot と Amazon CodeWhisperer の比較 現時点では Github Copilot の方が使いやすい。 単純な機能だと同じくらいだが、 Github Copilot は、コマンドパレットがあるので、その

    無料で始めるAmazon CodeWhisperer on VSCode(Github Copilotと同等の性能?) - Qiita
  • GitHub を使うなら通知くらいまともに設定してくれ

    4 月から新入社員となって格的にエンジニアとして生活し始めた方も多いかと思います.いままであまり GitHub を使っておらず,会社から要求されてはじめてまともに使い始めた方もいるかもしれません. そんな方々にお願いがあります. GitHub を使うなら通知くらいまともに設定してくれ あなたがこのタイトルを読んでピンときていないのであれば,あなたの通知設定はおそらく間違っています.GitHub は初期設定だと非常に多くの通知を送信します.それは GitHub 自身が通知ページで述べているくらいです. 通知はあなたが思う以上に大切な存在です.必要とする通知は人によって様々であり,それを見逃してはいけないため,ときに GitHub は必要以上の通知を送信しています.しかし,必要以上な通知を受け取ると,人は通知を見ないようになってしまいます. 個人開発ならそれでもよいかもしれません.しかし,あ

    GitHub を使うなら通知くらいまともに設定してくれ
  • 仕事が早い人は、思考と作業を分けている|三宅孝之

    僕が社内でずっと言い続けていることがあります。 それは「思考と作業は分けましょう」ということです。 よく、プレゼン資料を作るためパワーポイントを開いてフリーズしている人がいます。もしくは、文章を書くためワードを開いてフリーズしている人もいます。それは「思考と作業を同時にやろうとしている」からです。 ではなぜ、思考と作業を同時にやると効率が悪くなるのか? それは「脳サボっちゃう問題」が起こるからだと思っています。 脳というのは考えることをめんどくさがるもの。作業をやりながら思考しようとしても、脳は作業のほうにリソースを使ってしまい、思考のほうになかなか行かないのです。 パワーポイントで図を作成しているときや、ワードで文章を打ち込んでいるときは、「思考」しているように思えますが、実は脳の多くが「作業」に使われている、ということも少なくありません。 だから、なるべく脳を作業から解放してあげること

    仕事が早い人は、思考と作業を分けている|三宅孝之
  • 【コンサル流】「仕事ができる人」「できない人」を分ける8つのマル秘リスト

    あだち・ゆうや/Deloitteにて12年間コンサルティングに従事。大企業、中小企業あわせて1000社以上に訪問し、8000人以上のビジネスパーソンとともに仕事をする。仕事、マネジメントに関するメディア『Books&Apps』を運営する一方で、企業の現場でコンサルティング活動を行う。著書に、『仕事ができる人が見えないところで必ずしていること』(日実業出版社)、『頭のいい人が話す前に考えていること』(ダイヤモンド社)、『人生がうまくいかないと感じる人のための超アウトプット入門』(河出書房新社)、『すぐ「決めつける」バカ、まず「受けとめる」知的な人』『仕事で必要な「当のコミュニケーション能力」はどう身につければいいのか?』(日実業出版社)など。 頭のいい人が話す前に考えていること 子どものころ、「ちゃんと考えてから話して」と言われたことはないだろうか。もしくは上司に「よく考えて」とか「ち

    【コンサル流】「仕事ができる人」「できない人」を分ける8つのマル秘リスト