タグ

ブックマーク / efcl.info (10)

  • Kagi Searchをメインの検索エンジンとして使っている

    最近はGoogleではなくKagi Searchをメインの検索エンジンとして使っています。 Kagi Searchは$108/year($10/month)の有料の検索エンジンです。 広告モデルではない検索エンジンなので、有料のサブスクリプションモデルとなっています。 Plan Types | Kagi’s Docs いくつかプランがあり、検索し放題のProfessionalプランが$10/monthです Ultimate Plan ($25/month)だと外部のOpenAIのGPT 4とかClaude 3との連携とかも入ってきます 月に1-2万回ぐらいは検索することを考えると、 (108 / (10000 * 12)) * 150 で大体1検索が0.1円ぐらいのイメージですが、こちらもKagiのLLM機能は利用できるので、実質もう少しコスパは良いと思います。 検索ソースにはGoogle

    Kagi Searchをメインの検索エンジンとして使っている
    tkawa
    tkawa 2024/03/15
  • 音声入力でメモを書けるウェブアプリを書いた、x-callbackを使ったアプリケーション連携

    voicodという音声入力でメモを書けるシンプルなウェブアプリケーションを書きました。 音声入力でメモができるシンプルなアプリケーションを書きました。https://t.co/EHSKnNKNaL x-callbackを使ってショートカット.app 等と連携すれば、入力内容をNotionに保存したりできます。 Note: SpeechRecognitionに対応したブラウザ(ChromeやSafari)が必要 Source: https://t.co/NnzXVjlGnF pic.twitter.com/yzoA3VIzzl — azu (@azu_re) February 10, 2022 SpeechRecognitionというウェブブラウザで音声認識をするAPIを使っているので、このAPIに対応しているブラウザが必要になります。 具体的にはGoogle ChromeやSafariなど

    音声入力でメモを書けるウェブアプリを書いた、x-callbackを使ったアプリケーション連携
    tkawa
    tkawa 2022/02/11
  • Komesan: 指定したURLに関連するはてなブックマーク、Twitter、HackerNewsのコメントを表示する

    Komesan: 指定したURLに関連するはてなブックマーク、Twitter、HackerNewsのコメントを表示する Komesanというはてなブックマーク、Twitter、HackerNewsをまとめて表示するサイトを作りました。 https://komesan.pages.dev/?url=https://pages.cloudflare.com HackerNewsはオプショナル: https://komesan.pages.dev/?url=https://pages.cloudflare.com&service=hackerNews ブックマークレットで実行する場合は、次のようなURLのブックマークを利用します。サイトの下部に同じものがおいてあります。 javascript:void(window.open("https://komesan.pages.dev/?url="+e

    Komesan: 指定したURLに関連するはてなブックマーク、Twitter、HackerNewsのコメントを表示する
    tkawa
    tkawa 2022/01/30
  • pwa_study アウトラインメモ

    pwa_study - connpassに参加してきたのでメモ。 用語 SW = Service Worker XSS = cross site scripting Fetch = Fetch API ウェルカムLT クライアントサイドDDDが行われるようになってきた クライアントサイドにロジックが寄ってきてる 難しい Service Workerもクライアントサイドにそういうロジックや仕組みがよってきたという現象の一つなのでは Service Worker Lifecycle - laco スライド: Service Worker Lifecycle by Suguru Inatomi SWのライフサイクル Service Worker のライフサイクル  |  Web  |  Google Developers これよめば大体分かる スライド -> 記事読むと良い register -

    pwa_study アウトラインメモ
    tkawa
    tkawa 2017/09/16
  • JavaScript Plugin Architectureというプラグイン設計について学ぶ無料の電子書籍を書いた

    JavaScript Plugin ArchitectureというJavaScriptのプラグイン設計についての電子書籍を書きました。 この書籍はJavaScriptのライブラリやツールにおけるプラグインアーキテクチャについて見ていく事を目的としたものです。 以下の形式で読むことができます。 Web版 PDF形式 ePub形式 Mobi形式 GitHub上にソースコードも公開されているでので直接Markdownファイルを読むこともできます。 MarkdownよりはWeb版の方が見やすいのでそちらをオススメします。 Twitterのハッシュタグは#js_plugin_book 更新情報はRSSやリリースノートから見ることができます。 v1.0.0 最初に書くと決めたプラグインアーキテクチャが揃ったので1.0.0としてリリースしました。 JavaScript Promiseのの時と同じく、継

    JavaScript Plugin Architectureというプラグイン設計について学ぶ無料の電子書籍を書いた
  • はてなブックマーク検索を作りながらFlux Utilsについて学ぶ

    facebook/flux 2.1.0からFlux UtilsというStoreなどの実装が含まれるようになりました。 今回Flux Utilsを使って、指定したアカウントのはてなブックマークを検索するウェブアプリを書いてみました。 azu/hatebu-mydata-search azu.github.io/hatebu-mydata-search/ mydataのAPIがCORS対応してないのでJSONProxyを挟んでます。(なのでブックマークデータが多いアカウント名は避けたほうが…) これを作ってみてFlux Utilsについて思ったことを書いていきます。 Flux Utilsの紹介ページに、Flux Utilsの解説が書かれています。 簡単にまとめると以下の4つのクラスがFlux Utilsとして提供されています。 Store ベースとなるクラス ReduceStore Store

    はてなブックマーク検索を作りながらFlux Utilsについて学ぶ
    tkawa
    tkawa 2015/08/26
    わかりやすい!
  • [Mac] Asciidocを書くエディタとプレビューの設定

    はじめに 書籍制作でReVIEWを使う実践ワークフロー をみて、Oreillyとかで使われてるAsciiDocはどうなんだろと思って、 とりあえず書ける環境を作ってみたのでメモ。 AsciiDoc AsciiDocMarkdownとかと同じようにテキストベースで書いて、 HTMLやDocBook(ここからepubとかPDFとか大抵のフォーマット)に変換できるフォーマットのことです。 AsciiDoc技術的な記事やマニュアル、を書く際に必要なすべての構造的要素をサポートする – 不悔必省 AsciiDoc その2 – 不悔必省 Oreilly Atlas でも、AsciiDocは使われていて、ウェブエディタもあったりします。 AsciiDocのプロセッサーの実装は、AsciiDocRubyで書かれたAsciidoctorがあります。 今回はAsciidoctorの方を使って

    [Mac] Asciidocを書くエディタとプレビューの設定
    tkawa
    tkawa 2013/08/11
    AsciiDocはよさそう
  • トラッキングパラメーターなど邪魔なものをURLが削除するGreasemonkey

    ParamCleanerというURLからutm_*など不要なパラメーターを除去するGreasemonkeyを書きました。 すでに同じ目的のGreasemonkeyやアドオンなどがありますが、 UrlCleaner for Greasemonkey FeedBurnerのトラッキングパラメータらしきものを削るGreasemonkey – ariyasacca(2009-11-18) URLのトラッキング用パラメータを無視するFirefox拡張 Through utm_ – SWDYH history.replaceStateを使う事で他のものに比べて簡潔な処理でURLからトラッキングパラメーターなどを消せます。 またhistory.replaceStateを使ってるのでFirefox4以上向けで(一応Firefox3でも動くようにしてある)、Scriptish向けに最適化してあるので、できれ

    トラッキングパラメーターなど邪魔なものをURLが削除するGreasemonkey
  • クリッカブルなボタンとWAI-ARIAのrole=”button”について

    前提知識として以下が必要です。 リンクのようなボタンを作る: Days on the Moon javascript scheme でボタンを作るのは ? | ヨモツネット clickイベントに使うためだけにtextとか(下の例の1,2番目)やるのが嫌いで、どうやるのがスマートorシンプルなんだろと思って書き出したもの。input、button 要素がでてこないのはスタイルシート考えるのが面倒で何となくです。button要素をCSSでリンクのようなデザインにできるならそれでもいいじゃないでしょうか。 クリッカブルなボタンとRoleのデモ 1番目は今時ない気がするし、1,2番目は状態が遷移しないのにhref指定してると、ミドルクリックなどで別のページとして開けたりしちゃうのでそれを抑制するコードも必要になるのが何か嫌で、3番目当たりが個人的には好きだった。(4番目は何か気持ちわるい) <di

    クリッカブルなボタンとWAI-ARIAのrole=”button”について
    tkawa
    tkawa 2011/09/01
    @xperiadz それ重要ですね。そうするためには、a要素以外でtabindex属性を設定するか、a要素でhref属性なしにするのがよさそうです。どっちもrole="button"を設定すればベター。参考→
  • オライリージャパンのebook(PDF)でコピペする、ファイル名のリネームをする方法

    O’Reilly(Japanも)が全ての電子書籍を半額で&売上を日赤十字社に寄付 | JSer.infoでオライリージャパンも半額電子書籍を販売していたので、オライリージャパンのpdfにはDRMなどの制限があることを知らないで購入した人もいるかもしれません。 販売されるEbookは、印刷、テキストのコピー、ページの抽出、内容の変更を行うことができません。決済時に入力いただいたご購入者のメールアドレスが挿入されます <p> <cite><a href="http://www.oreilly.co.jp/ebook/explain.html">O’Reilly Japan Ebook Store : 購入規約</a></cite> </p> 英語が読めない人向け、英語技術書の読み方でも言っていましたが、印刷はまだしもコピペができないのは電子書籍として致命的なので、そのDRMの回避方法と、オラ

    オライリージャパンのebook(PDF)でコピペする、ファイル名のリネームをする方法
    tkawa
    tkawa 2011/03/29
    個人的にはウォーターマークが外観を乱しているとはまったく思わないけれど
  • 1