jQueryでAjaxするときに知っておきたい、JSONとJSONPの違い
jQueryだけで他のサーバーのコンテンツを読み込もうとすると、クロスドメインの制限がついて回ります。なぜJSONではなくJSONPを使わなければならないのか確認し、他の解決策も検討してみましょう。 ※本記事は2016年7月15日に掲載した記事の翻訳を一部更新したものです。執筆時点の情報をベースにしており、最新ではない可能性があります。 Webベースのアプリケーションを開発し、権限のないドメインからデータをロードしようとすると、おそらくブラウザーの画面に以下のようなメッセージが表示されているはずです。 XMLHttpRequest cannot load http://external-domain/service. No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘h
nodejsのpgでcatchを書く方法 - Qiita
これがベスト。以下、例外をキャッチする所と例外をtoStringしたメッセージ いい例。catchした中でnew ErrorをPromise.rejectで囲んでreturnする。この書き方だと例外で自分のコードのどこでエラーが起きたのか分かる。 await this.dbClient.query("example;").catch(e => Promise.reject(new Error(e)) ); Error: error: syntax error at or near ";" at dbClient.query.catch.e (自分のコード.js:44:65) at process._tickCallback (internal/process/next_tick.js:68:7) await this.dbClient.query("example;").catch(e =
JavaScriptのイベントをたくさん見られるサイト - 開発時に役立つ。JavaScriptのイベント処理を確認 MOONGIFT
JavaScriptでのアプリケーション開発において肝になるのがイベントのハンドリングです。マウスやキーボード操作などによって多様なイベントが呼ばれます。それらの購読、解除によってアプリケーションを構築するのですが、慣れている人であっても複雑で分かりづらいものです。 どんなイベントがあって、どうデータが送られてくるのかを理解するのに便利なのが「JavaScriptのイベントをたくさん見られるサイト」です。 JavaScriptのイベントをたくさん見られるサイトの使い方 イベントの内容は開発者ツールに出てくるのであらかじめ開いておきます。 例えばスクロールやリサイズイベントで呼ばれているのが確認できます。 マウス系イベント。 フォーム系。 メディア系。動画再生時などにイベントが呼ばれます。 アニメーション。 このサイトではクライアントサイドだけで処理ができるイベントを多数確認できます。似たよ
Node.js, Express, sequelize, React で始めるモダン WEB アプリケーション入門（Express/sequelize編） - Qiita
Node.js, Express, sequelize, React で始めるモダン WEB アプリケーション入門（Express/sequelize編）Node.jsExpresssequelizepug 目的 WEB アプリケーションの入門として下記を学ぶことが目的です。 Express スタートアップ (Node.js 初期化含む) O/R マッパー sequelize を使った DB 処理入門 React スタートアップ 今回は Express スタートアップと sequelize の利用方法について記載してます。 尚、自分の理解を整理する目的で記載するため、チュートリアル形式で記載してませんので、かいつまんで読んで頂けると幸いです。 おまけとして、記事の最後に VSCode 開発者向けデバッグ方法を記載しました。 尚、Windows において動作確認してますがコマンドは Linu
node.jsでリモートのLinux環境やデータベースの操作を自動化する - ほんじゃらねっと
ぼくが仕事でLinuxサーバ環境に接続して行う操作というのはだいたい決まっていて、 コマンドでサーバの状態を確認 ログをファイル出力してダウンロード サービスの設定変更と再起動 SSHトンネル経由でDBアクセス のうちどれかを行うことが多い。 基本は手作業だったり、シェルスクリプトを作って 実行したりする形で対応できるものなのだけど、 結構めんどくさいので、 今回はnode.jsでどこまで自動化できるかを試してみたい。 事前準備 ローカルのWindowsマシンでnode.jsプログラムを実行して、 プログラム経由でLinux環境に接続して色々操作することを 想定しているので、ローカルにnode.js環境をインストールしておく。 この記事に載せてるサンプルは Typescriptで書いているけど、だいたいJavascriptとしても動くと思う。 SSHでLinux環境に接続する まずはSSH
Rete.js - ビジュアルプログラミング用フレームワーク MOONGIFT
小学校などの教育でプログラミングが取り入れられるようになります。プログラミングをはじめるにあたって、最初はビジュアルプログラミングが分かりやすいでしょう。例えばScratchなどは有名です。 そうしたビジュアルプログラミング環境を作ることができるのがRete.jsです。 Rete.jsの使い方 ノード同士をつなぎ合わせてプログラミングできます。 線は自由に切り離したり、付け替えたりできます。 キーイベントを取ったりもできます。 Rete.jsはあくまでもベースなので、ノードの中で数値や文字を設定して、次のノードに受け継ぐのは主な役割になります。ビジュアルプログラミングも良いですが、システムのマクロ化などユーザベースでアクション設計を行えるようにするといった使い方もできそうです。 Rete.jsはJavaScript製のオープンソース・ソフトウェア（MIT License）です。 retej
[CSS]スマホで要素を高さいっぱいに表示したいのに、期待通りに表示されない時の解決方法
ビューポートを使った単位（vw, vhなど）は、特にスマホの各ブラウザにおいて複雑です。例えば、vwのスクロールバーを考慮する必要がありますか？ サイトのナビゲーションやページコントロールはどうでしょうか？ それらは計算に含まれますか？ スマホで要素をビューポートの高さいっぱいに表示したいのに、期待通りに表示されない時の解決方法を紹介します。 The trick to viewport units on mobile 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 ビューポートの高さ（vh）の仕様 高さいっぱいの要素を表示する方法 ビューポートのリサイズにも対応する ビューポートの高さ（vh）の仕様 W3Cの仕様では、ビューポートの単位をどのように計算するかは漠然としています。スマホでは高さが重要になることが多いので、ビューポー
![[CSS]スマホで要素を高さいっぱいに表示したいのに、期待通りに表示されない時の解決方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/8a5cf0a3bb9540d4d9f77cfb193ce39e28e90836/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201803%2F2018080401-02.png)
S3 Album Publisher - 静的ホスティングサイト向けにアルバムをアップロード MOONGIFT
Webサイトを立ち上げるというのは昔に比べると手間がかからないものになりましたが、逆に手間がなくなりすぎて一切立ち上げる気がなくなってしまっています。ちょっとしたサイトをあえて自分でメンテナンスするのは面倒というものです。 例えば写真を他の人に公開したいというだけであればS3 Album Publisherを使ってみるのが良いでしょう。 S3 Album Publisherの使い方 最初に一覧が出ます。 クリックで画像が大きくなります。 出力設定機能もあります。 S3 Album Publisherを使うとHTMLファイルが出力されるので、後はそれをAamzon S3にアップロードすれば良いだけです。もちろん他のサービス（GitHub Pagesなど）にアップロードすることもできます。静的HTMLのホスティングサービスを使えるのが魅力です。 S3 Album PublisherはJavaS
jquery.dgtable - 高パフォーマンスなテーブルライブラリ MOONGIFT
社内システムにおいて、検索結果の一覧表示はよくある機能です。100行程度のデータであれば問題ありませんが、10万行をHTMLで出力するとなれば表示方法を考えなければなりません。レンダリングだけで数分待たされていたら、担当者はストレスを感じることでしょう。 今回は大量のデータ表示を行う場合に使えるjquery.dgtableを紹介します。 jquery.dgtableの使い方 jquery.dgtableは特に表示やスクロールのパフォーマンスに重点を置いています。 複数カラムを指定したソートにも対応しています。 jquery.dgtableは100万行くらいの表示であれば難なくこなします。さらにソート、カラムの移動や幅の変更、マウスオーバーですべてのデータ表示といった機能があります。多機能ではありませんが、大量のデータを表示する際には導入検討したいライブラリです。 jquery.dgtabl
JavaScriptの大きな数と小さな数の仕組みを理解する 〜 IEEE754入門 〜 - 風と宇宙とプログラム
JavaScriptでの数値はIEEE754で規定されている倍精度型doubleです。符号部が１ビット、仮数部が52ビット、指数部が11ビットの64ビットで表現される浮動小数です。この辺りは、計算機の初歩の初歩で、当たり前すぎて普段は気にすることはないと思いますが、その境界値や特殊系について調べるといろいろ面白いことがわかります。ここでは、JavaScriptを例にしていますが、内容は一般的なもので、IEEE754の浮動小数入門的な話です。 では問題です。 整数として正確に表現できる最大の値はいくつか？ 正確に表現できるというのは、n + 1 が確かに n + 1になることとします。n が非常に大きいときには、n + 1 は桁落ちが発生するので n のままです。考える前に実際にやってみましょう。探す n は 0 から 1e+100 の間にあるのは明らかなので、２分法で探索してみます。 fu
Node.js でちょっとしたサーバーサイドやるなら、 Micro が良いかも - Qiita
ZEIT が作っている Micro という Node.js のフレームワークがあり、使いやすそう。 ZEIT は、かの Next.js を作っていて、 Mongoose を作った人や socket.io を作った人が所属しており、とても信頼できる。 ちなみに、 ZEIT は Now という、 Node.js （及び Dockerized されたもの）を動かせる、サーバーレスのサービスもやっている。 ZEIT(時) と Now(今) という世界観が良いですね。 初動が早くて、快適だった。 [追記] 何かに Micro 8 と書いてあって、最初、そういう名前のフレームワークと思ったのですが、実際は 8 はバージョン名で、 Micro のようです。また現行バージョンは9でした。 多分これ https://zeit.co/blog/micro-8 [/追記] Features README の F
【テスト入力パターン集】Webフォームの単体テストでチェックすべき18のポイント｜CO-WRITE
異常系入力チェックしてる？ Webシステムを開発している皆さんは常日頃どのようなテスト（デバッグ）を行っていますか？ 私は主にPHPでの開発を行っていますが、スクラッチでWebフォーム（お問い合わせフォーム、アンケートフォーム、予約フォームなど）を開発することがあります。 だいたいしっかりとテスト済のライブラリ、ルーチンモジュールやテンプレを使って、毎回異常系のテストを網羅しなくて良いようにしています。 異常系入力エラーを出さないためには、処理をルーチン化することが大事です。 ですが、完全に一からスクラッチで開発する場合などもあります。 また、お客様よりテスト仕様書の作成とエビデンスを求められる場合もあります。 その際にどのような入力パターンでテストすればよいかをまとめてみました。 テストを行う前に ブラウザのアドオン、デバッグツールを利用しましょう。 ブラウザのデバッグで「コンソール」を
【販売終了】初めてのシングルページアプリケーション Vue.jsとFirebaseで作るミニ Web サービス - @nabettu - BOOTH
※内容が古くなってしまったため、販売を終了します。 購入済の方への書籍内容のサポートは行いますので、別途ご連絡ください。 【累計800部を突破】 技術書典4新刊。 冊子版は当日完売、ダウンロード版と合わせて販売数800部を超えました！ありがとうございます。 本書は以下のような方をターゲットとして執筆しています。主に簡単なWebサイトを作った事があるWebフロントエンド初心者の方が、本書を通じてSPAの基本を掴み、簡単なWebサービスが作れるようになることを目的としております。そしてそれらを抑えた上でさらに次の段階へステップアップするための足がかりになるような要素を各所に入れております。 ・HTML,CSS,Javascriptを利用して、簡単なWebサイトを作ったことがある人 ・複数のページや状態管理をJavascript使って自力で行い、ごちゃついてしまい消耗している人 ・普段デザイナー
$.ajax() | jQuery 1.9 日本語リファレンス | js STUDIO
Ajaxリクエストを送信するオプションをキーと値のペアで指定します。 このオプションに初期値を設定したい場合は、 $.ajaxSetup()を使用します。 .ajax( url[, settings] ) 1.5追加 .ajax( [settings] ) 1.0追加 settings引数について jqXHRオブジェクトについて コールバック関数キューについて データタイプ(dataType)について サーバへのデータ送信について 高度なオプション Ajaxの拡張 コンバーターの使用 サンプル .ajax( url[, settings] ) 1.5追加 戻り値:jqXHR 引数説明
jQueryのDeferredを用いたモダンなAjax処理の書き方
目次 jQuery 1.4以前の書き方jQuery 1.5以上の書き方jQuery 1.8以上の書き方【発展編1】Deferredを用いた書き方 deferredとは何か？【発展編2】$.when() を用いた書き方参考本エントリは軽めのjQuery Advent Calendar 2012の14日目の記事として書きます。軽めといいながら少し重めになってしまった感がありますが、初めてのAdvent Calendar参加ということでご勘弁を。 ※ Twitter API仕様変更によりTwitter APIを使ったコード例は現在動作しなくなっていることにご注意。 jQuery 1.4以前の書き方まずは、少し古めのコード、昔のjQueryの本とかでよく見る書き方。 $.ajax({ url: "ajax.html", success: function(data) { alert('succes
Learn web development | web.dev
Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.
Learn web development | web.dev
Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - ColorlibHQ/gentelella: Free Bootstrap 4 Admin Dashboard Template
Pickr - シンプルで使い勝手のいいカラーピッカー
1216彩票-官网平台