はてなブックマーク

アドレス可能性(Addressability) アドレス可能性とは、取り扱う全てのリソースが一意な識別子（URI：Uniform Resource Identifier）で表現されることです。Web上で動作するシステムの場合、識別子は基本的にURLで与えられます。 RESTful APIでは、URLを一目見て何の情報にアクセスしているかわかる状態が理想的です。例えば、商品データを扱うシステムで、食品のカテゴリを指すURLには「category=foods」というパラメーターを含めるといった実装方法が考えられます。 オンデマンドのコード(Code-On-Demand) オンデマンドのコードとは、プログラムコードをサーバーからダウンロードし、クライアント側で実行する構造のことです。必要に応じてプログラムコードを取得することで、クライアントの機能を一時的に拡張、カスタマイズすることが可能です。

ライブラリについて知る Pythonでデータ分析をする際は、データの整理や数値計算を簡単にできるライブラリを使うと便利です。ライブラリは、コードを簡略化や綺麗なグラフの作成にも役立ちます。 データ分析のための代表的なライブラリは、「NumPy」「Pandas」「Matplotlib」などです。 NumPy 数値計算や配列操作を行うためのライブラリで、高度な数学関数が利用できます。NumPyは、機械学習にもよく利用されるプログラミング言語で、大量のデータ処理にかかる時間もNumPyを利用することで短縮できます。 NumPyについて詳しくは、「Pythonの拡張モジュール「NumPy」とは？インストール方法や基本的な使い方を紹介！」をご覧ください。 Pandas 表形式の配列データを扱うライブラリで、データの読み込み切り出し、並び替え、欠損値の保管など様々なデータ処理に役立ちます。Pandas

Figma(フィグマ)を使ってWebデザインを制作してみたいものの、 ・Figmaの機能や活用方法が分からない…。 ・Figmaの導入方法や使い方が分からない…。 という方も多いのではないでしょうか。そこでこの記事では、 ・Figmaを使って作成できるものや他のデザインツールとの違い ・Figmaの特徴的な機能や基本操作 についてご紹介します。 Figma(フィグマ)とは？ Figmaとは、Webサイトやアプリのワイヤーフレーム、UIなどを作成できるWebデザインツールです。2016年にアメリカで公開され、GoogleやMicrosoftなどの大企業でも利用されるようになりました。 現在は、Webデザインの初心者からプロまで幅広いユーザーがFigmaを活用しています。Figmaについての詳細は「デザインツールFigmaのメリットとは？インストール～使い方を解説」をご覧ください。 Figma

最近、JavaScriptの勉強をしていると「DOM（ドム）」という言葉がよく出てくるけれど、 ・DOMの仕組みや構造が具体的にどうなっているのか分からない…。 ・HTMLやJavaScriptとDOMの関係性が掴めない…。 と感じている方も多いのではないでしょうか？ この記事では、 ・DOMの基本的な概念と仕組み ・DOMとHTML、JavaScriptとの関係性 についてわかりやすく解説します。 DOM（Document Object Model)とは？ DOMは、Document Object Modelの略称であり、HTMLやXMLドキュメントなどのマークアップ言語と、CSSをJavaScriptなどのプログラミング言語からアクセスできるようにするためのAPI※のことを指します。 このAPIを使用することで、HTMLやXMLの構造を定義し、文書へのアクセスをはじめ、操作や変更が可能

Pythonについて学びたいと思っているけれど、 ・何から始めればいいのかわからない…。 ・プログラミングは難しそう…。 と感じている人も多いのではないでしょうか。 この記事では、未経験からでもPythonを学び、着実にスキルを身につけることができる方法を紹介します。Pythonの導入方法から基本的な使い方までを分かりやすく解説していきます。 Pythonをこれから習得したいという人は、ぜひ参考にしてください。 Pythonとは？入門者向けに解説！ Pythonは、広く利用されているメジャーなプログラミング言語の一つです。その人気の秘密は、読みやすさと習得のしやすさにあります。Pythonは英語のような自然言語に近い構文を持っているため、文法明瞭で分かりやすいと人気を集めています。 さらに、Pythonの活用範囲は非常に広く、データ分析・人工知能（AI）の開発・Web開発といった多様な分野

