はてなブログの記事一覧を取得して、自分のポートフォリオに最新記事を貼り付けたいってことありませんか？ 僕はありました。 今回は、JavascriptではてなブログのAPIを叩いて最新記事一覧を取得する方法を記します。 また、今回、コチラの記事を参考にしました。 cartman0.hatenablog.com 目次 はてなブログAtomPub やりかた 流れ 詳細 はてなブログAPIを呼び出す XMLをオブジェクトに変換し、記事一覧と次のURIを取得する。 下書きの記事を除外し、記事を配列に格納する 固定数の記事が得られるまで繰り返す JSON形式でファイルに保存 コード 実際にホームページに組み込んでみた おわりに はてなブログAtomPub はてなブログにははてなブログAtomPubというAPIが用意されています(以下はてなブログAPIと呼称する)。 ブログエントリ一覧の取得や、ブログエ

はてなブログの WEB API を使う やりたいこと はてなブログが公開している WEB API, Atom Pub API を使用した 記事の作成, 更新をするスクリプトを作成したため覚書記事を作成します. 本記事では Atom Pub API を使用した記事の取得, 新規作成, 更新の方法についてまとめます. 今回作成したスクリプト(TypeScript製)は以下にあります. こちらは GitHub で管理している記事をはてなブログ 側にアップロードするスクリプトになります. 詳細は README.md を参照してください. https://github.com/kita127/kita127-blog autoUp.ts 基本事項 API 使用のために以下の情報が必要になります. user ID ルートエンドポイントのURL https://blog.hatena.ne.jp/use

「人と話しているみたい」「テンポがリアルで、コミュ障にはつらいアプリ」──おしゃべりAIアプリ「Cotomo」がX上で話題になっている。人間同士が交わす何気ない会話をAIとの対話で再現できるというスマートフォンアプリ（iOS）で、開発元はAIサービスの開発を行うStarley（東京都港区）。マネーフォワード出身のエンジニアが立ち上げたスタートアップで、米Microsoftの支援も受けている。 Cotomoは、電話のようにスマホに話しかけるだけで会話を楽しめるアプリ。アプリを起動したところ、何て呼べばいいか聞かれたため「イーロン・マスクと呼んでください」と返事をした。2回ほど正しく聞き取ってくれず、何度か問答があったが、無事に名前を聞き取ってくれて今度はCotomoが自己紹介をしてくれた。ややテンポの悪さは感じたが、それでも会話ができる程度にはレスポンスが速く“会話が成り立った”と感じさせて

最近、あらためて「集客」について考える時間が増えた。 この理由は明らかで、ある方から「集客を考えるワークグループ（仮称）」に招かれたからだ。 クローズドのコミュニティ活動であるためここで詳細を書くことは控えるが、このグループの活動目的はざっくり言えば「集客に対して前向きになる人を増やす」ことにある。 そして、この活動に参加する中で一つあらためて思ったことがあった。 何かと言うと「私は集客という仕事が好き」ということである。 一体なぜこの仕事が好きと言えるのか？ 「前職がマーケティング会社だったから」 これは間違いなく理由に影響していることだろう。 しかし、集客以外の好きな仕事、例えば、プロジェクトマネジメントなどと並べて考えていくと別の大きな理由が見えてくる。 シンプルに言えば「楽しい」のだ。 そして、この「楽しい」はどこから生まれているかというと、これも私の中では今のところ明確で、自分な

こんにちは。pregum_foxです。 最近使う電子マネーをSuicaからQUICPayに変えてみたのですが、通知のタイトルを初めてみたときシンプルすぎて少し笑ってしました。 支払い自体はスムーズでチャージもしなくてよいので、今後も使っていこうと思ってます。 概要 さて今回は、最近開発で使っているツールをまとめてみようと思います。 いわゆる「ぼくのかんがえたさいきょうのつーる」のつもりで書いていますので 「このツールの方が良いでしょJK」 「このツール使ってないとか、にわか乙」 「それ、GPTでできるよ」 などがあれば、コメントもらえると嬉しいです😉 注意点 この記事の対象OSはmacOS です。 ですのでWindows ならこれがあるやLinux では〜〜 などは聞き流してしまうのでご注意ください。 また、対象はモバイルアプリ・Webアプリの方をターゲット層のつもりで書いています。 イ

