APIテスト（JSON形式でPOSTする）に使える汎用的なHTMLフォーム - Qiita
この記事は移行しました！最新の内容はこちらをご覧ください😀 API開発時にPOSTでメソッド渡さなければいけなくてその度にHTML書いて送信して〜ってのをやってたのですが、 いい加減毎回作るの面倒なので汎用的なのを作りました！ 画面こんな感じ ポイント！ APIのURLが書き換えられる Methodも切り替えできる パラメータ名と値が書き換えられる パラメータが足りなければ add で追加できる パラメータは [] で配列にも対応 ソース <html> <head> </head> <body> <h1>JSONでデータを送信する</h1> <p>Url: <input type="text" id="url" name="url" size="100" value="https://example.com/api/hoge"></p> <p>Method: <input type="t
凄すぎると話題の「Open Interpreter」の始め方・使い方まとめ - Qiita
以下の記事を見て、早速「Open interpreter」を試してみたので、使い方や始め方をまとめておきます Open Interpreterとは Open Interpreterは、GPT-3.5、GPT-4、Code Llamaなどの大規模言語モデル（LLMs）を活用して開発されたオープンソースのツールです。 このツールは、OpenAIが提供するChatGPTの「Advanced Data Analysis(旧Code Interpreter)」のオープンソース版とも言える存在で、Python、Javascript、Shellなどのプログラミング言語のコードを自然言語による対話を通じてローカル環境で実行することができます。 このツールの最大の特徴は、ChatGPTの「Advanced Data Analysis」と違いローカル環境で動くため、ファイル容量やネット接続への制約がなく、Ch
WYSIWYGエディタで画像のアップロードを行う | Webエンジニアブログ
WYSIWYGのエディタSummernoteではファイルアップロード機能を実装できる Data URI schemeとFile Upload Bootstrap3でデザインされたWYSIWYGのエディタSummernoteに画像アップロード機能を実装する。 SummernoteをCakePHPで利用する SummernoteにはデフォルトでData URI schemeで画像ファイルをエディタに貼り付けることが可能。実際に画像を貼り付けて、HTMLのソースコードを確認してみたのが下の画像の状態になる。 Data URI schemeの方法を用いると画像をサーバ側にアップロードすることなく、画像をすべてエンコードしてテキスト状態にして貼り付けるため、画像を参照するためのHTTPリクエストが発生しないというメリットがある。 File Upload方式にて画像を管理したい場合には、Summern
MySQL | DB容量、テーブル容量の確認方法 - わくわくBank
DBを運用していると「DB全体で何MB利用しているのだろう？」「各テーブルごとに何MB利用しているのだろう？」といったことを確認する必要がでてきます。ここでは、容量を確認する方法について紹介します。 SELECT table_schema, floor(SUM(data_length + index_length) / 1024 / 1024) AS ALL_MB, floor(SUM((data_length) / 1024 / 1024)) AS DATA_MB, floor(SUM((index_length) / 1024 / 1024)) AS INDEX_MB FROM information_schema.tables GROUP BY table_schema ORDER BY sum(data_length + index_length) DESC; mysql> SEL
LINE SDK(Node.js)でメッセージの一斉送信
すぐにわからなくなるので覚書 前提 Messaging APIでチャンネル作成済み 作成したアカウントを友達追加済み チャンネルのAccess Tokenを取得している 一斉送信 broadcast APIを利用する c […] すぐにわからなくなるので覚書 前提 Messaging APIでチャンネル作成済み 作成したアカウントを友達追加済み チャンネルのAccess Tokenを取得している 一斉送信 broadcast APIを利用する curlの場合 curl -v -X POST https://api.line.me/v2/bot/message/broadcast \ -H 'Content-Type:application/json' \ -H 'Authorization: Bearer YOUR_CHANEL_ACCESS_TOKEN' \ -d '{ "message
PHPでPOST送信まとめ - Qiita
PHPでのPOST送信には大まかに以下の様な4パターンほどの方法があります。 file_get_contents fopen fsockopen curl ただし、fopenに関してはfile_get_contentsとほぼ同じ様な処理なので、こういった方法もあるという参考程度にしてください。 簡単な送信であればfile_get_contentsを使う方法がベターです。 通信量が多い場合や、重い処理の場合はcURLを使うと良いです。 file_get_contentsを使った方法 $url = 'http://cppe.hol.es/post.php'; $data = array( 'msg' => 'メッセージ', ); $context = array( 'http' => array( 'method' => 'POST', 'header' => implode("\r\n",
slackからの自動打刻システムをサーバレスで作る | 株式会社アンチパターン エンジニアブログ
slackのメッセージを送ると勤怠管理システムに打刻ができる仕組みを作りました。 構成図は以下の通りです。 「開始」や「終了」のメッセージを送ると、その時刻で打刻が完了する仕組みです。 slackとAWSで完結するのものでも良いかとも思いましたが、スプレッドシートへの記録を挟むことでメンバーみんなが確認しやすかったり、無料で利用できるというのもあったためGAS・スプレッドシートも利用しました。 【作成の手順】 １ slackに送った勤怠情報をスプレッドシートに記録させる ２ lambdaから勤怠管理システムに打刻する ３ GASからLambdaを起動する slackに送った勤怠情報をスプレッドシートに記録させるslackのout going webhookと、GASのWebアプリケーションとして導入を利用して連携させる。 まずはスプレッドシートとGASの設定をする。 Google ドライブ
レスポンシブも対応！綺麗で見やすい表のデザイン11個[HTML&CSS] | SEO対策なら株式会社ペコプラ
表中のテキストの揃えの基本 まずデザインを見ていく前に、表中のテキストの一般的なルールをおさらいしたいと思います。 何気なく作成してた人はここを見直すだけでグンと見やすい表に変わりますよ 内容によっては変える必要もありますが、基本はこの3点です。 また、タイトルや、強調する値などは、太文字にしたり背景に色を入れたりと、他と差別化する事で見やすい表になります。 綺麗で見やすい表のデザインいろいろ それでは早速表のデザインを見ていきましょう！ なお、今回はプラン表をイメージし、見出しが縦と横に入っているパターンの表をベースで作成しています。 それに合わせ、レスポンシブ時ではdata-labelの値をcontent:attr()で取得し、表示させる方法で実装しています。 また基本的に比較表以外のパターンは全てhtml共通(行を増やしているものはありますが)にし、CSSのみ変えています。 <tab
![レスポンシブも対応！綺麗で見やすい表のデザイン11個[HTML&CSS] | SEO対策なら株式会社ペコプラ](https://cdn-ak-scissors.b.st-hatena.com/image/square/0f2333d5c3c7396ea44302db532100c96b204a64/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fpecopla.net%2Fwp-content%2Fuploads%2F2019%2F04%2Ftable-design_main.jpg)
MySQLでDBとテーブルのサイズを確認するSQL - Qiita
SELECT table_schema, sum(data_length) /1024/1024 AS mb FROM information_schema.tables GROUP BY table_schema ORDER BY sum(data_length+index_length) DESC; SELECT table_name, engine, table_rows AS tbl_rows, avg_row_length AS rlen, floor((data_length+index_length)/1024/1024) AS allmb, #総容量 floor((data_length)/1024/1024) AS dmb, #データ容量 floor((index_length)/1024/1024) AS imb #インデックス容量 FROM information_s
Real-Time Web App Performance Monitoring : New Relic
インテリジェントなトランザクションオブザーバビリティにより、問題を5 倍速で解決します。最重要データとスタックに焦点を当てます。
拡張イベントを使ってスロークエリを探す | SQLServer大好き
拡張イベントを利用して、スロークエリを調査します。 拡張イベントはSQLServer2008から利用できます。 拡張イベントの登録 実行完了までに2秒以上掛かっているクエリを取得します。 ・G:\work\ExtendedEvents_logフォルダを用意します。 ・下記のクエリを実行します。 MSSQL2008用 --2008 拡張イベントの登録 CREATE EVENT SESSION [slowquery_report_2sec] ON SERVER ADD EVENT sqlserver.rpc_completed( ACTION(sqlserver.client_hostname,sqlserver.database_id,sqlserver.sql_text,sqlserver.username) WHERE ([duration]>(2000))), ADD EVENT sq
便利なXPathまとめ - ZOZO TECH BLOG
こんにちは。 今日も元気にクローラー作成！バックエンドエンジニアのりほやんです。 最近クローラーを作成する機会が多く、その時にXPathが改めて便利だと思ったので XPathについてまとめてみました！XPathを学ぶ方の役に立てれば幸いです。 初級編 XPathとは XPathはXML文章中の要素、属性値などを指定するための言語です。 XPathではXML文章をツリーとして捉えることで、要素や属性の位置を指定することができます。 HTMLもXMLの一種とみなすことができるため、XPathを使ってHTML文章中の要素を指定することができます。 例えば、 <html> ... <body> <h1>ワンピース</h1> <div class="item"> <span class="brand">iQON</span> <span class="regular_price">1,200円</s
クラウド破産を回避するAWS実践ガイド - KOS-MOS - BOOTH
本書ではAWS初級者・中級者向けにセキュリティについて解説します。次のような人にとって、特に有益です。 ・AWSに興味はあるけどなんとなく怖い ・クラウド破産の記事を見るたびにドキドキする ・セキュリティの重要性は理解しているけど、実践はできていない AWSではアカウントを作成すると、あらゆることができるようになります。しかし、いきなりクラウドの世界に放り出され、たいしたガイドはありません。そこで本書ではAWS利用者全員が実践すべきプラクティスを体系的に解説し、自ら手を動かしながら学びます。 試し読み無料で試し読みできます。ぜひご覧ください。 https://drive.google.com/file/d/141lxDb3M71F62ucVdLvyBv6_MxjtD8KB/view 構成第I部「基礎知識」ではクラウド破産とAWSに関する基礎知識を学びます。なぜクラウド破産が起きるのか学び、
PHPのHTTPS通信、SSL暗号方式をTLS1.2に対応させてみた - ノラプログラマーの技術メモ
TLS1.2に対応する SSL v3.0の脆弱性からTLSへの対応が求められてきたが、ついにTLS1.2以外の通信は無効にするとの連絡がきた。 結論から言うと、TLS1.2に対応するためには、cUrlのバージョンが7.34.0以上かつOpenSSLのバージョンが1.0.1以上でなければならない。 環境 ウチのサーバー環境は次の通り。 エックスサーバー：X20プラン PHP：5.6.30 cURL：7.47.1 SSL：OpenSSL/1.0.1e エックスサーバーはPHPのバージョンを上げると、あわせてcURLやOpenSSLのバージョンが上がる仕組みだ。 下記のPHPプログラムをサーバーにアップロードして、ブラウザからアクセスすると、自分のサーバー環境が確認できる。 <?php phpinfo(); ?> PHPプログラム cURLを使ったPHPプログラムのサンプル（POST送信）。 <
それでも Lambda と RDS を使いたい場合の現実解 - Qiita
LambdaとRDS の理想と現実 こちらの LambdaとRDSで爆死してみる の続編となります。 こちらでは、LambdaとRDSの相性悪い問題を具体例をもって説明するために壮大に爆死してみました。 ただ現実問題として、LambdaとRDSを組み合わせて使いたい人は数多くいると思います。 理想はLambdaにこだわるならDynamoDBといったコネクションの上限数などを気にしなくてすむアーキテクチャかと思います。 それでも、それでも、現実解としてLambdaとRDSを組み合わせて使う構成をいくつか検討してみました。 ありがちなアンチパターン まず改めてアンチパターンの紹介です。 API Gatewayとの組み合わせ クライアントがAPI Gatewayへリクエストを投げて、それがLambdaに渡り、RDSへinsertするパターンですね。 実際よく検討されているパターンかと思います。リ
PHPでXMLを返却するAPIのレスポンスを受け取りそのままCSVとしてダウンロードさせちゃう - Qiita
// 初期設定 $API_ID = 'YOUR API ACCESS ID'; $API_PASSWORD = 'YOUR API ACCESS PASSWORD'; $API_VERSION = '1.0'; $API_ENDPOINT_URI = 'http://foo.var/api'; $data = array( "api_id" => $API_ID, "api_pass_hash" => md5($API_PASSWORD . time()), "version" => $API_VERSION, "condition" => 'paid' ); // postで接続 $ch = curl_init(); curl_setopt($ch, CURLOPT_URL, $API_ENDPOINT_URI); curl_setopt($ch, CURLOPT_POST, true)
jQuery から WCF のサービスを GET/POST で呼び出す: ある SE のつぶやき
WCF のサービスを作成し、 jQuery から GET/POST で呼びだそうとしたら、思いの外苦労しました。ですので、同じようなことをしようとしている方向けに方法を掲載しておこうと思います。 WCF のサービスは、jQuery から GET/POST でリクエストを受けて、レスポンスを JSON 形式で返すようにします。なお、.NET のクラスインスタンスを JSON に変換するのに、オープンソースの JSON.NET を使用しています。 GET/POST 共通部分 WCF サービス まず、WCF サービスを JavaScript から呼び出せるように、Service1.svc (svc ファイル) を「マークアップの表示」から表示して、以下の色付けした部分を追加します。 <%@ ServiceHost Language="C#" Debug="true" Service="WcfSe
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
curlのオプション--data, --data-binary, --data-raw, --data-urlencodeの違い
Lv1から始めるWebサービスのインフラ構築
CakePHP3の管理画面をプラグインで設定する - Qiita
