it-swarm.devThis domain is expired. If you are the owner and you want to renew it please contact your registrar
post()：postメソッド(成功はdone、失敗はfail)による非同期通信 - jQuery無双
postメソッド(成功はdone、失敗はfail)による非同期通信の書式 $.post({ url: リクエスト送信先のURL, data: URLのクエリ（パラメータ）, }).done(function(data, textStatus, jqXHR){ // 成功の場合の処理 }).fail(function(jqXHR, textStatus, errorThrown){ // エラーの場合処理 }); postメソッド(成功はdone、失敗はfail)による非同期通信する場合は、 postメソッドを使用します。 具体例(postメソッド(成功はdone、失敗はfail)による非同期通信のサンプルコード) リクエストの送信先のテスト用のPHP １．受け取ったリクエストタイプの判定 ２．ajax通信にて受け取ったパラメータを各変数に代入 ３．このパラメータはmethod（非同期通信で
アップロード時に選択した画像のサムネイルを表示 | 私的雑録
$(function() { $('input[type=file]').after('<span></span>'); // アップロードするファイルを選択 $('input[type=file]').change(function() { var file = $(this).prop('files')[0]; // 画像以外は処理を停止 if (! file.type.match('image.*')) { // クリア $(this).val(''); $('span').html(''); return; } // 画像表示 var reader = new FileReader(); reader.onload = function() { var img_src = $('<img>').attr('src', reader.result); $('span').html(i
AtomでJSの開発環境構築(ESLint,prettier,flow) - Qiita
概要 普段vim使っているのですがJS書くのにAtomが便利そうなので開発環境を整えました。 Atomに入れるプラグイン linter-eslint linter-flow ※他にも入れてるプラグインはありますがここでは上記2つをピックアップします ※prettier-atomもありますが今回は入れずにeslintのプラグインでやることにしました linter-eslint ファイル保存時にeslintチェックをして自動でコードを修正してくれるのがとても便利です。 今回はプラグインでprettierを入れたのでコードの整形も自動でやってくれます。 参考：prettierの使い方 基本はeslintrcにルールを書いてそちらにしたがってコードを修正してもらいます。なので必要なものを一式入れておきます。 $ npm install --save-dev \ babel-eslint \ bab
Array.prototype.forEach() - JavaScript | MDN
標準組み込みオブジェクトArrayコンストラクターArray() コンストラクター静的メソッドArray.from()Array.fromAsync()Array.isArray()Array.of()静的プロパティArray[Symbol.species]インスタンスメソッドArray.prototype.at()Array.prototype.concat()Array.prototype.copyWithin()Array.prototype.entries()Array.prototype.every()Array.prototype.fill()Array.prototype.filter()Array.prototype.find()Array.prototype.findIndex()Array.prototype.findLast()Array.prototype.find
JavaScriptで文字列を数値に変換する：Number(), parseInt(), parseFloat()
JavaScriptで文字列を数値に変換する：Number(), parseInt(), parseFloat() JavaScriptで文字列を数値に型変換する方法について説明します。 Number(), parseInt(), parseFloat()を使った明示的な型変換 文字列を数値型に型変換するにはNumber(), parseInt(), parseFloat()を使います。 Number()は簡単に使えて便利ですが、数字以外を含む文字列を引数に指定するとNaNを返すので注意が必要です。 parseInt()は文字列を整数に変換し、実数の場合は小数点以下を切り捨てます。また、第2引数で変換時の基数を指定することができ、省略した場合は10進数として変換します。基数が10の場合は引数に数字以外の文字が含まれていても無視します。 parseFloat()は文字列を実数に変換します。引
10行ぷよぷよのソースコードを読む - Qiita
プログラマをする上では10行程度のプログラムを読めるといいとのこと。上記記事のブックマークコメントから飛んで10行ぷよぷよなるものを目にしたので、ソースコードを解読してみました。 解説記事を探したのですが、見当たらなかったので書いてみてます。 10行ぷよぷよについて javascriptで動くぷよぷよです。 開発者のPascalさんのサイトはもう残っていないとのことで、下記からソースを拝借しました。 実行すると、一人用のとことんぷよぷよが遊べます。 そのまま実行しても怒られるので、後述しますがちょっとだけ手を加えてます。 ソースコード ソースコードは以下です。 <body onKeyDown=K=event.keyCode-38 id=D><script>for(M=N=[i=113];--i;M[i-1]=i%8< 2|i<8)function Y(){e++;if(e%=10)for(
【JavaScript入門】文字列の分割と切り出し(substr/substring/slice) | 侍エンジニアブログ
こんにちは、ライターのマサトです！ 今回は、文字列を「分割(切り出し）」する方法を学習します！JavaScriptにおける「分割(切り出し）」方法は、いろいろなメソッドが用意されており、それぞれ使い方や活用方法、注意するべきポイントなどが異なります。 そのため、プログラミング初心者の方は勉強する際に迷うことも少なくありません。 そこで、この記事では文字列を「分割(切り出し）」することができるメソッドを1つずつ解説し、サンプルコードと共に頭の中を整理しながら学習できるようにしましたので、ぜひ参考にしてみてください！ JavaScript初心者におすすめの 無料プログラミングサイト3選
Array.prototype.sort() - JavaScript | MDN
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. Learn moreSee full compatibilityReport feedback sort() は Array のメソッドで、配列の要素をその場 (in-place) でソートし、ソートされた同じ配列の参照を返します。既定のソート順は昇順で、要素を文字列に変換してから、 UTF-16 コード単位の値の並びとして比較します。 ソートの時間的・空間的予測値は実装に依存するため、保証はできません。 元の配列を変更せずに配列内の要素をソートするには、 toSorted() を使用してください。 const mon
【JavaScript入門】日付の取得と比較の方法まとめ | 侍エンジニアブログ
今日、昨日、明日の日付を取得する方法を知りたい 日付と日付で比較する方法が知りたい 日付を指定したフォーマットで取得する方法が知りたい 今日は、JavaScriptによる日付の取得について学習します。 この記事では、日付を取得する、日付をフォーマットする、日付の妥当性をチェックするなどの基本的な内容から応用的な使い方についても紹介していきます。 JavaScriptによる日付の取得をよく把握して自分のスキルとしていきましょう！ 今日、昨日、明日の日付を取得する方法 今日の日付を取得する方法 今日の日付を取得するにはDateクラスをnew演算子で指定して、新しいオブジェクトを生成した際に、そのインスタンスはデフォルトで今日がセットされた状態で初期化されます。 そのまま変数に入れると、以後、今日の日を示すDateオブジェクトとして使用できます。下記コードのようにDateオブジェクトから、年、月
6.x JavaScriptとCSSスカフォールド Laravel
イントロダクションIntroduction LaravelはJavaScriptやCSSプリプロセッサの使用を規定してはいませんが、開発時点の元としてほとんどのアプリケーションで役立つだろうBootstrapやReact、Vueを提供しています。これらのフロントエンドパッケージをインストールするため、LaravelはNPMを使用しています。While Laravel does not dictate which JavaScript or CSS pre-processors you use, it does provide a basic starting point using Bootstrap[https://getbootstrap.com/], React[https://reactjs.org/], and / or Vue[https://vuejs.org/] that
【JavaScript】アロー関数式を学ぶついでにthisも復習する話 - Qiita
対象読者 ES6を詳しくは知らない なんとなくJavaScriptを書けるけど、JSのthisの特性についてまだよく知らない アロー関数式を知らない、または知っているけど実装経験がない 概要 JavaScriptのES6で導入されたアロー関数式を、関数のただのシンタックスシュガーに過ぎないと思っていたのですが、調べてみると実際そうではないようだったので、thisの話と一緒にまとめてみました。 アロー関数式とは ES2015（ES6）から利用可能になった新しいJavaScriptの構文の一つです。 ES6とは、2015年に標準として策定されたJavaScriptの新しい文法です。 ES6では他にも、letによる変数宣言が可能になったり、promiseという非同期処理の実装ができるようになったりと、アロー関数式以外にも様々な構文追加がありました。 さて、この記事の主題はそのなかでもアロー関数な
なぜ default export を使うべきではないのか？
プロジェクトで使われている技術と ESModule の状況について UIT では、 SPA 開発のプロジェクトにおいて Vue.js と React が多く利用されており、既存の多くは Babel を利用した JavaScript で、新規のプロジェクトでは TypeScript を利用して開発が行われています。 FYI: 【LINE DEV DAY 2019 番外編】UIT Front-end Tooling Survey 2019 技術選定は勿論、プロジェクトにおける細かなコーディングルールについては、プロジェクトのコードオーナーに委ねられており、プロジェクトごとに裁量を持った意思決定を行っています。 その上で、私が携わるプロジェクトにおいては、 default export を可能な限り避けるように心がけています。 import 側の裁量で対象を自由に命名できてしまう 今回は「『Da
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【ajax】通信エラーとなった原因の取得方法 | クロジカ
HTML5 – ファイルアップロード プログレスバー付 « Weblog it-azusa
Loading...
ツリー表示する - その１ - ボンクラ技術者の備忘ノート
JSのアロー関数のreturnの書き方いろいろ - Qiita
Component への分割と Props の受け渡し
ES6のexportについて詳しく調べた - Qiita