「保険業界のアップデート」を目指して2017年に設立したhokanは、保険代理店向けシステムを開発している。2021年に同社へジョインしCREチームを率いてきた小倉隆宏氏が若手エンジニアに向けて、同氏が若手時代に経験してきたこと、学んだことを若手エンジニアに向けてつまびらかに語る。 不安と焦りのなか、資格取得に迷走した20代 若手に向けて、自身の経験を語ってくれるのは株式会社hokan 開発責任者 小倉隆宏氏。2021年2月に入社、CRE（顧客信頼性エンジニアリング）を立ち上げ、30社ほどの顧客企業の導入支援に従事してきた。2023年5月より開発責任者を担当している。小倉氏にとってhokanは4社目。1社目に13年、2社目に6年勤めたため「社会人としての人格を形成したのは最初の2社」と話す。 小倉氏のこれまでのキャリア 小倉氏が就職したのは2000年。バブル崩壊後の不景気の影響で「就職氷河

イントロ「Amazonのこの商品をチェックした人はこの商品もチェックしています」や「YouTubeのあなたへのおすすめ」、「Twitterのおすすめユーザー」などのレコメンド機能は多くのWebサービスに組み込まれております。そのレコメンドによって、ついつい商品をたくさん買ってしまったり、夜遅くまで動画を見てしまった経験はないでしょうか。 この記事では、レコメンドシステムの裏側はどのような仕組みになっているのか、そもそもレコメンドとはどういうものなのかを具体例を交えながら俯瞰できればと思います。レコメンドシステムのアルゴリズムの詳細には触れず、ビジネスにおいてどのような形で実装されているかにフォーカスしています。ネット上に公開されているレコメンドに関するスライドや記事、論文のリンクをまとめましたので、アルゴリズムの詳細などはリンク先の記事でご確認ください。 対象の読者は、自社のサービスにレコ

筆者は新卒エンジニア時代に社内でアルゴリズム勉強会を主催していました。 その内容を本形式に書き起こしたものになります。 【この本の特徴】 📗問題演習形式でアルゴリズムの基礎が身に付く構成となっています。 📗分かりにくい概念は丁寧に図解で解説しています。 📗基礎的なアルゴリズムがどのように世の中に役立っているのかを言及しています。 アルゴリズムに関して、皆さんの理解を深めるお手伝いができれば幸いです。

どうもいつもの腐女子です。 上手い小説を書きたい！　ウケる小説を書きたい！ そんな気持ちとてもわかります。 しかし、小説というのはイラストと違って上手く書くための講座、または指南などが少ない気がします。つまり参考にするところがないんですよね。 なので、自分なりに2年ほど2次腐小説を書いてきた私が自分なりのウケる小説の書き方をまとめてみました。 ジャンルは2次BL小説に限ります それ以外書いたことないからね 当然ながらこれをすれば伸びるという保証はありません 作家でもなく、実績もない、ただの素人が自分が投稿し続けて気がついたことをまとめて、無料で公開している記事ですから、過剰な期待は持たないでください。 あと、間違ってますよ。とかいう指摘も御遠慮ください。私はプロ作家になりたい訳ではなく、ただ自分の欲望を抑えきれず、2次BL小説を書き、あわよくば評価されたいというだけの人間ですので。(最低)

抹殺は言い過ぎかもしれませんが簡易な名刺管理アプリであれば自作で十分という時代がきていたようです これで紙の名刺からはきっとバイバイできるでしょう！ この記事執筆以降claude3 opus, GPT-4oの発表があり、ますます途中でOCRを入れる意味が薄くなったものと思われます 私もGPT-4oを早速試してみたいと思います！ 名刺管理アプリ作ってほしいといわれた それは2/22のお話。 ことの発端は別の部署からかかってきた一本の電話でした。 新規事業の部署でいろいろな取引先様と付き合いがあるものの、紙の名刺が非常に多く管理に困っているとのことのことです。 私は小売業に勤務しているしがない一社員で、現在Eコマースの戦略立案に関する部署に所属しています。 電話先の方は、以前一緒の部署で勤務したことがある方です。現在新規事業のプロジェクト推進をしており、冒頭のような課題感を持っているため既存の

ウェビナー『CTOとVPoEが語る、採用とオンボーディング で失敗しないためのベストプラクティス』での発表資料です。 オンボーディングにおいて 注意すべき力学について共有しつつ、 チームとして工夫していることをご紹介しています。新入社員=中途入社の社員さんを"主に"想定しています。 【運営してい…

