エンジニア向けチートシート集 - Qiita
はじめに 今回はエンジニア向けのチートシート集のまとめを紹介していきます。 チートシートを利用することで 作業効率が上がる 概要が掴みやすい 学習にもなる といった恩恵が得られます。 ただし前提として毎回コードを書くたびに「チートシート集でカンニングすればええや」と思うのではなく「最初はチートシートでカンニングしつつ徐々に体で覚えていく」ことを意識して使うことが大切です。 最終的にはチートシートは見ずに「自分の使える技術」として定着させるための道具だと思って使ってください。 この記事の対象者 エンジニア初心者~中級者 作業効率を上げたい人 コードを書くテクニックを知りたい人 VsCodeチートシート はじめに紹介するのはエンジニアなら必ず使うであろうVsCodeのショートカットチートシートです。 VsCodeのショートカットは大幅に作業効率を上げてくれます。そのため早い内からショートカット
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
rails asset pipeline JSが、developmentでは動いてproductionでは動かないということはあり得る - nisshieeのブログ
滅多にないとは思うが、実際そういうことが昨日起きて、しばらく悩んだのでメモしておく。 「コレが原因でこういう現象が起こるケースがありました」という報告なので、そのつもりで読んで欲しい。 rails 5.0.2 まず前提知識 rails asset pipelineは、独自のconcat機能を持っている。マジックコメント的に、例えばJavaScriptであれば、 //= require jquery のように書いておくと、1ファイルにまとめた.jsファイルを出力してくれるので、たくさんのライブラリを使ったり、アプリケーションコードを複数のファイルで分割管理していても、その分だけユーザにHTTP GETリクエストを送らせる必要がなく、ロード時間が短くなるというもの。機能自体は何も珍しいものではないが、railsは自前で（正確にはsprocketsが）この機能を提供している。 で、この機能はユー
郵便番号から該当する住所を自動で入力できる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>
Rails 5.x標準で Ajax+(jQuery+Partial) でHTML部分更新する世界一シンプルなサンプル - Qiita
2019/12/03追記 Rails 6.0.x 版を書きました ↓ Rails 6.0.x標準で Ajax+(jQuery+Partial) でHTML部分更新する世界一シンプルなサンプル TL;DR (長い3行で) Ajaxの勉強をするにあたり，Rails上でAjaxするためのサンプルを探していたのですが，Rails 5.xがもともとテンプレとして持っている.html.erbや.coffeeではなく，.html.hamlや.js.erbを使ったものもあり，ヨコ道知識を調べながらになってしまったので，できる限りrails newした状態からの差分が少ない，世界一シンプルなサンプルコードを目指してまとめてみました． ざっくりシーケンス だいたい ↓ のようなシーケンスを実現します． Client-Server間でSession張って双方向通信とかそういうところはRails Framewor
脱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
はじめてのAjax(jQuery) 2018年版 - Qiita
2018/03/21 2018年版に再編集 はじめに：Ajaxとは Ajaxとは「Asynchronous JavaScript + XML」の略です。簡単に言えばJavaScriptとXMLを使って非同期にサーバとの間の通信を行うことが出来ます。 Ajaxを使用することで画面遷移をせずにHTMLを更新することが可能なので、ユーザビリティの向上やサーバ負荷の軽減に繋がります。AngularJSなどで作成したシングルページアプリケーションはこの技術を中心に構成されています。 簡単にまとめると次のようになります。 ページ遷移をさせず（非同期処理で）コンテンツを書き換えられる 他の処理と同時並行で、サーバとやりとりができる また、jQueryでのAjax実装が手軽なので、今回はjQuery、ローカルサーバにMAMPを使用しています。 最初は、pythonやnodeなどのワンライナーでのローカルサ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
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でフォームのボタンを有効・無効にする