summernoteで動画ファイルをアップロードする - Qiita
はじめに summernoteの画像オプションにはファイルをアップロードして挿入する方法とURLから挿入する方法の2種類がありますが、動画についてはURLから挿入する方法しかありません。 ファイルをアップロードするプラグインはいくつかありますが、ファイルをアップロードしてエディタ内に動画を埋め込みたいという要望にうまくマッチするものがありません。 summernoteのコアファイルは弄りたくないので、画像オプションを参考にしつつ既存の動画オプションを拡張する形で動画ファイルのアップロードができるプラグインを作る事にしました。 ここではプラグイン作成手順の簡単な説明と、プラグインの利用方法について備忘録として残したいと思います。 なお、作成したプラグインのソースはGitHubに上げています。 summernote-video-upload プラグイン作成 プラグインの作成は基本的に公式サイト
Summernote - Super Simple WYSIWYG editor
Customize Summernote's modules, toolbar and plugins to get your very own version Initialization options Customize by Initializing various options and modules. Custom toolbar, popover Summernote allows you to customise the toolbar. $('#summernote').summernote({ toolbar: [ // [groupName, [list of button]] ['style', ['bold', 'italic', 'underline', 'clear']], ['font', ['strikethrough', 'superscript',
JQueryの目的の場所に要素を追加 - Qiita
append ・指定した要素の最後に、引数で指定した内容を追加。 $('#box').append('<div>...</div>'); appendTo ・指定した内容を、引数で指定した要素の最後に追加する。 $('<div>...</div>').appendTo('#box'); prepend ・指定した要素の最初に、引数で指定した内容を追加。 $('#box').prepend('<div>...</div>'); prependTo ・指定した内容を、引数で指定した要素の最初に追加する。 $('<div>...</div>').prependTo('#box'); after ・指定した要素の直後に、引数で指定した内容を追加する。 $('#box').after('<div>...</div>'); insertAfter ・指定した内容を、引数で指定した要素の直後に追加する。
JQueryでformにinput要素を足していく | RE:ENGINES
はじめに 最近個人的にディープラーニングの勉強をしているtonnyです。 ディープラーニングの勉強がてら、好きな麻雀に関するWebアプリを作成してみました。 今回はその作成の中で、今まであまりやってこなかった、JQueryを使用してformタグにinput要素を追加することを実践したので、そちらについて記述したいと思います。 環境 JQuery 1.12.4 Python 3.6.0 bottle 0.12.13 （PythonのWebフレームワーク） heroku 作成したWebアプリ https://python-mahjang.herokuapp.com/index 簡単に言えば、競馬の予想屋と同じです。 配牌（13枚）の形を見て、過去の学習結果から「アガれる」か「アガれないか」の判定をします。 役などは考えておらず、あくまで形になります。 実際のソースコードは下記に公開しております
未経験から7日間でコーダーとして現場投入させるまでのカリキュラムを忘れないようにメモっとく - Qiita
エンジニア不足と言われて久しいですが、できる経験者を採用するのはますます難しくなっていますね。 そんななか、弊社ではひょんな縁からエンジニア未経験の新人をエンジニアとして採用することになりました。未経験とはいえ、弱小企業の弊社には悠長に育てている余裕がないため、7日間で現場投入を目指してカリキュラムを組みました。 だいたいうまくいったので、メモがわりに晒しておきます。 前提条件 誰でも7日間でエンジニアになれると言っているわけではありません。あくまで一例として捉えていただければ幸いです。 担当してもらう予定の領域 HTML/CSS コーディング JavaScript はそこそこで（動きのエフェクトやカルーセルを仕込める程度） concrete5 テーマの開発（PHPファイルに foreach を入れていくイメージ、WordPress と変わらない） 流石にアプリケーション開発で7日間は無理
jQueryはどうやって型判定してるのか - Qiita
jQueryにはtype()という型判定のメソッドがあります。どういう判定をしているのか気になったので、調べてみました。 とりあえずコード 主要な部分だけ抜き出しました。 var class2type = {}; var toString = class2type.toString; jQuery.extend({ /* ... */ type: function( obj ) { if ( obj == null ) { return obj + ""; } // Support: Android <=2.3 only (functionish RegExp) return typeof obj === "object" || typeof obj === "function" ? class2type[ toString.call(obj) ] || "object" : typeof
郵便番号から該当する住所を自動で入力できるjQueryプラグイン「jquery.jpostal.js」｜アド･エータイプ スタッフブログ
ホームページを制作する時にお問い合わせや資料請求などのフォームを設置することがあるかと思います。 そのフォーム内の入力項目で住所の入力欄があった場合、郵便番号を入力しただけで該当する住所が自動入力されたら便利ですよね。 下記のjQueryプラグインを使用すれば簡単に導入することが可能です。 jquery.jpostal.js 今回は「jquery.jpostal.js」というjQueryのプラグインを使用して郵便番号から住所を自動入力する方法をご紹介します。 郵便番号から住所を自動入力「jquery.jpostal.js」の使い方 使い方はとても簡単です。 下記に「jquery.jpostal.js」を使用する時の手順を説明します。 ※例：郵便番号と住所の入力欄が1個ずつの場合 ファイル読込 jQueryと「jquery.jpostal.js」を読み込みます。 <script type="
jquery.jpostal.jsを使って郵便番号から住所を検索する @餅。
2015年6月10日に作成されたページです。 情報が古かったり、僕が今以上のど素人だった頃の記事だったりする可能性があります。 全件リストはこちら。 どもです。 フォームメールを設置するとき、郵便番号や住所を入力する欄があることがあります。 郵便番号を入力したら自動的に住所が表示されると親切で良いですね。 というわけで、その方法です。 使用するjsは「jquery.jpostal.js」というものです。 <script src="/js/jquery-1.11.1.min.js"></script> <script src="http://jpostal.googlecode.com/svn/trunk/jquery.jpostal.js"></script>
脱jQuery $(”#id”) | q-Az
脱jQuery その1 です。 本日より25日間連続で「脱jQuery」についての記事を「アドベントカレンダー」に投稿していきます。つたない文章力ですが、わかりやすく書くよう頑張りますのでよろしくお願いします。 方針本題の前に方針を少し。 jQuery の利用を否定するものではありません。 正確に jQuery ⇒ JavaScript を書き換えることよりも、「わかりやすく書き換える」に主眼を置きます。 間違った書き換えを行うというのではなく、jQuery オブジェクトと JavaScript の通常のオブジェクトの違いまでは考慮しないといった感じになります。 「jQuery のように JavaScript を扱う」を主眼においてなるべく JavaScript 独特な表現は避け、コピペでも使えちゃうよ、ぐらいの勢いで書いていきます。「jQuery は書けるのに JavaScript は書
ServletでJSON
前回、JavaアプリケーションでJSONを使ってみましたが、今回はServletでJSONを使ってみます。 サンプル：呼び出し元のtest.html test.html <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>jQuery Test</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> <script type="text/javascript"> $(function() { $("#btn").cl
รูเล็ต ทดลองเล่นรูเล็ต เว็บพนันออนไลน์ อันดับ 1 เครดิตฟรีกดรับเอง
7 คาสิโนออนไลน์ ชั้นนำที่ดีเยี่ยมที่สุด Ichimaruni-design คาสิโนออนไลน์ ขอชี้แนะ 6 เว็บเดิมพันออนไลน์ชั้นหนึ่ง ที่มีครบทุกสิ่งที่มีความต้องการ ไม่ว่าจะเป็น คาสิโนออนไลน์ บาคาร่าออนไลน์ ไพ่โป๊กเกอร์ออนไลน์ พร้อมรับโปรโปรชันเครดิตฟรีที่แจกให้แบบจุใจ เว็บไซต์ตรงไม่ผ่าเอเย่นต์ เล่นง่าย ได้เครดิตฟรี ๆ ไปเลย UFABET เครดิตฟรี ไม่รับมิได้แล้ว กับโปรเด็ด โบนัสปัง UFABET เครดิตฟรี สิ่งดีๆที่พวกเรามีให้เฉพาะ
Railsフロントエンド技術の今とこれから - Hack Your Design!
待望されたYarnサポートの入ったRails5.1が2017年4月にリリースされました。 Ruby on Rails 5.1 Release Notes — Ruby on Rails Guides 他にもjQueryがデフォルトdependencyから外されたり、Optionalでwebpackサポートが入ったりしており、Railsのフロントエンドは大きな転換点を迎えたと言ってよいでしょう。本エントリではRailsのフロントエンド技術の今を振り返り、今後どうなっていくかをまとめてみたいと思います。 DisられてきたRailsフロントエンド Railsのフロントエンド技術スタックは、フロントエンドを専業とするエンジニアにDisられるものでした。具体的には下記の技術要素です。 jQuery CoffeeScript Assets Pipeline (sprockets) gemのエコシステム
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQueryでFormを作ってPostする – おむにぼあ嗜好
jQueryでHTMLタグ要素をcreateElement使わずに生成する - Hack Your Design!
https://codeday.me/jp/qa/20190129/192491.html
https://codeday.me/jp/qa/20190305/317234.html
JavaScript UI Components - Build Better Apps Faster - Progress Kendo UI
jQueryでフォームのボタンを有効・無効にする