Chat GPTをはじめとするチャットボットの仕組みに欠かせない大規模言語モデル（LLM）。 この記事では、 ・LLMの仕組みや具体例 ・LLMの活用例 について解説します。LLMを理解することで、チャットボットの有効な活用方法が分かります。チャットボットに関する知識を深めたい方は、ぜひ参考にしてください。 公開日：2023年7月28日 LLMは「Large Language Model（ラージ ランゲージ モデル）」の略称で、大規模言語モデルと呼ばれることもあります。LLMとは、大規模なデータセットを用いた機械学習によって精度を高めた自然言語処理モデルのことです。 ディープラーニングによって訓練されたLLMは、様々な用途で活用されます。テキストの生成や文章の要約をはじめ、質問への回答や翻訳、文法の修正といったタスクを処理することが可能です。 名称に大規模とついているものの、規模の大小に関

「Attention」とは、深層学習モデルが学習を行う際に、入力されたデータのどの単語に注目するかを決めるための仕組みです。Transformerの「Multi-head Attention」は「Attention」が発展したもので、同時に複数の箇所に注目できます。 デコーダには、「Multi-Head Attention」と同様の機能を持つ「Masked Multi-Head Attention」という層があります。 「Masked Multi-Head Attention」は、情報の一部をマスクした状態で機能する点が特徴です。具体的には、Transformerが自身で出力した情報を隠した状態でデータを処理します。 Transformerが出力した情報を自己参照しながら学習を行ってしまうと、学習モデルが不正確になるリスクがあります。学習モデルが実際に使用される場面では、入力された情報以外

ChatGPTをプログラミングに活用するにあたり、 ・ChatGPTはプログラミングサポートツールになるんだろうか…。 ・ChatGPTで正確なプログラミングコードを取得する方法が分からない…。 と悩んでいる方もいらっしゃるのではないでしょうか。 ChatGPTは、一般的な情報収集や文章作成だけでなく、プログラミング学習やコードの実装にも活用できるツールです。この記事では、ChatGPTをプログラミングに活用する具体的な方法やコツ、利用時の注意点について解説します。 ChatGPTはプログラミングのサポートツールに最適！ ChatGPTとは、OpenAI社が開発する対話型AIです。ChatGPTでは、大量のテキストデータをもとに構築された大規模言語モデルのGPT-3.5やGPT-4が利用されています。 学習したデータをもとに、高速かつ正確にプログラムを生成できることがChatGPTの特徴で

LangChainを使うと、大規模言語モデルの機能を拡張し、より便利なアプリを開発できます。 LangChainを使いたいけれど、 ・LangChainでできることがわかっていない…。 ・実際にLangChainを使う方法を知りたい…。 という方もいらっしゃるのではないでしょうか？そこでこの記事では、 ・LangChainの特徴や主な機能 ・Pythonを用いたLangChainのインストール方法 ・ChatGPT APIと組み合わせて使う方法 について解説します。アプリ開発に興味がある方、開発に関わる方はぜひ参考にしてください。 公開日：2024年3月7日 LangChainとは？ LangChainとは、ChatGPTなどの大規模言語モデルの機能を拡張できるライブラリです。言語モデルを使用したアプリケーションを開発する際にLangChainを使うことで、より高度な機能を実装することが可

ChatGPTを使って仕事を効率化したいものの、 思うような回答が得られなくて困る… と困っている方も多いのではないでしょうか。 そんな方に向けて、この記事では ・プロンプト作成のコツ ・ChatGPTの活用例 を紹介します。 ChatGPTプロンプトのコツを押さえて業務効率化を図りましょう。 公開日：2023年6月27日 ChatGPTの「プロンプト」とは？ プロンプトとは、コンピューターやAIを操作する際に、ユーザーが入力する命令や指令です。日本語では、「呪文」と呼ばれることもあります。ChatGPTにおけるプロンプトとは、ユーザーがチャットで送信する指示や質問を指します。 ChatGPTのプロンプト作成のコツ 一般的に、ChatGPTは質問に対して無難な回答をする傾向があります。自分が得たい回答をChatGPTに出力させるには、入力するプロンプトに工夫が必要です。ここでは、ChatG

