GPTsでNotion APIを叩くようにしてみたらやばかった
OpenAI の DevDay で発表された、GPTs は、特定のタスクに特化したカスタムモデルを作成できる ChatGPT Plus で利用できる新しい機能です。作った GPTs は、自分だけで使うのはもちろん、友達にシェアしたり。ウェブ上で公開することもできます。 この GPTs の機能である Actions を使うと、OpenAPI Schema を元に、外部 API を ChatGPT エージェントが実行するようになります。 この機能を使って Notion などの様々なサービスと GPTs を繋げてみたので、そのデモと GPTs のつくりかたを解説します。 デモ Notion は、API と呼ばれる開発者が Notion のデータを操作し、外部アプリケーションやサービスと連携するための機能が公開されています。そこで、Notion API の OpenAPI スキーマを書いて検索、デ
Zendesk Guideのテーマファイルをカスタマイズする際に必要になりそうなこと | DevelopersIO
今回は、Zendesk Guideのテーマファイルをカスタマイズする際に必要になりそうなことを書いていきたいと思います。 Zendesk Guideの管理画面でも設定可能な項目がございますが、テーマファイル側で制御できるものは、そちらで行う方針で記載しております。 作業環境のセットアップ 編集したテーマファイルを毎回Zendeskにアップロードするのは面倒なので、ローカル環境でプレビューできるようにします。 手順は下記に記載しております。 Zendesk Guideテーマの編集結果をローカルで確認できるようにする テーマファイルの取得 テーマファイルをイチから作るのではなく、Zendesk Guideの標準テーマであるCopenhagenに対してカスタマイズを行うことが推奨されております。 テーマファイルは下記から取得できます。 https://github.com/zendesk/cop
デザインとHTMLのズレを検出！ Node.jsとPuppeteer活用のビジュアル校正テストで実装時のケアレスミスを防ぐ - ICS MEDIA
デザインとHTMLのズレを検出！ Node.jsとPuppeteer活用のビジュアル校正テストで実装時のケアレスミスを防ぐ ウェブ制作において、デザインとHTML実装の一致はエンジニアとして当然求められるものです。とはいえ、デザインツールとブラウザ画面をにらめっこしながら確認するのも大変です。本記事ではNode.jsで動くヘッドレスブラウザのPuppeteerパペティアーを使ってデザインとのズレを検知するビジュアル校正テストの方法を紹介します。 ウェブ業界ではデザイン制作とHTML制作が分業である場合がほとんどです。ビジュアル校正テストを導入することで、HTML制作の品質向上に役立てられます。デザインとHTML実装が別の会社のようなプロジェクトでは、HTML実装時の品質保証の担保になりますし、デザイナーとフロントエンドエンジニアが近い組織でもコミュニケーション円滑化に役立つでしょう。ICS
Hugo に全文検索（インクリメンタルサーチ）の機能を付ける
ここでは、Hugo サイトに全文検索の機能を付ける方法を説明します。 全文検索を実現する方法としては、Google カスタム検索を導入する方法もありますが、Google カスタム検索は、インターネット上に公開する Web サイトにしか適用できません。 ここで紹介する JavaScript を利用した全文検索は、ローカルで運用する Web サイトでも利用できますし、インクリメンタルサーチも実現することができます（実際のサイトの例）。 図: 全文検索＋インクリメンタルサーチの完成イメージ大まかに、下記のようなコードを含む HTML ファイルを出力できれば、サイト内の全文検索を実現することができます。 検索用 JavaScript データ (const data = [...])検索用 HTML フォーム (<input>)検索用 JavaScript 関数 (function search()
任意のWebページから余計な部分を排除して読みやすく表示する・「Clear This Page」
Clear This Pageは任意のWebページや記事等から余計な部分をすべて排除して可読性を向上させるブックマークレット/ブラウザエクステンションです。以前ご紹介したClearlyと同様、余計な部分を非表示にしてWebページの重要部分の可読性をあげよう、というもの。Clearlyと異なるのは実行した際にclearthis.pageのドメインに遷移する点でしょうか。そのため、多少時間がかかります。個人的には読みやすさを向上する目的として使うならClearlyを採用しますが、Clear This PageはClearlyとは違う方法で可読性をあげてるようなのでそういう意味では気になるツールです。 Clear This Page
Writening テキストページを一瞬で作成
ユーザー登録は一切不要。 テキストを入力すると、共有可能な専用URLが即座に発行されるテキスト共有サービスです。
Feed Creator
Generate RSS feeds for web pages which don't offer their own. Give us the web page URL and tell us which links you're interested in We'll produce a simple feed with those links as feed items Subscribe to the feed in your news reader to get notified of new items You can also use the resulting feed with other services which take RSS as input, such as our Full-Text RSS and PDF Newspaper tools. Exampl
RulersGuides.js demo
RulersGuides.js is a Javascript library which enables Photoshop-like rulers and guides interface on a web page To create a guide, click the vertical or horizontal ruler and drag-n-drop it somewhere outside the ruler It is possible to open/save created guides as grids using corresponding hotkeys (Note: grids will be saved on a page location basis, so it's not possible to use the same grids in anoth
ScrollMe - For simple scrolling effects
ScrollMe A jQuery plugin for adding simple scrolling effects to web pages ScrollMe is a jQuery plugin for adding simple scrolling effects to web pages. As you scroll down the page ScrollMe can scale, rotate, translate and change the opacity of elements on the page. It's easy to set up and not a single line of javascript is required. Why just these properties? Because browsers can animate them quic
いつか真似したい！ユニークで楽しい「404 Page Not Found」30選 | Find Job ! Startup
なるべく減らしたい「404 Page Not Found」。しかし、リンク切れや意図しないアクセスなど、404エラーが発生してしまうのは避けられません。 そんな時にも笑いや同情を誘いユーザーを虜にする「404 Page Not Found」を30個、選りすぐってお届けします。ピンチをチャンスに変えて、ファンを増やしましょう！ニュースメディア １.ハフィントン・ポスト いまにも泣きそうな404。 ランダムで別バージョンもあります。 企業 ２.LIG 「そんなページねえよｗ」と強烈なLIGの404。このあたりがイラッとしないラインかも……！ ４.サクラクレパス ワザあり！ 商品（消しゴム）のアピールにも役立つ404。 ３.KAYAC デザイナーズブログ カヤック意匠部のマスコットキャラクターがお出迎え。 ５.タカラトミー 黒ヒゲ危機一髪！ ６.ミスタードーナツ こちらはポンデライ
tableコンテンツを作成・管理出来る高性能なWordPressプラグイン・TablePress
テーブルを手軽に作成、管理する為のWordPressプラグイン・TablePressのご紹介です。今まで見てきた中では一番機能性が高そう。良さそうなので後で日本語にして利用しようと思います。 面倒臭いテーブルを作れるようにするプラグイン。クライアントさんは作れないのでこういったプラグインを使ってもらうと良いかも。機会があれば提案してみたい所です。 管理画面でテーブルを作成、ショートコードで表示する、というもの。管理も楽そうです。CSVのインポート/エクスポートにも対応してるみたい。 テーブルは管理画面で列や行を追加、中身を書き込んでいく形となります。Advanced Editorを使えばセル内でWYSIWYGを利用できます。 セル同士の結合も可能なのでそこそこ複雑なテーブルも作れそうです。 一部有料ですが、レスポンシブWebデザイン対応やセル内でのPHPコード実行用のエクステンション等もあ
どれ使う？使い勝手の良いカラースキームツール8選！ | バシャログ。
今更ながら最近PSPの「勇者のくせになまいきだor2」が楽しくて仕方ない seki です。世界に平和はおとずれなぁい!!! さてさて今回は、もう何番煎じになるか分りませんが･･･！私がよく使うカラースキームツールのご紹介です。こういうツールは、突然URLが消えてなくなってしまう事もあるので、定期的におさらいも兼ねて一覧を作っておくのはいいことなんだ･･･！と自分に言い聞かせつつ、最近のものから定番のものまで、これだけ抑えておけば大丈夫！という、多機能で使いやすいものを選んでみました。 詳細は以下より。 カラースキームツールを使いこなそう！ 色選びを感覚でやると怒られる･･･！という現実を知ってからというもの、こういうツールを自然とブックマークし、集めるようになりました。説得力ある色選びをするには欠かせないツールのご紹介。 「kuler」 これはもう定番中の定番ですね！Photoshopにも
[JS]実装は簡単で高性能、ロード無しでページを次々に表示するスクリプト -Navi.js
複数のページをブラウザのロード無しで、アニメーションで次々に表示するjQueryのプラグインを紹介します。 これ系のスクリプトはいくつか紹介してきましたが、ページタイトルの設定やネスト、戻る・次へボタンの対応など、使い勝手もなかなかです。 Navi.js Navi.js -GitHub Navi.jsの特徴 Navi.jsのデモ Navi.jsの使い方 Navi.jsの特徴 Navi.jsの仕組みは一つのファイルに複数のページのコンテンツを配置し、それをページごとに遷移するように表示します。 タブ、ナビゲーション、カルーセル、ページネーション、パンくずをサポート コンテンツにあったページタイトルを表示 戻る・次へボタンのサポート コンテンツのネストをサポート スライドアップ、スライドレフト、スライドアップ・レフト、フェードのエフェクトを用意 AJAXサポート Google Analytic
指先ひとつでページのタイトルとURLをコピーしたい！ブックマークレットでその願い、叶えます♪
追記（2013年2月4日）。具体的な手順を書きましたのでよろしければご参照ください。 タイトルと URL をコピーするブックマークレットの登録、確認、実践手順メモ | oki2a24 パソコンでブログを書くときに使うブックマークレットを残しておきます。スマホでも使う予定です。ブックマークレットのウェブブラウザへの登録方法は割愛します。が、簡単に説明すると、Chrome の場合はブックマークバーに下記のリンクをドラックアンドドロップすれば OK です♪ get title 表示しているページのタイトルを取得します。 get title url ページのタイトルと URL を取得します。 get page link ページのタイトルと URL を取得し、新しいウィンドウで開く HTML ソースを作成します。 ↑なお、この「get page link」ブックマークレットは私が作ったものではありま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
写真測量ソフトSurveyFromPhotoと写真３DソフトSolidFromPhoto
THE PAGE（ザ・ページ） | 気になるニュースをわかりやすく
Webデザインのセンスを磨く！2014年上半期洗練されたディテールのUIデザインのまとめ
archive.today - webpage capture
https://www.fiftythree.com/pencil
秀丸エディタでAND/ORのGREPを手軽に「スペース区切りで複数語GREPができるマクロ」NOT SUPPORTED