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
アイコンファイル（*.ico）作成 - Qiita
概要 アイコン（*.ico）ファイルの作成方法。 オンラインツールでアイコン作成 PNG画像をICO形式に変換する。 半透過マルチアイコンやファビコン(favicon.ico)作成 左側の青いボタンをクリックしてPNG画像を選択するか、ボタン上に直接PNG画像をドラッグ＆ドロップ。 （16×16と32×32ぐらいは用意しておきたいところ） そして「アイコン作成」ボタンを押す。 フリーソフトでアイコン作成 ＠icon変換 画像をICO形式に変換できるツール。 @icon変換（画像とアイコンの相互変換ツール） - towofu's SOFT ウィンドウの左側に画像をドラッグ＆ドロップして「単独アイコンに保存」ボタンを押す。 複数の色数・サイズに対応したマルチアイコンの場合は、必要な画像をドラッグ＆ドロップして、、、 アイコンにするファイルを選択状態にしたら「マルチアイコンに保存」ボタンを押す。
スマートフォンアプリ・ブラウザ拡張機能
拡張ボタンからページ遷移なしでブックマーク！ ブラウザメニューのB!ボタンをクリックするだけで完了。 コメントやタグを付けて素早く保存できる公式ツールです。 使い方をみる
【Javascript】リアルタイムプレビュー付き簡易htmlエディタ - Qiita
今回はJavascriptを使ってhtml作成をある程度楽にする簡易エディタをつくりたいと思います。 似たようなhtmlファイルを大量につくりたいならいいかも 内容をゴリゴリ書くなら然程労力は変わらないと思う… プレビュー 必要最低限の機能しか実装してないけどちょっと工夫すれば そこそこ実用的なものが作れるかと思います。そして楽！ クリックでデモページのzipファイルダウンロード Win,MacのChromeでのみ動作確認済みです 10/17 リンク間違ってました…ごめんなさい ソースコード <html> <head> <title>qiita_js003</title> <meta charset="utf-8"> <meta name="viewport" content="width=320, minimum-scale=1.0, maximum-scale=2.0"> <style
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
HTML5のCanvasを簡単に高機能化してくれるJSライブラリ「Fabric.js」
こんにちは、渡辺です。 HTML5のCanvasを簡単に高機能化してくれるJSライブラリ「Fabric.js」を紹介します。 Canvas上に描いた絵をマウス操作で動かしたり、拡大縮小する機能が標準で付いていてスゴい便利なライブラリです！ まず、このライブラリの主な特徴についてです。 ■特徴 ・インタラクティブ性 Canvas上に描いたものをマウスやタッチで自由に操作できます（ドラッグ、拡大縮小、回転）。 ・Canvasに描いた内容をオブジェクトとして扱える Canvasに描いたものをgetメソッドやsetメソッド経由で設定変更できます。 ・Canvasのシリアライゼーション・デシリアライゼーションのサポート Canvas上の内容をJSONまたはSVGに変換でき、再度インタラクティブな描画内容を復元することができます。 ■準備 1. ライブラリのダウンロード https://github.
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()
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
Redmineのカスタムフィールドに＋１ボタン的なものを追加する - Qiita
人生で初めてAdvent Calendarを書いてみました。 背景 バグや要望などの管理で使用していますが、カスタムフィールドで要望者数なるものがあり、対応して欲しい人はそこの値をカウントアップさせる、という運用が存在していました。 「カウントアップするボタン欲しいよね」ってことで、ちょっとやってみました。 残念ながらSNSなどとは連携できない上に、プラグインも気軽に入れられないようなクローズドな環境でしたが、元々入っていたView Customize Pluginならできるだろうと思ったので、こちらを使います。 Qiitaにもたくさん先人達の知恵があったので参考にさせていただきました。 View-Customize公式 Redmineのプラグイン「view customize plugin」のカスタマイズ例 #環境 Redmine view customize pluginの動作を手元で
MonacaでQRコードリーダを作ってみた – BarcodeScannerプラグイン編
こんにちは、浦本です。 Monacaチームではユーザ様のご要望に応じて日々、機能追加を行っています。 先週のデバッガ＆フレームワークの新バージョンリリースでは、 PhoneGapのプラグインであるBarcodeScannerプラグインも搭載しました。 そこで今回は、このプラグインを用いて前回の記事で作成したQRコードリーダアプリと同様のアプリを作成してみたいと思います。 IDEを開いた様子 今回作成するアプリのスクリーンショット アプリ作成手順 Monacaにログイン後、ダッシュボードから新規プロジェクトを作成してください。その際、テンプレートとして「最小限のプロジェクト」を選択してください。 こちらからzepto.min.jsを入手し、それを「www/js」フォルダに配置してください。 以下のHTML、JS、CSSファイルを記述すればアプリ完成です！ 【www/index.html】 メ
Nightmareを使ったブラウザ自動テスト実装のコツ3つ – おかかウェブ
必要に応じて –save, –save-devなどのオプションを指定してください。 実装例 GitHubにもExampleが載っていますので、まずはそちらをお試しください。 基本形 GitHubのExampleでは使われていませんが、ブラウザ操作というのは非同期で行われるものなので、基本的にPromiseを使いながら実装していくとよいです。 例えば、GitHubのExampleをPromiseでラップすると次のようになります。 このとき、Promiseを返す関数の外でNightmareインスタンスを作成するのがコツです。 const Nightmare = require('nightmare'); const nightmare = Nightmare({ show: true }); const example = n => { return new Promise((resolve,
EC-CUBE3プラグイン仕様
EC-CUBEユーザカンファレンスの発表資料です。これまでのリリース振り返りと、3.0.9で実装されるプラグイン機構や、APIなど今後の開発についてかいてます。
ズルいデザインテクニックを生かして作る、汎用性のあるズルいボタンデザイン
さて今回は、ズルいデザインテクニックの集大成ともいえる「ズルいボタン」です。これまでの連載で取り上げた数々のズルいデザインテクニック、「ズルいテキストシャドウ」「ズルいグラデーション」「ズルい角丸」、そして前回解説した「ズルいボックスシャドウ」を用いたズルいボタンの作り方を解説します。 今回のズルいボタンに関しては、以前にズルいデザインテクニックのスライドで紹介したものから大幅に改定を加えて、より汎用性があり、さまざまな場面で使い勝手の良いものに刷新しました。 改良のポイントは次の通りです。 文字サイズの変更、またそれに併せてボタンサイズの変更に対応しています iタグを使ったアイコン用のWebフォントに対応しました。今回はfont-awesomeを使って解説しています フラットデザインの流行に伴うデザイン傾向に合わせ、立体感やグラデーションをより控えめに、かつpaddingを大きめに取った
Xamarin バッドノウハウ大全
2016/9/10(土) の「わんくま 横浜勉強会 #08」で @chomado さんと発表したセッションです。 解説エントリーも併せてご覧ください http://ytabuchi.hatenablog.com/entry/2016/09/12/003000 Xamarin.Forms が大変なのは View の調整です。すぐに動くものが必要なプロトタイプやモック、View 要件を調整できる自社アプリやクライアントさんとちゃんと話せて要件を調整できる受託案件などであれば、Xamarin.Forms の利点を最大限生かした効率のよい開発ができます。 私個人としては、地雷を踏む可能性が高くても Xamarin.Forms が大好きなのでこれからも愛を込めてガンガン推していきたいと思います。（Xamarin が Xamarin.Forms を推しているので、どんどん使いやすくなっていくはずという
loadergenerator.com - このウェブサイトは販売用です！ - generate spinner loader activity loading indicator progress bar リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
個人的に便利なWEBサービス10選！ - HYZ STUDIO BLOG（ハイズスタジオブログ）
デザイン作成・ホームページ作成・資料作成など、個人的に役に立った便利なWEBサービスを紹介します。 これでアナタもデキる奴になれる！（かも） １．PageSpeed Insights 指定ホームページのパフォーマンスを評価してくれます。スマホとパソコンそれぞれ評価してくれると同時に、解決策も教えてくれる凄いやつ。100点になるよう頑張りましょう！ http://developers.google.com/speed/pagespeed/insights/ ２．picascii 画像をアップロードすると、アスキーアートにしてくれる。コピーしてHTMLのソースコードに内緒で入れちゃえ♪ http://picascii.com/ ３．QR Code generator ありきたりなQRコードにサヨナラ！デザインチックなQRコードが作れます。完成したらzipファイルをダウンロードすればOK。バッチ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Android開発 簡単なWEBブラウザを作ってみる その2
Node.jsとデータベースを接続しよう
UWP アプリを JavaScript で作る 3つの方法
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
