WEBサイトを作るときほとんどの場合、お問い合わせフォームを設置すると思います。 私はよくWordPressのお問い合わせプラグイン、「MW WP Form」にお世話になっていますが、この度担当した案件で、どうしてもショートコードから出力されるHTMLの構造を変更しなければならず、公式ドキュメントから”コアファイルに手を入れずにHTML構造を変更できる方法”を見つけたので紹介したいと思います。 （MW WP Formを使用したことがあり、基本的な使い方がわかる方へ向けた内容になります。） プラグインサイト：https://plugins.2inc.org/mw-wp-form/ 出力タグの上書き方法 input type=”text”の場合 /plugins/mw-wp-form/templates/form-fields/text.phpの内容をコピー /themes/使用中テーマ/mw

経緯 EC2の前にCloudFrontを置きました EC2にhttpやhttpsでは直接アクセスできないようにしたいです セキュリティグループやネットワークACLにCloudFrontのIPを全部登録するのはツライのでヤダ ここを見れば、一応IPの一覧が分かるが、、、 ならば、マネージドプレフィックスリストを使って、インバウンドのホワイトリストを設定しよう！！ 早速やってみる VPCのメニューを辿って、CloudFront用のマネージドプレフィックスリストを確認（CloudFront用のものが最初から用意されている） 名前をメモっておく 設定したいEC２のセキュリティグループのインバウンドに、マネージドプレフィックスを指定したルールを追加 パッと見てCloudFront用か判断できないので、事前に名前を確認しておく必要がある ルールを保存！ 設定失敗！！ なぜ、エラーになったのか？ セキュ

こんにちは。今回はMarkuplintというHTMLリンターについて紹介します。入れるだけで自分のコードの間違いや改善できるところを指摘してくれて、かつ改善方法まで教えてくれる素晴らしいツールです。 存在を知ったのは去年の後半でしたが、しばらく使ってみたところ本当に効果を感じました。絶対に入れた方がいいです。 概要 MarkuplintはHTMLの構文をチェックし、間違いがあればエラーを出してくれる上に解決方法もある程度教えてくれるツールです。VSCodeの拡張機能としても利用が可能です。エラーがあると赤の波線で表示され、ホバーすると問題の詳細が表示されます（下画像）。 このように、名前の通りマークアップ（要はHTML）をLintしています。 プログラミングの世界で「Lint」というと、コードの構文が間違っていないか、エラーの原因になりうるコードがないかをチェックすること言います。それを行

