はてなブックマーク

もしも、CIでomochiを実行しているプロジェクトの場合、Specの書いてないメソッドにはすべてこのコメントアウトがついていることになります。裏を返せば、コメントアウトがなければどこかに対応したSpecが存在することになるので、冒頭で述べたような「実装を見た瞬間に対応するSpecが存在することが保証されている」と言えるようになっています。PRのレビューの際にも、テストすべきメソッドにこのコメントがついていれば、テスト書いてねって言えますし、逆にコメントがついていなければ何かしらのテストが書かれているので差分を追っていれば必ずどこかにSpecがあるわけです。そういったコードレビューの際の認知負荷を軽減させることもできるようになります。 ２つ目の機能が、RSpecのコードの雛形を自動生成する機能です。 こちらは、Amazon Bedrockの機能を活用しているので、各自でAWSのセットアップ

ChatGPTのAPIがついに公開されたので、どのように利用するのか簡単にまとめました。 OpenAIアカウントとAPI Key OpenAIのAPIを利用するためにはOpenAIのアカウントが必要です。 アカウント取得後API Keyを以下から払い出してください。 なお、各種API呼び出しは有償ですが、アカウント取得後Free trialとして期限つきのクレジットが$18くらい貰えます。試したり遊んだりする分には十分な感じです。 基本的なAPI利用法 公式ガイドの通り基本的な呼び出し方は以下のように行います。API Key取得後、まずは簡単にcurlで叩いてみるのがよいでしょう。（一回スクリプトとして保存しておくと後のステップも試しやすいです） curl https://api.openai.com/v1/chat/completions \ -H "Authorization: Bea

自宅のローカルネットワーク上にて汎用サーバーやビルドマシンとして使っているMac miniに、VOICEVOX Engineの音声合成サーバーを立ててみたので、その時の手順をまとめました。 経緯 最近、ChatGPT周りのAPIを触っていたら、文章の読み上げをしたくなってきました。もともとVOICEVOXが良さそうなことを聞いていたので利用してみることにしました。 まず、VOICEVOXを利用する上で、自分のニーズは以下でした。 細かいクエリ調整は一旦置いておいて、趣味で作る各種アプリとかで簡易的な読み上げを行いたい 最近ずんだもんをYouTubeでよく見る。かわいい。ずんだもんにしゃべらせたい また、いくつか試している中でパフォーマンス的な問題もでました いつもの作業用PCはMacBook ProなのでVOICEVOXをGPU版で起動できず、音声合成にかかる時間が結構厳しい Docker

現在QiitaではQiita Engineer Festa 2022が開催中です。当記事もエントリーしております 最近React18がリリースされたようです React18に関しては@uhyoさんに非常に参考になる記事を投稿していただいてます ただ、いまいちuseTransitionとuseDefferedValueについて理解できていませんでした そこで今回はこれらのHooksについて自分で内容をまとめてみたいと思っています ちなみに、この記事ではconcurrent modeがリリースされるかもしれないが未定と書かれていますが、現在の正式リリースでは「mode」という考え方自体がなくなり、concurrent modeのみが標準として組み込まれています useTransitionとuseDefferedValueの具体的な使い方 まずはそれぞれの使い方に関して確認しましょう useTr

はじめに この記事は クラウドワークスアドベントカレンダー2019 16日目の記事です。 こんにちは！本日25回目の誕生日を迎えたアクセシビリティ向上隊長 みーたです。 昨日は同じチームの@yamanokuさんによる「みんなに知ってもらいたいデザインシステムのこと」でした。 文中で紹介されていた「悲劇的なデザイン」は私もオススメします:) 私は今回、普段みなさんがHTMLを書く時に、よく使うタグごとでちょっと気をつけてみてもらいたい！と思う点をまとめてみました。 初学者ではありますが、正しくHTMLを理解してもらいたいって気持ちがあるので、マサカリは怖くない程度に投げていただいて、みんなで知識を共有していきたいです。 👻 真冬の怪談 突然ですがちょっと怖い話を... 先日、とある画面を改修しようと思って、今どんな感じにスタイル当たってるんだろうと本番環境を見てみたんですよ。 カードタイプ

はじめに 昨年の12月から約10ヶ月ほど、とあるベンチャー企業のAWS環境を改善していました。今はその会社にいないのですが、会社の Jira と Confluence 以外にも知見をまとめておいたほうが良いかなと思ってアドベントカレンダーに書くことにしました。 組織の状況 以前にエンジニアが大量に退職したことにより、大量のメンテナンスできないソースコードがありました。それとともに、何の用途で動いているか分からないEC2サーバーもたくさんありました。 Technology & Infrastructure チーム（以下TIチーム）というのがあったのですが、障害対応をする人たちと数年がかりで新しい基盤を作っている人たち（たぶん目前の問題を諦めた人々）がいて、いわゆるサバイバルモードにありました。ちなみにアプリケーションのバグの量も半端なく、バグ修正チームが数年単位で存在しています。 このTIチ

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに ・私がAWS EC2を利用していく中で、これは安く使うためのポイントだと感じたことをまとめました。 ・最後まで読んだのにがっかりしたという方を出さないためにここでぶっちゃけておきます。このページの結論は「安くするためのポイント」=「パブリックIPアドレスの固定、スナップショットの利用を諦める」です。この時点で興味がなくなった方はそっとこのページを閉じることをおすすめします。 ・ほぼ個人用のメモ&日記的なもので素人目線かつ間違えた情報を記載しているかもしれません。すべてを鵜呑みにせずにご参照頂けますと助かります。また間違えを指摘