IT企業からフリーランスエンジニアを経て会社を設立。現在はエンジニアのスキルアップをテーマに、勉強会の開催や教材作成の活動を実施。オンラインコースUdemyではベストセラー講座多数。AWSやDocker/Kubernetes、サーバレス技術などを扱う「野生」のクラウドネイティブ人材。勉強会コミュニティStudyCo運営。 ChatGPT APIとはOpenAI社が提供するAPI ChatGPT APIは、その名の通り「ChatGPTを利用するためのAPI」です。API（Application Programming Interface）はインタフェース（窓口）のことであり、外部からアプリケーションやツールを呼び出すことができます。 ここではChatGPTがアプリケーション・ツールとなり、ChatGPT APIがインタフェース（窓口）という関係になります。このChatGPT APIは、202

ChatGPTはアプリケーションと連携する目的でAPIキーを発行しています。そして、Unityと連携をすれば、キャラクターの性格を踏まえた会話や感情表現などができるため、よりリアルなキャラクター制作が可能です。そこで、今回はChatGPTとUnityを連携させることでできること、具体的な手順、AI搭載のキャラクターを作成する方法について解説します。 ChatGPT APIを使ってとUnityと連携しよう ChatGPTとは、米国のOpenAIが開発した対話型AIです。自然言語処理に基づくコンピュータープログラムであり、言語モデル『GPT(Generative Pre-trained Transformer)』が採用されています。日本では、約100万人以上が利用しているとされており、今話題のAIチャットボットです。 ChatGPTは、Webサイトから使用することができますが、API（プログラ

Playwrightは、使いやすさや対応言語の多さなどが特徴のE2Eテスト自動化ツールです。この記事では、Playwrightの概要やインストール方法、基本的な使い方について解説します。テスト自動化ツールの導入を検討している方はぜひ参考にしてください。 Playwrightとは？【Webテストを行うツール】 Playwrightは、Webアプリを開発する際のテストを自動で行うツールです。主に、E2Eテストを効率的に行う目的でPlaywrightが用いられます。 Playwrightが対応しているブラウザはGoogle ChromeやMicrosoft Edge、Firefoxなど様々ですSafariの開発にも使用されているHTMLレンダリングエンジンのWebKitや、ブラウザ向けコードベースのChromiumにも対応しています。 利用できるプログラム言語はC#やJava、JavaScrip

新規プロジェクトの作成 まずは、Next.js 13で新規プロジェクトを作成しましょう。既存のプロジェクトをマイグレーションせず、「create-next-app」コマンドを利用して新規にプロジェクトを作成します。 上記のコマンドを実行すると、プロジェクト名やappディレクトリを利用するかどうかなどが問われます。任意のプロジェクト名を入力し、appディレクトリの利用有無の設定を行ってください。設定が完了すると、次のようなメッセージが表示されます。 「Success!」というメッセージが表示されていれば、プロジェクトの作成は成功です。 「next.config.js」の記述を確認 プロジェクトの作成時にappディレクトリを利用する設定を行っていれば、「next.config.js」の記述が次のようになっています。 赤枠で囲った部分の記述がない場合、appディレクトリが有効化されていません。「

開発 2023/01/27 【初心者向け】 React Hooks とは?その特徴・使い方・注意点について解説！ React Hooksは、JavaScriptライブラリのReactに備わっている機能です。この記事では、React Hooksの特徴や基本的な使い方、注意点などを分かりやすく解説します。WebサービスなどのUI開発に携わるエンジニアの方はぜひ参考にしてください。 React Hooksとは React Hooksのフック（hook） とは、2019年2月リリースのReact16.8から追加された、クラスを使用せずに Reactを書くことができる機能です。React Hooksは便利な機能のため、最近ではフックを使った関数コンポーネントによる開発が主流になりました。 特徴・メリット React Hooksの長所は、クラスを書かなくてもReactの機能を使えることです。例えば、関