エラー発生有／無それぞれのサンプルコードは以下です。 -- エラーが発生する関数の例 (引数が'abc'以外の場合にエラー) function hogeFunction(str) if str ~= 'abc' then error('DUMMY ERROR') end return 'ABC' end -- エラーが発生しない呼び出しの場合 pcallResult, functionReturn = pcall(hogeFunction, 'abc') -- １つ目の返り値にtrue、２つ目以降の返り値に指定した関数の実際の返り値が設定される print(pcallResult .. ', ' .. functionReturn) -- > true, ABC -- エラーが発生する呼び出しの場合 pcallResult, functionReturn = pcall(hogeFunct

他、DatadogのToby BurressさんによるWhat we mean by 'Mean' (平均が意味するものは？ )のパブリックビューイングも予定されていましたが、時間の関係でなくなりました。 SLOconf 2023 - How I learned to stop worrying and love burn rates動画: https://www.youtube.com/watch?v=ra0cCmEVKS8 話された内容DataDogのSLOチームで働いているAshley Chenさんに、閾値からバーンレートにインシデントの検知方法を変えた場合にどのようなメリットがあるのかお話いただきました。 運用監視通知システムのロジックを、「閾値を使ったシンプルな通知システム(Simple Threshold alert)」から「バーンレートを用いた通知システム(Burn Rate

画像はpnpm Logosより引用しました。 2022年に入社したTIGコアテクノロジーユニット所属の齋藤と申します。 Vercelに触れてみようVercel CLIのインストール方法を調べていたところ、パッケージ管理ツールを用いたインストール方法としてnpm, Yarnと並んでpnpm1が書かれていました。npmとYarnは利用したことがある一方で、pnpmは馴染みがなく、触れたことがありませんでした。 pnpmではどのようにパッケージを管理しているかなどの特徴を調べました。 pnpmの概要pnpmはJavaScript系のパッケージ管理ツールです。pnpmはperformant npmの略であり2、その名の通りパフォーマンス性を重視した設計になっています。 package.jsonを利用するほか、npmリポジトリにあるほとんどのパッケージが利用可能であるなど、npmとは互換性を持ってい

この記事は 面白法人グループ Advent Calendar 2022 の15日目の記事です。 こんにちは、カヤックボンドの松本です。 今回は弊社の技術顧問をご担当いただいている、ドレッドノート株式会社の佐々木様よりご寄稿いただいた記事となります！ みなさん、はじめまして！ 主にパフォーマンスチューニングや検証用のボット開発等を行っているドレッドノート株式会社の佐々木と申します。 この度、カヤックグループの皆様より Advent Calendar 2022 に寄稿する機会を頂戴しましたので、2022年12月時点の方法を元に負荷試験とモダンなOSSツールについて書いてみたいと思います。 負荷試験の重要性 突然ですが、みなさんが関わっている案件で負荷試験を行っていますか？ サービス開始前・提供中、どちらであっても負荷のかけ方によって様々な情報を得ることができます。 現状の性能・台数・実装で、ど

人事部の小池です。 この記事は KAYAC Advent Calendar 2022 の16日目の記事です。 カヤックの規程文書管理の仕組みを Google ドキュメント から GitHub に移行した取り組みについて紹介します。 これまでの文書管理 カヤックでは長年規程文書を Google ドキュメント で管理していました。Google ドキュメント は多くの従業員にとって親しみやすいものの、文書を管理する上でいくつかつらい点がありました。 改訂内容の差分が追いにくい・改訂の背景がわからない Google ドキュメント なので変更履歴から過去の版を閲覧することは可能ですが手軽とはいえません。改訂の際は内容以外にも改訂に至った経緯、議論といった背景も重要ですが、これらの背景は成果物である Google ドキュメント の版の履歴からは伺うことはできません。「ある時までは確かこういった規程内容

この記事は 面白法人グループ Advent Calendar 2022 の11日目の記事です はじめに おはこんハロチャオ！ カヤックボンド初代ポケモンチャンピオンの栗野です。 皆さん、ポケットモンスター スカーレット・バイオレット楽しんでますか？ ついに12月からランクマッチが解禁され、私もレイドバトルやオンライン対戦など パルデア地方の冒険を楽しんでいます。 ところで皆さん、ポケモンで対戦しているときに困ったことはないですか？ あれ…自分と相手のポケモン、どっちのすばやさが高いんだ…？ あるある。とてもわかります。 私もポケモン剣盾からオンライン対戦を始めて約3年になりますが、未だに対戦中に何度も検索してます。 ポケモンのわざを選ぶまでの持ち時間は60秒。 その短い時間で様々な読み合いをするポケモンバトルでは、 すばやさをｲﾝﾀｰﾈｯﾂで検索している時間が敗北に繋がると言っても過言では

はじめにTIG DX ユニット 佐々木です。 春の入門祭り連載 19 日目を担当します。 2022 年 4 月に Future に新卒入社して 1 年ほど経ちました。入社以来、AWS を利用した Web システムの設計・開発に従事していますが、システムを構築する上で必要なインフラ・ネットワーク・DB 等の知識は、業務に必要な範囲で部分的に調査・理解することが多いです。 今回は、システムを構築する要素を体系的・網羅的に学習する機会を求め、ネットワーク入門として CCNA 試験の勉強・受験・結果的に合格まで至った感想についてお話しします。 本記事では、ネットワーク初学者の私がどのような状態を目指して CCNA 試験の勉強を始め、その結果どれだけ近づけたかについてお話しできればと思います。 ネットワーク知識の詳細な説明は主な目的ではありません。 CCNA とは？Cisco Certified N

投稿のパーマリンク設定の「/blog/」というスラッグベースの部分が、カスタム投稿タイプのパーマリンクにも付与されてしまうのです。これを回避するには、カスタム投稿タイプを設定するときに、「rewrite->with_front => false」な感じでregister_post_typeすれば良いのですが、Custom Post Type UIにはそのような設定ができません。 Custom Post Type UIのカスタム投稿タイプ管理プラグインもいくつか試してみたのですが、Custom Post Type UIと同様、rewriteはtrue、falseの二択しか選択できず、with_frontの設定まではできないものばかりでした。 カスタム投稿タイプを簡単に拡張できるようにするコード ということで、プラグインではなく、直接コードを書いてカスタム投稿タイプを作成するしかないだろうと。

1台のiPhoneやAndroidから複数のスピーカーに同時接続して音楽を聴きたいなってことありますよね。 しかし！普通は1台のスマホで複数のスピーカーをBluetooth接続することはできません。

Cloudflare Zero Trust ではその名の通りゼロトラストを実現するためのソリューションになっていますが、機密データの流出を防ぐ DLP（Data Loss Prevention） について紹介したいと思います。 Cloudflare Data Loss Prevention (DLP) DLP はデータの内容そのものを調べ、その中に含まれる個人情報・クレジットカード番号情報など機密情報にあたるデータが検出された時に流出を防ぎます。 Cloudflare Zero Trust のDLP機能では、Web通信（HTTP/HTTPS）が Cloudflare の Gateway、Access に通る時にフィルターによってコンテンツの中身を検査し、ポリシーに違反する通信をブロックします。また、API型の CASB と連携することで、SaaSサービスに保存したデータに機密情報が含まれて

Amazon Web Services ブログ Amazon CloudWatch アラームの大規模なクリーンアップを自動化する AWS リージョン全体で数千の Amazon CloudWatch アラーム がある中で、リージョンを跨いで価値の低いアラームや誤設定のアラームをすばやく特定したいとお考えですか？ 数日間「ALARM」または「IN_SUFFICIENT」状態になっていて、再検討が必要なアラームを特定する方法をお探しですか？ 価値の低いアラームをリージョン全体で確認し、定期的に削除してアラームコストを最適化するクリーンアップメカニズムが必要ですか？ このブログでは、CloudWatch で価値の低いアラームのクリーンアップメカニズムを AWS アカウントのリージョン全体に大規模にデプロイする方法を探り、さまざまな種類の設定ミスや価値の低いアラームを特定することによって、お客様が

はじめに Noevimには組み込みのLSPクライアントがあり、きちんと設定すれば非常に高機能な開発環境を構築することができます。 今回は、初心者の方にもとっつきやすいようなるべく小さなファイルで解説することを目指しました。LSP関連の最低限の機能に絞って100行弱の設定ファイルに収まるようまとめています。 使用しているプラグインは主に４つ、依存関係を入れても７つです。補完とLSPサーバー管理以外の機能はほぼ組み込みで実現できます。 wbthomason/packer.nvim（プラグインマネージャ） neovim/nvim-lspconfig（LSP設定） williamboman/mason.nvim（LSPサーバー管理） williamboman/mason-lspconfig.nvim hrsh7th/nvim-cmp（補完） hrsh7th/cmp-nvim-lsp hrsh7th

2024.01.08 2024.07.16 Webデザイン 【webデザイナー必見】Figma最強プラグイン「HTML To Figma」の使い方 粟飯原匠 |プロデューサー マーケティングを得意とするホームページ制作会社PENGINの代表。教育系スタートアップで新規事業開発を経験し、独立後は上場企業やレガシー産業のホームページ制作・SEO対策・CVR改善の支援を行うPENGINを創業。「ワクワクする。ワクワクさせる。」を理念に掲げてコツコツと頑張っています。 最近話題のFigmaのプラグイン「HTML To Figma」の使用方法をまとめました！！ 「HTML To Figma」とは、URLを入れるだけで勝手にトレースをしてくれる最強のプラグインです。 僕自身このプラグインを活用してデザインの制作時間が大幅に削減されました！ それでは早速解説していきます♪ HTML To Figmaとは