マスターデータ等、Unityでテーブル形式のデータを扱う際はExcelを使うと便利なことがよくあります。その際は一般的にNPOIを利用して読み込みを行うのですが、データに合わせて毎回インポート処理を実装するのが手間でした。そこで、今回その仕組みを汎用化しプラグインにしてみました。 ちなみに、UnityでExcelを読み込むためのプラグインで有名なものに、テラシュールブログ・@tsubaki様（いつもお世話になっております）のUnity Excel Importer Makerがありますが、こちらはImporterを「Make」するためのプラグインです。本プラグインはImporter部分はリフレクションを用いて１つのまま、Excel内のデータを保持するScriptableObjectを作るという点で違いがあります。 2019/6/12: いくつか説明を加筆しました。 プラグインインポート h

約半年前から、諸事情により急に機械学習しろと言われて困っています。（会社って怖いところですねぇ） 機械学習も深層学習もよく分からなくてもきっと何かできるはずっ！ ということで、今日は自分がずっと気になっていた深層学習にレッツトライ。 注）ここまでのACのレベルから比べるとグッと下がっているのでご容赦を。 今回したかったこと うちには子供が居るが、こいつら両親のどっちに似てるんだろう？それを出したりできないかな？？ というモチベーションが発生。きっかけはFBで子供の写真を上げると、たまに私だとタグ付けされるようになったんですよね。そんなに似てたっけ？？毎日顔をつき合わせてると全く分からないんですよね。 今回はいろんな人の顔の認識とかはハードル高いので、私と旦那の顔を学習させてモデルを作って、子供の顔を分類してみるというのをやってみます。 参考にしたもの google先生にご活躍いただいて、今

はじめに いつもサイトをつくる時に向き合わなければならないのが ''Font Family" などのフォント関連の指定です。 あらためて最近のフォント指定事情について考えてみたので、その辺を失敗談も含めながら、ざっくり紹介しようと思います。 iOSで見たとき明朝体表示になってしまう 画像左のようにFutura Koyu(無料で使えるFuturaもどき）を適用させたデザインをもともとしていた場合、iPhoneで確認するとiOS上のブラウザ（SafariやChromeなど）では明朝体が適用されてしまっています。 これだとだいぶサイトの雰囲気が変わってしまい、iPhoneから見るユーザーのことが気になって夜も眠れないところです。 なぜこのようなことが起こったか 上記のcss指定は以下でした。

リニューアルした日経電子版が高速すぎてヤバイ件 皆さんお読みになりましたか？ 社内では**Fastlyすごーい！！！**って話が大きく感じましたが フロントに関係しそうな最後の方に出てくるWebPについてちょっとまとめてみました。 WebPについて 【WebP画像形式とは】 米Googleが開発している静止画フォーマット。 ウェッピーって読むらしいですよ。可愛いですよね。 ファイルの拡張子は .webp 採用することでWebサイトの表示速度短縮やトラフィック量の節約が期待できます。 PNG/GIF/JPEG画像形式と比べてのメリット JPEGと比較してファイルサイズが25-34％小さくなる（非可逆圧縮モード） PNGと比較してファイルサイズが28％小さくなる（可逆圧縮モード） JPEGとは異なり、非可逆圧縮でもアルファチャンネルを扱える エンコードは PNG よりも時間がかかるけど、デコー

体感しよう HTTP vs HTTPS Test このサイトでは、360個の画像ファイルを TSLなしの HTTP/1.1で読み込んだときと、 HTTP/2 で読み込んだ時のパフォーマンスの違いを試すことが出来ます。 HTTP/1.1 では読み込みが同時接続の制限によってブロックされ、全ての画像ファイルを読み込むのに時間がかかっているのが分かります。 一方、HTTP/2 では同時接続の制限がないため、多数の画像ファイルを高速で読み込むことが出来ます。 何でもかんでも変えればいいって話じゃない HTTP/2 は HTTP/1.1 に比べ利点が多く見えるので 「全部 HTTP/2 化しちゃえばいいじゃん！！」ヽ(｀▽´)/ と思われるかもしれません。 ですが、全てのサイトでただ導入すればサイトスピードが上がるのかと言われるとそうではないです。 効力が期待できないサイトというのもあります。 例え

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 初投稿です。よろしくお願いします(/･ω･)/ 新卒入社してフロントエンドエンジニアとして働き始めて早半年。 最近は、自分の書いたコードが世の中にリリースされて嬉しさを噛み締めながら楽しく社会人生活を送っています。 こんな本を読み始めました Webフロントエンド ハイパフォーマンス チューニング　-久保田 光則 (著) webパフォーマンスについて...要はサイトの 速度改善 について学べる本です。 冒頭に「ウェブパフォーマンスとは何か」が書かれてます。 ウェブパフォーマンスを改善することは、ユーザが目的の達成の為に費やす時間やリソース

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?