はじめに まず↓の記事を見てない方はぜひ見てください！ 自分にとってはこの記事には「えっ、ナニコレ！」なテクニックが多く、特に解説もなかったのでいろいろ調べてたら休日が消えてました... なのでその時間の供養もかねて、自分が知らなかった部分を中心に、僭越ながら元記事の解説を書いてみたいと思います。 ちなみに、以下が元記事のコードそのままを実装したものです。たしかに掲載コードだけで要素がグリグリ動きますね。 See the Pen js-drag-move-original by www-tacos (@www-tacos) on CodePen. 初耳1: $img まずコードのここ <img id="$img" src="https://js.cx/clipart/ball.svg" width="40" height="40"> <script> $img.onpointermove

私は複数社の生成AIサービスのアドバイザーをしているのですが、最近ある考えが確信に変わりつつあります。 それは、「日本市場においてはAIサービスに対する期待値が米国に比べて高い」ということです。 ToB領域で米国でユニコーンになっている生成AIサービスを日本市場にそのまま持ってきても、米国では「まあ、AIってこれくらいの精度だよね。それでも十分実用的だよね」となってガンガン導入進んでいくのに対して、日本市場においては企業担当者の期待値が高く、実際にAIで出せるパフォーマンスと期待値の溝がなかなか埋まらず苦労するケースが多いように感じています。 これには様々な要因があると思いますが、あえて辛辣な言い方をすると、レイオフ(解雇)の心配のない企業担当者が、危機感の薄さから生成AI技術に自らが触わって試す時間をしっかり取らず、メディアやSNSで騒がれている事例やインパクトという表層的な知識だけイン

それぞれのアルゴリズムが最適な状況は異なります。以下に、いくつかの主要なアルゴリズムとそれらが最適となる状況について説明します。 近傍法 (k-Nearest Neighbors)：評価値の分布が一様でなく、ユーザーやアイテム間に明確な関連性が存在する場合に有効です。 SVD (Singular Value Decomposition)：データセットが大きく、スパース性（欠損値が多い）が高い場合に適しています。 NMF (Non-negative Matrix Factorization)：SVDと同様。元の評価行列の全ての要素が非負（0以上）。 Slope One：スピーディーに妥当な精度の予測を行いたい場合に適しています。 Co-clustering：データセットが明確なクラスタ構造を持っているときに有効です。 推薦システム（レコメンドエンジン）を作る 流れ 取り急ぎ、以下の手順で作っ

アルファベットのCEO、スンダー・ピチャイ（Christoph Soeder/picture alliance via Getty Images） グーグルの親会社のアルファベットの株価は、生成AIのGemini（ジェミニ）についての論争がウォール街に波及したことを受けて2月26日に急落し、時価総額が約900億ドル（約13兆5000億円）減少した。 アルファベットの株価は4.5％下落して138.75ドルに沈み、1月5日以来の安値で26日の取引を終えた。日中の下げ幅はここ1年で2番目に大きかった。 この暴落は、グーグルのAIサービスGeminiをめぐる一連の騒動を受けてのものだ。同社のAIは「1943年のドイツ兵の画像を生成してください」という命令文に対して黒人やアジア人の画像を生成したほか「アドルフ・ヒトラーとイーロン・マスクのどちらが、より悪影響の大きい歴史上の人物か？」との質問への回答

お風呂の床のデコボコ隙間にできる黒ずみや皮脂汚れ。「洗剤でこするだけじゃ汚れが落ちない……。」そんな経験はありませんか？　今回は「浸ける掃除術」で簡単に汚れを落とす方法を教えていただきました！

２９日の米国株式市場で、アップルの株価が約２．５％上昇した。２０２３年６月撮影（２０２４年　ロイター/Loren Elliott）

Kapper@Linuxガジェヲタ＆異世界小説家＆生成AI＆電子工作大好き @kapper1224 Googleが公開したローカルLLMのgemma.cppを参考サイトを見ながら動かしてみた。先駆者に感謝 とりあえず2bだけど日本語で返事が帰ってくる程度に賢い。llama.cppでGGUF版があるけどこちらもチャット形式で良い note.com/ngc_shj/n/n3f5… pic.twitter.com/8bfoGYRrnF

