デモとして、このブログに Pagefind を導入してみました。ヘッダーの検索アイコンをクリックすると検索フォームが表示されるので、キーワードを入力して検索してみてください。 使い方 Pagefind は構築済みの UI ライブラリと、CLI コマンドとしてインデックスを作成するためのツールから構成されています。まずは UI ライブラリの部分から見てみましょう。 UI ライブラリ Pagefind の UI ライブラリは、検索フォームと検索結果を表示するためのコンポーネントから構成されています。この UI は以下のコードを追加するだけで簡単に利用できます。 <link href="/pagefind/pagefind-ui.css" rel="stylesheet" /> <script src="/pagefind/pagefind-ui.js"></script> <div id="s

はじめに 初投稿です。 知ってたら便利になる小技が無かったのでまとめました。 「小技が知りたい...だけど検索しても出てこない...！」 そういう時に役立ちます。 比較的古いバージョンのJSでは一部の小技が使えないかもしれません。 随時追加予定です。他に小技をご存じの方はコメント欄にGO。 おことわり この記事は、あくまで"こんなやり方もあるよ"と紹介しているだけなので、何でもかんでもこれらの小技を使うと、かえってコードの可読性を下げる可能性があります。コードサイズと可読性を天秤にかけてどちらが良いかを都度確認しましょう。 記事内の間違った部分の指摘等はこの記事のコメントや編集リクエストでして下さい。 当方コードゴルファーなので、バイト数短縮小技も入れていることをご了承ください（一応該当する節には＊をつけています）。 配列 配列の重複した値を削除1 const meta = ["foo",

2024年1月2日18時前ごろ、新千歳発・東京/羽田行のJAL516便（エアバスA350-900、JA13XJ）と、海上保安庁所属「みずなぎ」（DHC-8 Dash 8、JA722A）が羽田空港C滑走路で衝突する事故が発生しました。 ※事故自体の経過についてはNHKの記事などをご覧ください（随時更新されるようです）。 要約Flightradar24など、航空機追跡サイトはボランティアによる受信で成り立っている 海保機は「ADS-B」に対応していなかったので、航空機追跡サイトでは低高度（地上走行中）に表示されなかった 加えて、Flightradar24は自主規制によって海保機の位置を表示していなかった 「ADS-B非対応」はトランスポンダを積んでいないという意味ではない。トランスポンダは積まれていたし、管制側のレーダーには表示される ADS-B非対応機は民間機にも存在するため、海保機のみが特

2014年から先端テクノロジーの研究を論文単位で記事にして紹介しているWebメディアのSeamless（シームレス）を運営し、執筆しています。 1週間分の生成AI関連論文の中から重要なものをピックアップし、解説をする連載です。2024年初っ端の第27回目は、「礼儀は不要」「モデルに質問させる」「良い解答には報酬」など、大規模言語モデルの返答が向上する「プロンプト26の原則」をはじめとする5つの論文をお届けします。 生成AI論文ピックアップ複数の自律AIエージェントが過去の経験を共有して未知のタスクを処理するモデル「Experiential Co-Learning」 画像から動く3Dシーンを生成する新モデル「DreamGaussian4D」 大規模言語モデルの返答が向上する「プロンプト26の原則」が公開。「礼儀は不要」「モデルに質問させる」「良い解答には報酬」など 220以上の生成タスクが実

AIツールはビジネスやクリエイティブなど、あらゆる分野で活用され、業務効率化や生産性向上に貢献しています。 ２０２３年は、コストをかけずにAIを最大限に活用できる無料AIツールが、たくさん登場した年となりました。 この記事では、無料で利用できるAIツール28個をご紹介します。 チャットボット、テキストエディティング、画像生成、音楽生成、音声生成など、さまざまなカテゴリのツールを厳選しています。

はじめに 広告ブロック用DNSサーバのAdGuard Homeを自宅サーバに導入して、Tailscaleを有効にした全ての端末で広告を表示しないようにします。 github.com はじめに AdGuard Homeのインストール Tailscaleのインストール 動作確認 AdGuard Homeの追加設定 運用してみて 余談 追記（2024/2/4） ネットワーク構成としては以下になります。 類似のPi-holeと迷いましたが、デフォルトで日本語化されているのと、普段からAdGuardのChrome拡張機能を使ってるという理由でAdGuardを選びました。 また、前提として以下の環境で作業します。 自宅サーバ： Ubuntu 22.04 AdGuard Homeのインストール 更新の手軽さを考えてsnapでインストールます。 $ sudo snap install adguard-ho

紹介された方法は次の通りです。 まず、用意した鶏モモ肉に、重量の１%の塩をふります。 たとえば調理する肉が３００gならば、小さじ半分程度の塩３gをまぶしておきましょう。 皮がパリッパリ、身はプリップリのチキンステーキが完成です！ 鶏モモ肉を焼く際は、重しなどを使うと、よりパリッと感が増すとのこと。 器に盛って、お好みのソースや付け合わせを添えれば、豪華なクリスマスのごちそうになりますよ。 毎年１２月に紹介されている、『鶏モモ肉の焼き方』。 投稿には「クリスマスの予行練習でやってみたけど、皮パリパリで身はふわふわ！試食した子供も大喜びだった」「安い肉が名のある地鶏くらいにおいしくなった。またやろう！」など好評の声が寄せられていました。 チキンステーキは、シンプルな料理だからこそ、焼き加減や味付けに失敗してしまうことがあります。 「塩をふって寝かせておくだけ」であれば、誰でも簡単においしく作る

すん@製薬工場勤務 @shin_gmp ダイハツの第三者報告書にあった下記8つの状況がブラック企業あるあるで、かつ身に覚えがありすぎて笑えんのよ ①試験は合格して当たり前。不合格となって開発、販売のスケジュールを変更するなどということはあり得ない ②日程に間に合わないと感じ手を挙げると「なぜ間に合わないのか」「どうしたら間に合わせられるのか」「今後どうするのか」の説明に追われる ③問題が起きた時の「で、どうするの？」といった、問題を発見した部署や担当設計、更に言うと担当者が解決するのが当たり前という組織風土 ④ 「失敗してもいいからチャレンジしよ」でスタートしても、失敗したら怒られる ⑤助け合う風土は基本的には無い。またそのような環境にあるため「既にスキルを持った人間（＝一般的にいう「できる」人）」への負荷が大きく、逆にそれに当てはまらない人間に対し安直に使えない扱いをする傾向にある ⑥な

俺は新入社員時代、上司との相性が悪くて毎晩社宅のゴミ箱を蹴っていたり、酒飲みまくって奇声を上げたり、上司との電話直後にスマホを遠投したりといった伝説を数多く持つ本物の奇行種なんだが。 そんな俺が精神科医に薦められてやったことでマジで聞いたことを教える。 会社のカウンセラーが言ってた「７秒耐えろ！無限に耐え続ければいつか収まる！」はマジで無駄だった。 １位　カルシウムの錠剤を飲む。 ２位　７時間以上寝る ３位　バナナを食って太陽光を浴びる ４位　朝と晩に「俺がよくやっているのは俺が知っているので、理解する気のない他人に認められる必要は実はそんなにない」を１０回唱える ５位　仕事終わりに明日会社に来たら思い出すべきことを書き出してそのことは忘れて家に帰る ６位　酒とカフェインは元気の前借りなので用法を守る ７位　過ぎたことに考え始めたら「もう諦めろ。取り戻そうとするな」と唱える ８位　どうして

2023年も終わりに近づき、この1年間に収集したツールを振り返りながら、Web制作に役立つお気に入りを見つけてみましょう。 素晴らしい新ツールや素材がたくさんリリースされ、選定にはたっぷり時間がかかりましたが、カテゴリ別に幅広くセレクションできました。 本当に役立つかどうかだけを考え、「これ、神ツール。」と思えるものをピックアップ。 話題の的だったAIをうまく活用すれば、ワークフローを格段にスピードアップさせ、面倒な作業もストレスなくこなすことができます。 この記事では、そんなあなたの役に立つ2023年公開のWebデザイン制作ツールや素材をまとめてご紹介します。 整理したカテゴリは以下の通り。

はじめに 仕事に追われる日々から解放され快適に楽しく働くことができる環境を実現するためには、自己管理が重要です。ここでいう「仕事に追われず快適に楽しく働ける状態」とは、自分自身で意思決定を行い、仕事の進行を自らコントロールする能力を身につけることを意味します。 多くのエンジニアは仕事の量や複雑さに圧倒され、自分のペースで仕事を進めることができないという状況に直面しています。しかし、自己管理スキルを身につけることでこれらの課題を乗り越え、より自分起点な働き方が可能になります。 この記事では、よく起きがちな問題とあわせて自己管理を強化するための具体的な方法を示します。 1. 他の人から見て何をやっているかわからない問題 主要なポイント 「あれってどうなってます？」って聞かれていませんか？ これを頻繁に聞かれる場合、確実に何やっているかわからない人だと思われています タスクの状態は、必ず聞かれる

「偽セキュリティ警告画面」（サポート詐欺）はインターネットを閲覧中に突然表示されます。 あわてて画面をクリックすると、ディスプレイいっぱいに表示されてしまい、マウス操作で閉じることができなくなってしまいます。 このとき、表示されているサポート電話番号に電話をしてしまうと、思わぬ被害に遭います。 画面が表示されただけであれば、 パソコンは「コンピュータウイルス」には感染しておらず、「偽セキュリティ警告画面」を閉じるだけで問題ありません。 当窓口に寄せられる相談では、画面を閉じることができずに電話をかけてしまい被害にあう方が多くなっています。 そのため、偽のセキュリティ警告画面を疑似的に表示して、画面を閉じる操作を練習するための体験サイトを作成しました。 多くの方に画面の閉じ方を体験していただき、被害の未然防止につなげてください。 目次 はじめに（体験を実施する前に必ずご確認ください） 体験サ

セカンドライフでの私の製作物とアバターです まえおき セカンドライフは2003年に発表され、2006年ごろから話題になり、2010年にピークを迎えたLindenLab社が運営するSecondLife(セカンドライフ)ですが、2023年には20年目になりました。 メタバース関連の話題があがるとセカンドライフのつまらなさと過疎っぷりを伝える【メタバースの失敗】＝【セカンドライフの失敗】というキーワードの記事も同時に現れるのですが、その多くはそれなりに調べてはいるけども、セカンドライフの事を何もしらない人が書いている事が問題として挙げられ、一部セカンドライフユーザー達から猛烈に反論されたりするなどプチ炎上が起こりがちです。 例えば、PSO2やDQX、FF14、フォートナイトなどの様々な長く続いている有名オンラインタイトルをエアプ*1野郎がつまらないと断言すれば、それらのプレイヤーから反感を買って

この記事は リクルート ICT統括室 Advent Calendar 2023 18日目の記事です。 こんにちは、ICT統括室の別府(@tky_bpp)です。この記事は、社内の情報流通を社内プロダクト起点で改善しようとしている取り組みの紹介です。 具体的には「社内・社外に分散している情報」を集約することで「各従業員がこれまでどのような仕事をしてきたのか」を可視化しようとしている取り組みです。その中でも、主にプロセス、工夫した点について書いています。そのため、特定の技術スタック、ツールの紹介といった技術的な内容にはあまり触れません。 同じような課題に取り組んでいる方にとって、少しでも参考になれば幸いです。 はじめに 私は現在、リクルートの社内で利用されている従業員検索システムのプロダクトマネージャーをしています。 このシステムには、従業員毎の個人ページがあり、連絡先や所属部署、使用しているパ

OpenAIは、大規模言語モデル（GPT-4）でよりよい結果を出すためのプロンプトエンジニアリング（プロンプトのノウハウ）入門テキストを同社のウェブサイトで公開している。 同テキストでは、現在同社で最高の性能を持つ大規模言語モデルGPT-4を対象に、よりよい結果を導くための6つの戦略と、それぞれを実行する際の具体的な戦術（コツ）が掲載されている。 また、「Prompt examples」のページでは、上記で紹介したものを含む多数のプロンプト例が紹介されており、すぐに利用できるようになっている。 では紹介された6つの戦略を見ていこう。 明確な指示を書く LLMは利用者の心を読むことができないので、回答が長すぎる場合は「簡潔に」、単純すぎる場合は「専門家レベルで」と明示的に依頼する必要がある。 具体的な戦術としては下記が提案されている。 ・より関連性の高い回答を得られるよう、質問は詳細に ・モ

サポート詐欺とネット広告 サポート詐欺の被害拡大が大きな問題になっています。 サポート詐欺は様々な手法でパソコンの不調を警告する画面をPC上に表示させ電話をかけるように煽り、サポート費用としてGoogle PlayギフトカードやiTunesギフトカードを買わせて支払わせたりPCの遠隔操作で振込をさせて、お金を奪う詐欺です。 この詐欺自体は昔からあるものですが、増加したようで2023年9月末には消費者庁も注意喚起を行っています。 www.caa.go.jp また、夏以後に日本各地の警察も注意喚起を始めた他、様々な報道機関やネット媒体がその問題を報じ続けています。 (2/14)詐欺：“サポート詐欺”に注意！ | NHK (5/15)パソコン「サポート詐欺」電話かけてみた 72分間の通話の全容 | NHK | デジタルでだまされない (7/2)【動画解説】パソコン「サポート詐欺」警告が出た時の対

あるあるですよね。 実はこの多面体はどう頑張っても作れません。正六角形でなくとも、六角形のみで多面体を構成することは不可能です。 詳しく知りたい人は、オイラーの多面体定理が参考になるでしょう。 (2023-12-19 追記) 穴が空いてたり、六角形がくぼんでたりすると作れるっぽいことがわかりました。 というわけで、何かしらの誤魔化しがなされています。集めて観察してみよう。 平面的に配置し切り取っているもの 葬送のフリーレン第3話よりおそらく平面に敷き詰めた六角形を歪ませて円状に切り取り擬似的に見せてると推測します。煙で少し隠されている上部での輪郭の回りこみに違和感があり、立体としては不自然だと感じました。(違ったらごめん) 参考:フラーレン このカットは煙によって一瞬しか映らないことで気付きにくいよう工夫されています。こんなのにわざわざ気付くの自分くらいだろうというくらいには一瞬だったので

papiko @papiko5656 そりゃあトムクルーズもこう言いますよね。 トム・クルーズ「映画を観るならTVのフレーム補間をオフに」と呼掛け。理由は「映像が安っぽくなるから」 news.livedoor.com/article/detail… twitter.com/retneysholocro… 2023-12-16 16:14:43 リンク ライブドアニュース トム・クルーズ「映画を観るならTVのフレーム補間をオフに」と呼掛け。理由は「映像が安っぽくなるから」 - ライブドアニュース 映画俳優のトム・クルーズが、最近のテレビが搭載するモーションスムージング機能を使わないようSNSを通じて呼びかけています。一般的なテレビ放送のフレームレートは24または30fpsです。しかし最近のテレビではプロ 21

ごっつ@平凡な正社員 @dekiruengineer プロパーがSIerさん侮辱した結果、SIerさんブチギレて全撤退するそうだ。そのプロパーは懲戒くらって、プロジェクトこれ完全に延期だな。 電話でもメールでもSIerさん下に見てて、毎回バカにしたような態度と文章だったから自業自得って感じ。 コンプライアンス守れない１人のせいで、プロジェクトが止まるって関係者はたまったもんじゃないな… ごっつ@平凡な正社員 @dekiruengineer 僕がSIerだった時代にも客が傍若無人で理不尽すぎて30人ぐらいのチームごと抜けるかって話挙がったけど、会社の主要顧客だったから結局抜けられなかった。 今回の件は昔っからの悪態ぶりだったから社員を守ったSIerさんは英断だね。