Ajax 通信を簡単にする htmx の基本と実践 | フロントエンド | スタッフブログ | 名古屋のCMS構築・Web制作会社 アップルップル
htmx は、JavaScript のコードを書かずにサーバーとの非同期通信を実現し、ページの一部を更新することを可能にする JavaScriptライブラリです。HTML属性の拡張により簡単に使用できるようにし、結果として、コードの可読性が向上し、将来のメンテナンスも容易になります。これらの特徴から、htmx はウェブサイト制作の現場での活用が期待されます。 簡潔さとアクセシビリティ: htmx は、複雑な JavaScriptコードを書かずに、HTML 内で直接動的な振る舞いを宣言することを可能にします。これにより、Web開発がよりアクセスしやすく、より理解しやすくなることを意味します。 非同期リクエストの簡易化 : htmx は、Ajaxリクエストを簡単に実装するための属性を提供します。これにより、サーバーへの非同期リクエストを簡単に行い、ページの一部を更新できます。 導入の容易さ :
Postmaster information for iCloud Mail - Apple Support
Postmaster information for iCloud Mail If you are a system administrator who manages mail servers that send email to iCloud Mail, learn about sending bulk email, email authentication, delivery issues, and more. What are the best practices for sending bulk email? You should use these best practices when you send bulk mail to iCloud Mail customers: Send only to recipients who explicitly subscribed t
23.8. Rsyslog での構造化ロギング Red Hat Enterprise Linux 7 | Red Hat Customer Portal
システム管理者のガイド I. システムの基本設定 Expand section "I. システムの基本設定" Collapse section "I. システムの基本設定" 1. はじめに Expand section "1. はじめに" Collapse section "1. はじめに" 1.1. 環境の基本設定 Expand section "1.1. 環境の基本設定" Collapse section "1.1. 環境の基本設定" 1.1.1. 日付と時刻の設定について 1.1.2. システムロケールの設定について 1.1.3. キーボードレイアウトの設定 1.2. ネットワークアクセスの設定および検査 Expand section "1.2. ネットワークアクセスの設定および検査" Collapse section "1.2. ネットワークアクセスの設定および検査" 1.2.1.
令和時代のページネーションを考える (REST API編) - Sweet Escape
今回はバックエンドAPIでページネーションをどうやるかについての話なので、よくある無限スクロールUIのようなフロントエンド側の実装に関する話はしない。あくまでもAPI、もっと言えばRESTfulなAPIのリクエスト・レスポンスにおけるページネーションの話。 本気で深く考えるというよりざっくり検討したときの話です。 はじめに REST APIを実装するにあたってリスト系のAPIを提供する場合に必須といっても過言ではないのがページネーション。大量のリソースをレスポンスする場合にそれらを一気に返してしまうことは応答速度、転送量、クライアントサイドでの扱いづらさなどなどに繋がるので必須と言える。 最近、新たなAPIを開発するにあたってページネーションをする必要があったこともあり、今回はこのページネーションをどうやって提供するか整理して改めて検討してみた。 前提 TypeScript Nest.js
Eclipse インデントをスペースにする方法（Java, XML, テキストエディター） - Web系開発メモ
Eclipse の以下のエディターで、インデントを半角スペース（空白）に設定する方法を書いていきます。 Java エディター テキストエディター（XMLも含みます） 補足 以下の手順では、インデントのサイズを半角２つに設定しています。お好みで調整して頂ければと思います。 1. 設定の表示 Eclipse のメニューで「ウィンドウ」→「設定」をクリックします。 2. Java エディター 2.1. フォーマッターのプロファイル作成 設定が開いたら、左上の入力欄で「フォーマッター」と入力して、Java の「フォーマッター」をクリックします。 まだプロファイルを作成していない場合は、上の「新規」をクリックして作成します。 プロファイル名に任意の文字列を入力して「OK」を押します。 2.2. インデントの設定 新規プロファイルを作成すると、自動的に下の編集ダイアログが表示されます。 プロファイル作
Eclipseの補完設定をカスタマイズして爆速コーディング - ser1zw's blog
はじめに Java使いには欠かせないIDEであるEclipse。賢く補完してくれるのが魅力ですが、Visual Studioに慣れていると「補完がもっさりしてるなー」と思ってしまうのも事実。 でも補完設定をカスタマイズすることで、Visual Studio並みにバリバリ補完してくれるようになるのです。 環境 Eclipse 3.6.1 Helios 今回はWindows 7でPleiades All in Oneを使用していますが、素のEclipseでも同じです。もちろんLinux版でもOK。 Javaの補完設定のカスタマイズ やることは コンテンツ・アシストの自動有効化遅延を短くする 補完候補の一覧が表示されるまでの時間を短く設定することで、補完を速くします。 コンテンツ・アシストの自動有効化トリガーとなる文字を追加する 「.」以外の文字を入力した場合にも補完を開始するように設定し、特別
Visual Studio CodeでJava環境を作成してみた
※1JVMオプションを下記のように変更しました。 -Xms2048m -Xmx4096m 変更方法は下記サイト(2021年5月11日時点)を参考しました。 https://pleiades.io/help/idea/tuning-the-ide.html#common-jvm-options VSCodeの起動が早いことが確認できました。 しかしIntelliJ IDEAでもJVMオプション変更後はまぁまぁ早いので、これでも良いかなと感じました。 Java環境作成 VSCodeでJava環境を作成するにあたっては公式サイトやググってもらうといっぱい出てきます。 僕が試した2021年5月時点では下記のようにしました。 拡張機能のインストール Javaとビルドツール（Gradle）に関する拡張機能をインストールしました。 Java Extension Pack・・・必要な拡張機能を全て入れてく
個人的によく使うGitエイリアス、zshキーバインド - 本日も乙
最近、リモートワークということもあり、ペアプロというかAWS、GCPなどの操作をする際に一緒に画面を見ながら作業する機会が多いです。若手の同僚がターミナルソフトを起動してコマンドを実行するのですが、傍から見ているとエイリアスなりキーバインドなりを使えば効率的に操作できるのにと思うことがあります。 最近はGUIで操作することが多いのでターミナルソフトでコマンド操作することがあまりないのかもしれませんが、私は少し前までは（クラウドしかできない）ITインフラエンジニアをやっており、プログラミングよりもコマンド操作するのが圧倒的に多かったため、ちょっとしたことならGUIよりもターミナルで操作することが多いです。Windowsを使っていますが WSL2 + Ubuntu 20.04 LTSで開発環境を整えているため、操作に不自由はほとんどしません。 この手のエイリアスやzshなどのオススメ設定はググ
新人エンジニアにおすすめする一冊 2022 | CyberAgent Developers Blog
こんにちは！CTO統括室の黒崎(@kur_m88)です。2022年度のサイバーエージェントには新卒のエンジニアが約90名入社してくれました。 アフターコロナー1期生の新入社員へ、代表藤田からのメッセージ 2014年までエンジニアブログを遡ると、こんな企画がありました。この企画を8年ぶりに復活させてみようと思います。 #e100q 新人エンジニアにお勧めする一冊 思いつきで企画してみたので100人に聞く時間はありませんでしたが、約40名から返事をもらえました。 社内でアンケートを募集した様子 おすすめする一冊の被りが多ければランキング形式にしようと思っていたのですが、あまり被りがありませんでした。 ちょっと分量が多いですがせっかくなので全部紹介しようと思います。 先輩エンジニア達から新人エンジニアに向けた言葉ももらったので、最後に載せてあります。ぜひ最後までご覧ください！ 新人エンジニアにお
Node.jsのMySQLパッケージにおけるエスケープ処理だけでは防げない「隠れた」SQLインジェクション - Flatt Security Blog
※本記事は筆者styprが英語で執筆した記事を株式会社Flatt Security社内で日本語に翻訳したものになります。 TL;DR Node.jsのエコシステムで最も人気のあるMySQLパッケージの一つである mysqljs/mysql (https://github.com/mysqljs/mysql)において、クエリのエスケープ関数の予期せぬ動作がSQLインジェクションを引き起こす可能性があることが判明しました。 通常、クエリのエスケープ関数やプレースホルダはSQLインジェクションを防ぐことが知られています。しかし、mysqljs/mysql は、値の種類によってエスケープ方法が異なることが知られており、攻撃者が異なる値の種類でパラメータを渡すと、最終的に予期せぬ動作を引き起こす可能性があります。予期せぬ動作とは、バグのような動作やSQLインジェクションなどです。 ほぼすべてのオンラ
[Ansible]シェルの実行結果によって条件分岐する｜gano
タイトルの通り、シェルの実行結果によって、Ansibleの挙動を制御する方法を考える。 Ansibleで何か実行する場合、通常、その目的を達成するモジュールを探すわけですが、モジュールだけでは細かい制御ができないことが多く、シェルを実行するモジュールにシェルコマンドを渡すことが多くなります。 そういった際にシェルの実行結果を取得し、結果によって別の動きをする条件分岐を行えると便利です。 例えば、 grep 'hello' test.txtのように、test.txt文中に「hello」という文字列があるか？ ということを調べる場合、以下のような形でYMLを書きます。 - name: check hello shell: "grep 'hello' text.txt" register: check_hello failed_when: check_hello.rc not in [0,1]直
![[Ansible]シェルの実行結果によって条件分岐する｜gano](https://cdn-ak-scissors.b.st-hatena.com/image/square/5c4b391c2f1d53e4e3533062d48411e9096506bd/height=288;version=1;width=512/https%3A%2F%2Fd2l930y2yx77uc.cloudfront.net%2Fassets%2Fdefault%2Fdefault_profile_5-043439195e40e86fd7641a3a1daf982637d77ec6f14b67d3fc98ab92374404ac.png)
クリエイティブコーディングの教科書
ゲームエンジンや3Dソフトウェアを利用して高度な表現ができるこの時代でも、プリミティブな描画や動き、アルゴリズムから学べることは多い。それらをJavaScriptで書くクリエイティブコーディングという形で学べる手引書が本書となる。
UXの本質について
※本コラムは、長谷川のブログ「underconcept」からの転載です。 ユーザー体験（ユーザーエクスペリエンス／User Experience: UX）という言葉が広く聞かれるようになってきた。半ばバズワードのように、特にウェブデザインやマーケティングの記事などの中では、この言葉を見ない日はない。しかしながら、多くの場合、UXという言葉の真意や可能性を取り違えてしまっている。本稿では、いくつかの観点からUXの本質を考えてみる。 1.UI/UXという誤用 1.1. UIとUX まず、多くの記事や講演などで見られる「UI/UX」という表現からとりあげてみたい。 UI/UXとは、もちろん、User Interface / User Experience（ユーザーインターフェイス／ユーザーエクスペリエンス）の省略形であるが、多くの記事などで「すぐれたUI/UXデザイン事例」、「UI/UX講座」な
CPUベンチマークの採取方法 | 外道父の匠
CPUの性能を調べる方法を紹介、というかメモです。 次の記事が長くなりすぎないように分割したやつ。 CPU Benchmark Charts 最も手軽にCPU性能を調べられるのが、このサイトです。 PassMark Software – CPU Benchmark Charts 私の場合は、サイドバーの『Single Thread』を眺めたり、ヘッダの検索から型番のページに行って、Single Thread の値を確認したりします。 マルチコアでの総合力も大事なんですが、個人的には Single での性能がレスポンスタイムなどに直結するので、重要視しています。 CPU情報 /proc/cpuinfo Linux なら、これで大体の情報を確認できます。 $ cat /proc/cpuinfo processor : 0 vendor_id : GenuineIntel cpu family
こんばんは、X-Forwarded-For警察です - エムスリーテックブログ
エムスリーエンジニアリンググループ製薬企業向けプラットフォームチームの三浦 (@yuba)です。普段はサービス開発やバッチ処理開発をメインにやっておりますが、チームSREに参加してからはこれに加えて担当サービスのインフラ管理、そしてクラウド移行に携わっています。 今回はそのクラウド移行の話そのものではないのですが、それと必ず絡んでくるインフラ設定に関してです。 アクセス元IPアドレスを知りたい Webアプリケーションがアクセス元IPアドレスを知りたいシーンというのは、大まかに二つかと思います。ログ記録用と、アクセス制限ですね。どちらもアプリケーションそのものではなく手前のWebサーバの責務のようにも思えますが、そうとも言い切れません。動作ログ、特に異常リクエストをはじいた記録なんかにセットでIPアドレスを付けたいとなるとアプリケーション要件ですし、アクセス制限についてもマルチテナントサービ
rsyslogでリモートへログを送りつける設定 - zaki work log
今回は、リモートのrsyslogへログを送りつける設定について。 (図の左側のrsyslogの設定です) 対向のrsyslog(図の右側)は前回の記事の、リモートからログの受信を受け付けるrsyslogの設定が入ってる前提 zaki-hmkc.hatenablog.com 基本 実は/etc/rsyslog.confにリモート送信のサンプル設定がコメントアウトされてる。 # remote host is: name/ip:port, e.g. 192.168.0.1:514, port optional #*.* @@remote-host:514 (手元のrpm版v8.24では)「forwarding rule」のうしろーーの方に記述されてぱっと見わかりづらいけど、書式はこの通り <ファシリティ>.<ログレベル> @@remote-host.example.org:514 既存設定におけ
rsyslogで処理が詰まらないようにする
auditdのログをrsyslogでリモートホストに転送しようとしたら、ちょっとログが流れるだけでSSHが出来なくなったりとrsyslogが詰まるせいで、auditdも詰まり、プロセスが起動できない状態になりました。 出力プラグインがメッセージを提供できない場合、メッセージはI先行のメッセージキューに保存されます。キューがいっぱいになると、いっぱいでなくなるまで入力がブロックされます。これにより、ブロックされたキューを使用して新しいメッセーがログに記録されることが回避されます。個別のアクションキューが存在しないため、SSH ロギングが阻止され、SSH アクセスが阻止されるなどの重大な問題が発生することがあります。したがって、ネットワークを介して転送される、またはデータベースに転送される出力専用アクションキューを使用することが推奨されます。 auditd自体の設定は何を記録したいかによるので
[rsyslog] rsyslog.confの設定項目 - Life with IT
2008/7/25更新 対応バージョン: 3.18.1 rsyslog.confには多くの設定項目があるが、ここでは主なものを説明する。 その他については公式サイトを参照のこと。 http://www.rsyslog.com/ タイムスタンプフォーマット ログファイルに記録されるタイムスタンプのフォーマットを指定する。 フォーマット指定 $ActionFileDefaultTemplate <フォーマット> <フォーマット> RSYSLOG_TraditionalFileFormat (デフォルト) Mon DD hh:mm:ss 例) Jul 22 20:29:41 host1 kernel: imklog 3.16.1, log source = /proc/kmsg started. Jul 22 20:29:41 host1 rsyslogd: [origin software="
![[rsyslog] rsyslog.confの設定項目 - Life with IT](https://cdn-ak-scissors.b.st-hatena.com/image/square/63c67004f340a9cfebe1346d512a10a786385cbc/height=288;version=1;width=512/https%3A%2F%2Fl-w-i.net%2Fimg%2Flogo_256.png)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
MongoDBを始めた頃に知っていたら、と思う14のこと
https://blog.sojiro.me/blog/2017/08/25/value-object-and-collection-object/