GitHub Actionsとは GitHub Actionsは、GitHub上のpush（ファイルの変更履歴をアップロード）などの操作をトリガーとして、事前に定義しておいた処理を実行できます。 以前はシステム開発で自動テストや自動ビルドを行うには、外部サービスとの連携が必要でした。GitHub Actionsがリリースされたことで、自動テストや自動ビルドがGitHubだけで実現できるようになりました。ビルド、テスト、デプロイなどのCI/CD関連のワークフローが自動化できるため、多くのエンジニアから注目されています。 CI/CDとは CIとは継続的インテグレーション(Continuous Integration)のことであり、ソフトウェアのビルドやテストを自動化して、短期間で品質向上や開発の効率化を目指す手法です。 CDとは、継続的デリバリー(Continuous Delivery)または

Gitの「コンフリクト」という現象は、Git初心者の方がよくぶつかる壁です。 コンフリクトは、Gitで編集・管理するデータ間に矛盾が生じることで発生し、コンフリクトした場合は、適切に対処する必要があります。この記事では、Gitのコンフリクトの概要や解消する手順、コンフリクトを事前に防ぐ方法について解説します。 コンフリクトとは重複項目のお知らせ コンフリクトとは、Gitで管理する複数のデータに、重複や競合が発生している状態のことです。コンフリクトが発生すると、Gitから「同一文言の行がある」といった内容を伝えるエラーメッセージが返ってきます。コンフリクトが発生しても、正しい手順で解消すれば、致命的な障害などは起きません。コンフリクトの原因を把握し、適切に対処することが重要です。 並行開発を行うとコンフリクトしやすい システム開発やWebサイト制作など、同じプロジェクトの作業を複数人で同時に

LinuxやUnixで開発を行う場合、シェルについて理解しておくことが大切です。この記事ではシェルの仕組みや活用場面、シェルの種類、シェルスクリプトの実行方法などを紹介します。シェルの基本知識を押さえたい方はぜひ参考にしてください。 シェル(Shell)とは？ シェルとは、ユーザーとコンピュータのOS（オペレーティングシステム）の橋渡しをするプログラムです。より具体的には、シェルはOSの中核である「カーネル」とやり取りしています。 シェルを間に挟んでやり取りすることで、ユーザーはカーネルを間接的に操作することが可能です。シェルを利用すると、OSを移行しやすくなる、シェル上でエラーが発生した際にOSへの影響を最小限に止められるなどのメリットがあります。 シェルの仕組み シェルを通じて、ユーザーがカーネルとやり取りする流れは次の通りです。 まず、ユーザーがコマンドを入力し、その内容をシェルが受

CapCut（キャップカット）を使うと、スマートフォンなどで撮影した動画を簡単な操作で編集できます。作成した動画はSNSにアップして楽しむことが可能です。この記事では、CapCutの使い方について、基本操作から応用まで詳しく解説します。 CapCutとは CapCutは、動画SNSアプリのTikTokなどを運営する中国企業、ByteDance社の動画編集アプリです。CapCutは無料でダウンロードでき、初心者でも簡単に動画を編集できます。iOSとAndroid、両方のスマートフォンでCapCutの利用が可能です。 CapCutを使う3つのメリット CapCutを使うメリットとして、次のようなポイントが挙げられます。 ①対応言語やデバイスが豊富 CapCutの対応言語は日本語や英語、スペイン語などです。また、スマートフォンだけでなくタブレットなどのデバイスでも利用できます。 ②豊富な種類のフ

Linuxを操作するには、Linuxコマンドの知識が必要です。この記事では覚えるべき基本的なLinuxコマンドや便利なショートカットキー、Linuxのディレクトリ構造を紹介します。Linuxの使い方を学びたい初心者の方はぜひ参考にしてください。 Linuxとは Linuxとは、OS（オペレーティングシステム）の一種です。Linuxはパソコンなどのハードウェアと、アプリなどのソフトウェアを仲介する役割を担います。Windowsなどのマウスで操作するGUI方式のOSとは異なり、Linuxはコマンドで操作するCUI方式のOSです。そのため、Linuxを操作するにはLinuxコマンドを覚え、キーボードから入力する必要があります。

