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
PHP: 下位互換性のない変更点 - Manual
エラーや例外の取り扱いの変更 fatal error や recoverable fatal error の多くが、PHP 7 では例外に変換されるようになりました。 これらの例外は Error クラスを継承したもので、 このクラスは Throwable インターフェイスを実装しています。 この新しいインターフェイスを、すべての例外が実装しています。 エラーではなく例外がスローされるようになるということは、自作のエラーハンドラは呼び出されなくなるということです (Error 例外をキャッチしなかった場合は、fatal エラーが発生します)。 PHP 7 におけるエラーハンドリングの詳細な説明は PHP 7 のエラー を参照ください。 この移行ガイドでは、下位互換性のない変更点を列挙するだけにとどめます。 set_exception_handler() が常に Exception オブジェク
カスタムURLスキームのアプリに対応しているか検知する方法
はじめにURLリンクからアプリを起動できるカスタムURLスキーム（custom url scheme, custom protocol）というのがあります。 ※英語サイトの場合、「custom protocol」と言っている場合が多いような気がします。 例として、microsft-edge:https://itccorporation.jpとすると、Edgeが立ち上がり、https://itccorporation.jpを表示します。 一方、例えば、microsft-edgeXXX:に対応するアプリが無い場合、無反応になります。(Chromeの場合) この場合、対応するアプリをインストールしないといけませんが、ユーザーは状況が分かりにくいです。 そこで、今回、対応するアプリの有無を検知する方法を実装しましたので、紹介していきたいと思います。 参考：https://github.com/is
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
GitHubでスターが多いWYSIWYGエディタ（2019年11月） - Qiita
はじめに 2019/11時点でGitHubにあるWYSIWYGタグでスターが多いライブラリを調べてみます。 Quill 概要 GitHub https://github.com/quilljs/quill Demo https://quilljs.com/ ・テーブルの作成はできないようです(ver2.x用にテーブル追加のプラグインはある） ・クリップボードを経由して画像のアップロードが可能です。 ・highlight.jsを使用してコードブロックのハイライトが可能のようです 対象ブラウザ IEは非推奨のようです。 ライセンス BSD 3-clause サンプル 1.3.7のサンプル <!doctype html> <html> <head> <meta charset="utf-8"> <title>Test Quill</title> <!-- highlight.js を使う場合はq
Laravelでチャット機能を実装してみた | Casley Deep Innovations株式会社 技術ブログ
こんにちは。松本です。 今回は、Laravelの機能を使って「チャット」機能を実装してみようと思います。 はじめに 今回はPUSHERという外部サービスを使用して、リアルタイム通信機能を実装します。 普段Laravelを使用して開発されている方に向けて記載しています。 あらかじめ、ご了承ください。 環境については下記です。 Laravel : 5.5 php : 7.1 MySQL : 5.7.19 上記の環境をHomesteadを用いて構築しております。 構成は、下記のようになります。 今回やりたいこと ・チャットメッセージが届いたらブラウザにPush通知 ・チャットメッセージが届いたらメールでも通知 必要な画面及び機能 ・チャットを利用するユーザの登録画面 ・チャットを利用するユーザを登録するテーブル ・チャット画面 ・チャットのメッセージを登録するテーブル ・メッセージのイベント発行
CakePHP3の管理画面をプラグインで設定する - Qiita
#CakePHP3の管理画面をプラグインで設定する というわけでCakePHP2の時にcacheのせいで断念してた、管理画面をプラグインで管理に再チャレンジ ##プラグインを作成する 手動でも設置可能そうだが、色々設定がめんどくさそうなのでとりあえずbakeで作成してみる。 [fusic@localhost hoge]$ bin/cake bake plugin Admin (略) File `/var/www/html/hoge/composer.json` exists Do you want to overwrite? (y/n/q) [n] > y Wrote `/var/www/html/hoge/composer.json` Error: Could not run `composer dump-autoload`:
画像からdataURLに変換
1x1サイズのbase64透過画像 DataURI 以下のようにMIME TYPE + base64文字列をIMGタグから参照して利用する <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw%3D%3D" /> HTML5 Drag&DropAPI FileAPI UI関連はHTML5で実装 JavaScriptでバイナリデータ取得＆変換 XMLHttpRequestでURLから取得するパターン 参照先のサイト(サーバー側の設定)がクロスドメインに対応していないと取得できない Access-Control-Allow-Origin HTTP_Access_Control (function(){ 'use strict'; var Base64Converter
canvasにローカル画像を表示 - Qiita
概要 html5を使ってローカルに有る画像ファイルを表示する簡単なhtmlを作ってみました。イメージの描画にcanvasを使用しています。 参考にさせて頂いたページ http://qiita.com/junya/items/0f977ae7f8f620fd83e7 http://d.hatena.ne.jp/oovu70/20111122/p1 ソースの説明 ファイルの読み込みに加え、イメージのロードも非同期になりますので、コールバックで処理をしないとcanvasへの描画は上手くいきません。 html要素として予め定義しているcanvasをセレクトしています。 getContext()メソッドで描画機能を有効にしています。jQueryのセレクタを使っていますのでcanvas[0]とします。 naturalHeight, naturalWidthでイメージのサイズを得ることが出来ます。縦横比
HTML5のcanvasを使ったお絵かきツール詳説
HTML5のcanvasを使ったお絵かきツールを勉強がてら作ってみました。下記の画像リンクをクリックすればサンプルページにジャンプします。 サンプル 以下、サンプルのHTMLとJavaScript（jQuery）を使って、canvasのお絵かきツールについて解説します。 探しきれてないだけと思いますが、お絵かきツールのjQueryでの実装が見つからなかったので、自力で書いてみました。いろいろ間違ってたらすいません。 １．HTML サンプルのHTMLは次のようになっています。 <canvas width="500" height="400">お使いのブラウザはHTML5のCanvas要素に対応していません。</canvas> <ul> <li style="background-color:#000"></li> <li style="background-color:#f00"></li>
HTMLファイルからPOSTでJSONデータを送信する - Qiita
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>HTMLファイルからPOSTでJSONデータを送信する</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> <script type="text/javascript"> $(function(){ $("#response").html("Response Values"); $("#button").click( function(){ var url = $("#url_post").val(); var JSONdata = { value1: $("#value1").val()
Webアプリ無料運営のススメ：FirebaseとNuxt(Vue)なら最強！ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? まだサーバーで消耗してるの？Firebase（サーバーレス）とNuxt.js（Vue系）ならWebアプリ運営は最強でしょ！？ この記事は、 サーバー費用をなるべくかけたくないけどショボいのはNO Firebaseの活用法をあまり理解していない Nuxt/Vueを使ってアプリ作ってみたい（Next/Reactと悩んでたり） アプリ構想はあるけどアイデアの落とし込みスピードが遅くて毎回挫折する という人向けに、「こんな感じで構築すれば効率良く開発できそうよ」というのを、勉強になった記事や技術的トピック・躓いた点なども合わせて紹介させていただ
Canvasを使って手書きの署名機能を実装する | カバの樹
環境 ブラウザ：vivald・iOS safari はじめに ルート営業を行うクライアントから、タブレットの契約書に手書きで署名できる機能が欲しいと言われました。 アプリで作ろうか悩みましたが、試しにHTML５で実装したものを提案してみました。 デモ See the Pen eeXqzy by カバの樹 (@kabanoki) on CodePen.0 ソース （2022/04/05 改定版） 戻る進むが機能しない不具合を修正しました。（2022/04/05） IEで動作しない不具合を修正しました。（2018/10/25） HTML <canvas id="canvassample" width="500" height="300"></canvas> <div style="padding:10px"> <button type="button" onclick="clearCanvas
CakePHPとJSONでAjax用APIを作る方法
以前、CakePHPでjQueryのAjaxを使う方法というエントリーを書きましたが、 今回はJSON形式の配列を返却するAPIを作ってみます。 ここ一年間、APIを設計したり使ったりしましたが、自分なりのノウハウをまとめてみようと思います。 JSON形式で返すメリットjavascriptでオブジェクトとしてそのまま扱えるPHPから他の言語へデータの受け渡しが容易JSONはXMLなどと比べ軽量JSONを返すWebAPIはjavascriptとの相性も良く,Ajaxでのやりとりにも使えます。 PHPの場合はjson_encode、json_decodeで等でJSONと配列を簡単に変換できます。 $json = json_encode(array('あ', 'い', 'う')); echo $json; // ["\u3042","\u3044","\u3046"] ※["あ","い","う"
【AWS Lambdaの基本コードその2】 S3へのファイル保存
大柳です。 「AWS Lambdaの基本コード」シリーズ、第２回目はLambdaからS3へのファイル保存を行います。 前回記事 【AWS Lambdaの基本コード その1】 S3からのファイル取得とローカル保存 | ナレコムAWSレシピ 今回の構成 Lambdaが起動されると、テキストの内容をS3にファイルに保存します。 ローカルの/tmpディレクトリへのファイル保存なしで、直接S3にコンテンツを出力します。 コード コードは以下のようになります。 # ①ライブラリのimport import boto3 from datetime import datetime print('Loading function') # ②Functionのロードをログに出力 s3 = boto3.resource('s3') # ③S3オブジェクトを取得 # ④Lambdaのメイン関数 def lambd
CakePHP 管理者用アクション
CakePHPでは一つのコントローラの中に通常のアクションと管理者用アクションとを定義できます。例えばコントローラ名がpostの場合、URLは以下のようになります。 ・通常 http://www.example.com/post ・管理者用 http://www.example.com/admin/post この機能を使う手順は以下になります。 1.CAKE_ADMINを有効にする app/config/core.phpのCAKE_ADMIN定義を有効にします。（デフォルトはコメントアウトされている） /** * Uncomment the define below to use cake built in admin routes. * You can set this value to anything you want. * All methods related to the ad
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
AWS RDS MySQL で create function できるようにする - Qiita
CakePHP3でjsonを返すAPIをCakePHPの流儀に従って記述量少なく書きたい人生だった - Qiita
CakePHPでjson/jsonpなAPIをサクッと作る - Qiita
CakePHP3入門編。簡単にさっとMVCでHelloWorldとデータの受け渡しを行う