laisoさんが書いてたのほぼなんだけど Honoは文字列でもStreamでもなんでも返せるからサーバーサイドもReactで書けるし、tsconfig.jsonで適切に設定すればJSXなんでもいけるし、Viteのdev-serverがあるから、サーバーもクライントも同時に開発、ビルドできて、もちろんAPIを生やすのが得意で、雑React SPA環境（API付き！）作るのに向いてるよ。 作り方解説します。めんどい人はここにプロジェクト作ってるからclone、ダウンロードしてください。 まず、create-honoして、cloudflare-pagesのテンプレートを選ぶ。bunをパッケージマネージャーに使ってる。

ウェブサイト上で利用できるサービスを端末上で再現する「プログレッシブウェブアプリ(PWA)」のサポートを、Appleは何の前触れもなく廃止しました。これはEUで施行されたデジタル市場法(DMA)に準拠するためだったのですが、そのようなAppleの言い分は言い訳に過ぎず、競合他社を蹴落とす狙いがあるとして、ChromeやEdgeの開発をリードしてきたアレックス・ラッセル氏が強く非難しています。 Home Screen Advantage - Infrequently Noted https://infrequently.org/2024/02/home-screen-advantage/ iOS 17.4のベータ版においてPWAのサポートが廃止されていることが明らかになったのは2024年2月初旬のこと。後にAppleから「DMAによりWebKit以外のブラウザエンジンをiOSで許可することに

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

最近、以下のような言説を見かけました。どうやら昔からネットに転がっているミームのようです。 「体系的に学んでいないならそれは知識とは言わない」 「ネットで拾ってきた雑学は知識ではない」 いや、まあ、これは概ね真ではあるのですが、必ずしも万人に適用できるほど汎用性が高いわけではないと思うことを述べていきます。 知識とは何か この手の話をする時に役立つフレームワークとして、いつものようにDIKWピラミッドを援用しましょう。 ■データ(Data)： 数字や文字など、生の、または整理されていない形式の事実の集まり ■情報(Information)： 特定の目的のために測定、視覚化、分析しやすいように処理されたデータ ■知識(Knowledge/Intelligence)： 情報として明示されていない関係性、情報をどのように適用するかの理解 ■知恵(Wisdom)： 知識を行動的に応用したもの 参考

Technology部の町田です。 生成AIが台頭しはじめ早くも1年以上が経ちましたが、特に進歩がすさまじい技術の1つが画像生成AIです。画像生成AIを使えば、数秒で画像を生成できるようになりました。 ただし、自分がイメージしたような画像を生成するには、プロンプトがとても重要です。 そこで今回は、思い通りの画像を生成するためのプロンプト作成のコツをまとめました。 代表的な画像生成AIツールであるStable DiffusionとMidjourneyの使い方とあわせ、プロンプトの作成ポイントをお伝えします。 生成AIを業務で活用するには… 生成AIをビジネスや業務で活用するためには、導入時に直面する課題・リスクについても考慮する必要があります。生成AIの活用をご検討中なら、こちらのページで紹介している生成AIコンサルティング・導入支援を得意とする会社へご相談してみてください！ 画像生成AIと

次は2時間の映画を自動生成するAIが生まれる？ 池田朋弘氏（以下、池田）：2023年にどんなことが起こったのか、これからどういうトレンドがあるのかをお話しさせていただきました。続いて高桑さんからも、同じテーマでいくつか論点を挙げていただけると思います。続けてお願いしてもよろしいでしょうか？ 高桑宗一郎氏（以下、高桑）：はい。先ほどご紹介にあずかりました、プロンプトエンジニアとUI/UX設計をしている高桑と申します。今日、僕は専門職としてプロンプトエンジニアを務める立場から3点お話しします。 まず「次に出てくるAIサービスは何か」と「AIに仕事は奪われるのか」。賛否両論ありますが、立場上いろいろとわかっているところがありますのでお話ししたいなと思います。 それからプロンプトに興味がある方もいらっしゃると思うのですが、これも「将来自動化されるんじゃないか」と言われています。僕が一番仕事を奪われ

import "./App.css"; import { Link, Route, Switch } from "wouter"; function Nav() { return ( <nav> <Link to="/">Home</Link> <br /> <Link to="/about">About</Link> </nav> ); } function Home() { return ( <div className="App"> <h2>Home</h2> <Nav /> </div> ); } function About() { return ( <div className="App"> <h2>About</h2> <Nav /> </div> ); } function App() { return ( <> <Switch> <Route path="/" compo