ライブラリが豊富でさまざまな開発が行えるPythonでは、画像処理も簡単に実現できます。近年、AI（人工知能）の発達によってPythonの人気も高まっていますが、AIの画像処理で利用されることの多い「OpenCV」はご存知でしょうか。OpenCVを利用すれば、顔認識や追跡などの画像処理を非常に簡潔なコードで記述できます。 この記事では、OpenCVの概要からインストール手順、基本的な操作方法と併せて、顔認識を実現するための方法を解説します。 OpenCVとは？ OpenCVはインテル社が開発・公開しているオープンソースのライブラリです。もともとはOpen Source Computer Vision Libraryという名称でしたが、2006年にOpenCVとして生まれ変わりました。OpenCVは商用利用であっても無料で利用でき、画像処理や画像解析、機械学習向けの機能が集約されています。例

フロントエンド開発に携わるエンジニアにとって、Reactは使い方を習得しておくべきライブラリの一つです。この記事では、Reactの特徴や開発環境の構築、実装方法などについて解説します。 公開日： 2022年7月29日 Reactとは ReactはMeta社（旧Facebook社）が作成したJavaScriptライブラリです。2013年にオープンソース化された後は、コミュニティの開発者と共に開発が進められています。 Reactはフレームワークではなく、UI（ユーザーインターフェース）の作成に特化したライブラリです。フロントエンドエンジニアがUIを構築する際に、Reactが活用されます。 特徴 Reactは「宣言型」のため、「手続き型」や「命令型」と呼ばれるプログラミング言語よりも効率的にコーディングできる点が特徴です。Reactでデータを更新すると、HTMLの内容も自動で更新されます。jQu

フロントエンジニアとしてスキルアップを目指す方は、新しい技術に触れたいと思うのではないでしょうか。この記事では、近年人気なJavaScriptフレームワークであるNext.jsの特徴を紹介します。Next.jsでのアプリ作成方法も解説していますので、ぜひ開発をイメージしながら読み進めてください。 Next.js とは Next.jsとは、Reactをベースに開発された、フロントエンドフレームワークです。ReactはJavaScript言語を用いた、Webサイト上のUIを構築するためのライブラリで、フレームワークとは、開発を効率化するための枠組みです。 Next.jsは「URLルーティング」と呼ばれるリクエストされたURLに対して呼び出すアクションを決定する仕組みや、Webアプリ開発を効率よくするための機能が多く含まれているのが特長です。なお、JavaScriptのフレームワークについて詳し

Pythonのみでアプリ開発できるStreamlitとは？ Streamlitとは、PythonでWebアプリケーションを作成するためのフレームワークです。 データサイエンティストやAIエンジニア向けに開発されており、バックエンド開発の知識がなくてもPythonのコードを数行書くだけで、気軽にデモ用のアプリを作成することができるのが特徴です。 出典：Streamlit公式サイト Streamlitの特徴と利用用途 Streamlitの一番の特徴は手軽に開発できるため、最短一行のコードでWebアプリを開発できて、アプリのデプロイも容易に行えます。複雑なコードが理解できない方でもStreamlitのコードであれば直感的に理解しながら開発することができます。 WebUIを簡単に作成できるため、アプリがひとまず動くかどうかを素早く確認したい場合に適しています。 また、StreamlitはHTMLや

SI 企業で自社プロダクトのヘルプデスクなど運用保守の仕事を 10 年近く担当。Azure を取り扱うようになったことをきっかけにクラウドに興味を持ち、Azure を独学で勉強し、Azure の設計・構築の実務経験を経てフリーランスエンジニアに転身。Azure でのサーバの設計・構築、バックアップや監視などの運用設計を得意とする。AWS の設計・構築の経験もあり。