aoki789のブックマーク (1,607)

  • Webアプリケーション設計の第一歩は
ディレクトリの整理から / Encraft 1

    2023/3/24、Encraft #1 フロントエンド×設計にて発表した資料です。

    Webアプリケーション設計の第一歩は
ディレクトリの整理から / Encraft 1
    aoki789
    aoki789 2023/03/25
  • とってもやさしいフロントエンド入門

    まず、新しいアイデアが提案されると、ステージ0の「Strawman」と呼ばれる段階に入ります。ステージ0のアイデアが価値のある提案として見なされ、大まかな形で問題点や解決策を説明できるようになると、ステージ1の「Proposal」と呼ばれる段階に進みます。そして、提案がある程度まとまって仕様の草案として認められると、ステージ2の「Draft」と呼ばれる段階に上がります。さらに細かいところまで練り上げられて、仕様がほぼ完成した状態になると、ステージ3の「Candidate」の段階になります。最後に、2つ以上のブラウザがその機能を実装していて、ECMAScript の編集者に承認されると、ステージ4の「Finished」と呼ばれる段階になります。 ステージ4に上がった提案は、毎年 6 月のタイミングで ECMAScript の新しいバージョンとしてリリースされます。リリースする際は、ECMAS

    とってもやさしいフロントエンド入門
    aoki789
    aoki789 2023/03/25
  • Mermaid flow

    Mermaid Flow is an online Mermaid JS editor that takes this a step further and simplifies the creation and maintenance of your Mermaid Diagrams. Mermaid Flow generates Mermaid JS code which can be rendered directly in GitHub README's and also stored and version controlled in code. This app makes it easy to create Mermaid JS diagrams with its visual and interactive editor, so you get the stability

    Mermaid flow
    aoki789
    aoki789 2023/03/14
  • AITuber育成完全入門(冴えないAITuberの育て方)|みゆきP

    はじめにAITuberと書いて、アイチューバーと読みます。VTuberとは違って中の人が存在しないことが特徴です。 AITuber開発は高尚な深層学習のモデル開発ではまったくなく、むしろ、ただの推しの育成ゲームです。 なので、GPUPythonもいりません。PCさえあれば今すぐはじめられます! この記事でできること以下のようなAITuberが作れます。可愛いですね(親バカ) 妹系AITuber🌸桜井りりか Twitter: https://twitter.com/Ririka_AIsister YouTube: https://www.youtube.com/@ririkasakurai 早い人で週末に2日で作れると思います! 土日に作ったAITuberをみんなに公開しちゃいましょう!!! AITuber作成手順立ち絵の生成 モデル・VAEの選定 Google ColabでStable

    AITuber育成完全入門(冴えないAITuberの育て方)|みゆきP
    aoki789
    aoki789 2023/03/12
  • 自分のScrapboxをChatGPTにつないだ - 西尾泰和のScrapbox

    Kozanebaは、デジタル文房具で、考えをまとめるためのツール。テストユーザ向けにはリリースされているが、まだ広くアナウンスされていない。開発者は、多くの人に使われることに価値を感じている。

    自分のScrapboxをChatGPTにつないだ - 西尾泰和のScrapbox
    aoki789
    aoki789 2023/03/09
  • Linus Torvalds 氏の理想の git 運用と GitHub

    Note 記事の内容は Linus 氏の発言が人を傷つける場合に筆者がそれを良しと考えるといった意図はございません 少し古い記事になるが、 Linus Torvalds 氏 の GitHub に対する苦言が記事になっていた。 LinuxカーネルにNTFSドライバーが追加、トーバルズ氏はGitHub経由のマージに苦言 - ZDNet Japan Linus 氏が GitHub について苦言を呈するのは今に始まったことではない(後述)が、 別に GitHub のすべてを否定しているわけではない。[1] では一体何が不満なのか。Linus 氏の理想とする git の開発フローを考察した上で、整理してみたい。 Linus 氏の理想 結論からいうと、 「意味あるコミットを作れ」「コミットを大事にしろ」 という思想が伺える。 では 「意味あるコミット」「大事にされたコミット」 とは何なのか。 筆者な

    aoki789
    aoki789 2023/03/07
  • 簡単で強力!誰でも始められる情報整理ツール「RemNote」を始めよう | gihyo.jp

    学習している内容や日々の考え事など、さまざまな情報を入力しながら自然に整理していくパーソナル・ナレッジ・マネージメント(PKM)ツールが注目されています。 しかし便利ではあるものの使い方が難しかったり、マニアックな設定が要求されたりするPKMツールが多い中、高機能なのに簡単に利用できるRemNoteが、最近モバイルアプリも登場して頭一つ抜けた存在になってきたように思います。そこで稿では初心者向けにRemNoteの使い方の紹介を通して、PKMの基的な考え方について深めてみます。 情報が複雑になってきたら、ツールも進化しなければいけない 忘れてしまっては困ることがあると、私たちはメモをとります。買い物でそろえるもの、テレビで耳にしたお得な情報、来週の予定、ちょっとした考え事。どんなことであっても私たちはメモをとります。 手段は紙でもスマートフォンでも変わりません。ふだんは意識しないほど当た

    簡単で強力!誰でも始められる情報整理ツール「RemNote」を始めよう | gihyo.jp
    aoki789
    aoki789 2023/03/02
  • Futuri AudioAI

    Need Help? Report an Issue Troubleshooting Topics Privacy

    Futuri AudioAI
    aoki789
    aoki789 2023/03/02
  • 30分でわかるマイクロサービスアーキテクチャ 第2版

    30分でわかるマイクロサービスアーキテクチャ 第2版 - Forkwell Library #17 https://forkwell.connpass.com/event/273812/ https://www.youtube.com/watch?v=xYTtw0ZgUNU オライリー・ジャパン > マイクロサービスアーキテクチャ 第2版 https://www.oreilly.co.jp/books/9784814400010/

    30分でわかるマイクロサービスアーキテクチャ 第2版
    aoki789
    aoki789 2023/03/02
  • フロントエンドにおけるテスト駆動開発の実践と概説

    はじめに 自動テストが叫ばれて10数年以上の時を経ていますが、今なお開発者の興味を惹くトピックの1つであります。 実際、Developers Summit 2023ではテストを主題とした講演が多く、また人気も博したと耳にします。 さて自動テストと共に話題になるトピックの1つと言えばテスト駆動開発でしょう。 ただテスト駆動開発は、設計・開発手法のため自動テストとは厳密にはジャンル違いであり、誤解を受けがちなトピックでもあります。 またテスト駆動開発を解説する書籍の多くが、Java等のオブジェクト指向言語のスタイルで書かれているためフロントエンドエンジニアのコードスタイルとは若干差異があリます。 当記事ではフロントエンドエンジニアのためにテスト駆動開発の技法の数々をTypeScriptReactを用いて実践します。 フレームワークとしてReactを採用しましたが、記事内のコードはモダンフロン

    フロントエンドにおけるテスト駆動開発の実践と概説
    aoki789
    aoki789 2023/02/28
    状態遷移テストでは?0スイッチテストケースかな?
  • 知的好奇心がくすぐられる良質なゆっくり解説

    ここでの「ゆっくり解説」の定義:ゆっくりボイス又はボイロを使って解説をしている、まんじゅうが居なくても良い 「ちょっと調べた」とかコタツ記事のレベルを超えてるゆっくり解説をまとめる 難しすぎるとかマニアックすぎるタイプは除いてる 他にあったら教えて (なんかYoutubeへのリンクが貼れなくなってる?量多いからかも) 奇書の人三崎律日/Alt F4 著書持ち ニコ動からやってて有名なので今更かとは思う @altf4854 しくじり企業の人カカチャンネル こちらもニコ動からやってた古参、最近は起業家の話とか調査報告書の解説もやってる @cakachannel 地理の人地理の雑学ゆっくり解説 この人の動画は雑学というレベルではない、地理x人類史が非常に面白い、参考にしたもたまに教えてくれる @GeoYukkuri 生き物系へんないきものチャンネル 著書持ち、ざんねんないきものブームの火付け役

    知的好奇心がくすぐられる良質なゆっくり解説
    aoki789
    aoki789 2023/02/28
  • 自宅で動くChatGPTと噂のFlexGenをDockerで手軽に動かす

    自宅で動くChatGPTと噂のFlexGenを試す shi3zさんが興奮して動かしていたFlexGen 関係する記事は以下 ツヨツヨGPUが無いと動かないと思っていたのですが、タイムラインでミクミンPさんが、RTX3060でFlexGenを動かしているツイートを発見。 「RTX3060なら自分も持っている!」ということで、試してみることにしました。 追記: 私がこの記事で動かしているのは小さいモデルです。とりあえずお試しで動かしただけで、shi3zさんが動かしているモデルとは異なります。 性能の参考にする記事ではないので、ご承知ください。より大きいサイズのモデルの使用に関しては、FlexGenの公式リポジトリを参照ください。私も今後試したら追記していきます(現状、私の環境では動かせてないです)。 FlexGenをDockerで動かす 結果的には、Dockerを使うことで簡単に動かせました。

    自宅で動くChatGPTと噂のFlexGenをDockerで手軽に動かす
    aoki789
    aoki789 2023/02/27
  • 「ノーコード」だけで7億円のシリーズAまでスピード調達、HQに聞く | Coral Capital

    月間10万人が読んでいるCoral Insightsのニュースレターにご登録いただくと、Coral Capitalメンバーによる国内外のスタートアップ業界の最新動向に関するブログや、特別イベントの情報等について、定期的にお送りさせていただきます。ぜひ、ご登録ください! 創業1年半で約7億円、累計9億円のシリーズA資金調達をする段階までノーコードツールを組み合わせてプロダクトとオペレーションを磨いてきたスタートアップがあります。Coral Capitalが出資するリモートワーク支援プラットフォーム「リモートHQ」を提供するHQです。 HQは2021年3月の創業で、約1年後の2022年4月に初の外部資金として約2億円を調達しています。その後、リモートワークやハイブリッドワークの広がりを背景に、大手企業を含む導入事例と売上をぐんぐんと伸ばし、シード調達からわずか6カ月半後の2022年11月に約7

    「ノーコード」だけで7億円のシリーズAまでスピード調達、HQに聞く | Coral Capital
    aoki789
    aoki789 2023/02/24
  • たっぷりニンニク&スープを乳化させた日本人好みの「シュクメルリ」の作り方【美窪たえ】 - メシ通 | ホットペッパーグルメ

    こんにちは! 料理家の美窪たえです。 日は、鶏肉とたっぷりのニンニクを煮込んだジョージア発祥の鶏肉料理「シュクメルリ」をご紹介いたします。 「シュクメルリ」といえば、大手チェーン店の定メニューに登場したのをきっかけに日でも知られるようになりました。 今回紹介するシュクメルリは、たっぷりのニンニクと鶏肉を、水とオリーブオイルを乳化させたとろみスープで煮込む、材料のシンプルさがポイントのレシピです。仕上げにバターでミルキーなコクを加えれば、牛乳や生クリーム、シチューの素などを使わなくても極上のうま味スープが完成します。 使用する材料は、鶏もも肉、ニンニク、塩、黒胡椒、オリーブオイル、水、バターのみ。コツを押さえれば、身近な材料で簡単にシュクメルリを作ることができますので、ぜひ挑戦してみてくださいね。スープのおいしさを二度楽しむ、リゾットのアレンジもご紹介します。 材料(2人前) 鶏もも肉

    たっぷりニンニク&スープを乳化させた日本人好みの「シュクメルリ」の作り方【美窪たえ】 - メシ通 | ホットペッパーグルメ
    aoki789
    aoki789 2023/02/24
  • 書斎・デスクツアー|効率と快適さを追求したリモートワーク環境【2023年】|わたや

    こんにちはwataya(@LOPYLOG)です。 最近は“こういう状況”ということもあって「快適なリモートワーク環境をつくりたい」「仕事趣味に打ち込める書斎スペースがほしい」と考えている人は多いのではないでしょうか。 ぼく自身、ここ数年はこのブログの運営だけでなく業もリモートへ完全移行し、気づけば1日のうちほとんどの時間を書斎で過ごすようになりました。 2年くらいかけて少しずつ理想な作業環境を整えてきたので、今回はそんな筆者の現在の書斎・デスク環境をまとめておこうと思います。 「機能性と快適性」を求めて、かつ「見た目もそれなりにこだわって」構築してきたので、この記事を通して何かしらの新しい発見があれば幸いです! ■書斎スペースの全体像作業環境の全体像はこんな感じ。賃貸の6畳ほどの部屋を「書斎」として活用していて、ここで業含むブログ執筆、撮影・編集作業から、趣味ゲーム読書なんかもぜ

    書斎・デスクツアー|効率と快適さを追求したリモートワーク環境【2023年】|わたや
    aoki789
    aoki789 2023/02/22
  • 女が下方婚した結果(追記)

    はじめに28歳の時に婚活して夫と結婚しました。 当時の私の年収は800万ちょっとで、夫は私の半分あるか無いかだったと思う。 夫は私の一個上、まあ年齢で言えば普通?か中の下ぐらいだろうか。 下方婚した理由は、単純に私の求める条件が「家の事をきっちりやってくれる人」だったから。 基的に仕事に全振りしてしまうタイプで、特に当時は多忙気味だったんだけど、そうなると家が荒れるに荒れる。 元々のズボラな性格もあり、気がつけば毎日の様に虫が湧く汚部屋と化して(引っ越しの時に滅茶苦茶お金取られた) そんな家に帰るのも嫌なので毎日会社の仮眠室か近所のネカフェ、たまにビジホに泊まる毎日。 これではお金も貯まらないし何より人間らしい生活が出来ない、でも私には家事の才能が当に無い事に数年間の一人暮らしで痛感させられた。 仕事では面倒な事も出来るのに、家の事になると途端に継続した作業が出来ない。 洗濯、掃除、皿

    女が下方婚した結果(追記)
    aoki789
    aoki789 2023/02/20
  • 家の電源タップ全部抜いてバラす「最高の電源タップも犠牲に」 - 本しゃぶり

    「最高の電源タップ」と呼ばれるものがある。 しかし中身も含めて最高であるかは分からない。 なのでバラすことにした。 電源タップの選び方 家の電源タップ全部抜く 全部バラす サンワサプライ TAP-SP2110-1 (2018年9月購入) エレコム T-K6A-2625BK (2018年4月購入) ヤザワ Y02YBKS662WH (2011年製) 星光商事 型番不明 (2011年製) 代わりに買ったもの 終わりに 実家へのメモ 記事を書くのに使った工具 38in1特殊ドライバーセット アックスナイン 電源タップに言及した記事 電源タップの選び方 一週間ほど前、「最高の電源タップ」がバズっていた。 電源タップに拘り始めて18年、数百のタップを買い続けた結果出た最高の電源タップはこれです pic.twitter.com/lIbigmYH4A— まつもとりー / Ryosuke Matsumot

    家の電源タップ全部抜いてバラす「最高の電源タップも犠牲に」 - 本しゃぶり
    aoki789
    aoki789 2023/02/20
  • 奨学金を計画的に破産した(文末に追記あり)

    奨学金を借りた。 片親生活保護、明らかな貧乏人の家庭。 抜け出すために大学進学を決めた。親を見るに低学歴貧困の再生産だということを子供の頃からうっすら理解していた。ところが進学するだけの金はなかった。 頭は当然のように悪かった。国立に行くような学力はない。 奨学金を借りて卒業と同時に500万の借金。初任給手取り16万〜18万前後になるとは聞いていたからその中から毎月2万を十数年払うのはきついと説明会で瞬時に判断した。 しかし、大学に行かない限りはキャリアの制限がひどい社会。当時はキャリアという考えはなかったが、大学にいかないとまともな職にはつけはいイメージはあった。 その場で思いついたのは自己破産で奨学金を飛ばそうという計画だった。 だって卒業と同時に借金500万はあまりにきつい。 世の中にはなんの苦労もせず、仕送り20万で親が学費も家賃も払って、学生として遊んでクリーンな状態で卒業でき

    奨学金を計画的に破産した(文末に追記あり)
    aoki789
    aoki789 2023/02/19
    年商やろw
  • NestJSをゼロから学ぶ - TypeORMの活用などをREST APIの実装から身に付けよう【Node.jsフレームワークの基本】|ハイクラス転職・求人情報サイト AMBI(アンビ)

    このようにさまざまなデコレータが用意されていますが、今回はサンプルで利用するデコレータに絞って説明します。他のデコレータについては、NestJSの公式ドキュメントなどを参照してください。 依存性注入(DI) 依存性注入(DI、Dependency Injection)とは、クラスの依存関係を解決する仕組みです。NestJSでは、依存性注入を使ってクラスの依存関係を解決します。 クラスの依存関係とは、クラスが他のクラスに依存している関係のことです。例えば、次のようなクラスAがあったとします。このクラスは他のクラスに依存していません。@Injectable()デコレータを使って、サービスを定義します。 @Injectable() class A { constructor() {} } そして、次のようなクラスBがあったとします。このクラスは、@Inject()デコレータを使って依存性を注入し

    NestJSをゼロから学ぶ - TypeORMの活用などをREST APIの実装から身に付けよう【Node.jsフレームワークの基本】|ハイクラス転職・求人情報サイト AMBI(アンビ)
    aoki789
    aoki789 2023/02/17
  • スピーク (Speak) | シリコンバレー発のAI英会話アプリ

    スピーキング特化の AI英会話アプリ最先端のAI英会話アプリを活用して英語に慣れ、的確なAIフィードバックを通じて自然な英語力を身につけましょう。 はじめる → 英 語 を 習 得 す る に は 声 に 出 し て 練 習 す る こ と が 重 要 で すスピークは、実際に英語を声に出し、繰り返し練習してもらうことを重視しています。

    スピーク (Speak) | シリコンバレー発のAI英会話アプリ
    aoki789
    aoki789 2023/02/05