The Database that Syncs! PouchDB is an open-source JavaScript database inspired by Apache CouchDB that is designed to run well within the browser. PouchDB was created to help web developers build applications that work as well offline as they do online. It enables applications to store data locally while offline, then synchronize it with CouchDB and compatible servers when the application is back
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 JavaScript では、配列はプリミティブではなく、主に次のような性質を持つ Array オブジェクトです。 JavaScript の配列はリサイズ可能であり、異なるデータ型を交ぜて格納することができます。(これらの性質が望ましくない場合は、代わりに型付き配列を使用してください)。 JavaScript の配列は連想配列ではありません。配列の要素はインデックスとして任意の文字列を使用してアクセスすることができません。非負
新しいゲームを作る ゲーム開発に関するチュートリアルが数多く掲載されているサイトです。最近の更新はありませんが、現在も有益な情報が多く掲載されています。 Creative JS JavaScript のテクニックと実験のまとめです。ゲームに特化しているわけではありませんが、ゲームでも有用な情報がまとまっています。最近の更新はありませんが、それでも有用な情報がまだあります。 ゲームプログラミングパターン Bob Nystrom によって書かれたオンライン書籍で、ゲーム開発におけいるプログラミングパターンを解説しています。解説されているパターンを利用することで、より効果的なコードを効率的に作成できるようになります。 週刊 Gamedev.js HTML ゲーム開発に関するニュースレターで、毎週金曜日に発行されます。最新記事や、チュートリアル、ツール、その他の情報が紹介されています。 HTML5
用途がイマイチよくわからない。 風変わりなWeb APIをまとめてみました。 ※一部リンク切れやサ終で動かないものもありますがご了承ください。 ジョーク系 Official Joke API ランダムなジョークを教えてくれるAPI。 フリ(setup)とオチ(punchline)にキーが分かれているところがニクい。 https://official-joke-api.appspot.com/jokes/random icanhazdadjoke 「Dad Joke」(親父ギャグ)を教えてくれるAPI。 検索したり画像で取得したりもできます。 curl -H "Accept: application/json" https://icanhazdadjoke.com/ {"id":"W018xscFIe","joke":"Have you heard of the band 1023MB? T
Insights into starting and growing your career as an English speaking developer in Japan, and new job opportunities as they are posted.
Note: In the years since releasing Lumen, PHP has made a variety of wonderful performance improvements. For this reason, along with the availability of Laravel Octane, we no longer support beginning new projects with Lumen. Instead, we recommend always beginning new projects with Laravel. Server Requirements The Lumen framework has a few system requirements. You will need to make sure your server
はじめに 新人への説明の為に書きました。 元々は社内勉強会用のスライドのメモだったものを、いい感じに直して公開する事にしました。 「勉強は真面目にするものだ」と考えている人には向きません。 「技術的な事は正確でなければいけない」と考えている人には向きません。 基本的な事から馬鹿丁寧に書いてあるので長いです。時間ある時用の記事です。 誤解を生じるぐらい噛み砕いて簡単に説明してあります。 教科書的に通して読むことでWebAPIが理解出来るように書いてあります。 対象者 htmlとcssは書ける phpとjsを主にコピペでしか書けない IT関連の基本的な用語も知らない、理解してない WebAPI?何それおいしいの?っていう人 どちらかと言うと営業寄りの部署に所属 アジェンダ 第1部 知識編 WebAPIの 仕組みを理解する 用語を理解する 第2部 実践編 WebAPIを作る WebAPIを利用す
PHPでWebAPIを呼び出し API=Application Programming Interface 簡単なプログラムでWebAPIを使ってみよう Web上にある様々なデータサービスのサーバーから、APIを使ってデータを取得し利用することができます WebサーバーにアクセスするためのインターフェースがWebAPIですね PHPでAPI呼び出し 簡単プログラミングを始めようPHPプログラムでWebAPIを呼び出して、Webサービスが提供しているデータを取得し、Webサイトで利用したり、記事に挿入したり、ページを作成することができます 簡単なところからプログラムを作成して試し、イメージをつかんでみてください PHPでAPI呼び出し ぐるなびAPIを使ってみたぐるなびWebサービスのぐるなびAPIを使って、レストラン情報をフリーワード検索しているプログラムを例に解説します ぐるなびAPIは
No 'Access-Control-Allow-Origin' header is present on the requested resource. のエラーのせいでドメインを跨いだファイル読み込みの検証ができなかったので、 Chrome起動オプションによる無効化をショートカットで作成してみました。 まずはChromeのショートカットを普通に作成し、 [プロパティ]から、「リンク先」に--disable-web-security と --user-data-dirを追加する。 "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --disable-web-security --user-data-dir="C:\Users\ユーザ名\Local\Google\Chrome\User Data" ショートカット作成
ここのところNuxt.jsで開発を行っていて、詰まったところがあったので記載しておきます。 TL;DR 現状axios/devサーバーのヘッダー設定だけでは解決できません。(調べた限り) devサーバー側でaxiosのproxyの設定を行う必要があります。 環境 vue@2.6.2 nuxt@2.4.2 axios@0.18.0 課題 問題設定をハッキリさせておきます。 下の図のようにローカルでの開発時にブラウザから外部のAPIサーバーにリクエストを送った際にCORS policyでブロックされてしまう問題です。 自分と同じ状況であれば このようにアクセスしたときに axios.get('http://api.example.com/hello') 下のようなエラーメッセージが出ていると思います。 Access to XMLHttpRequest at 'http://api.exampl
クロスサイトリクエストフォージェリ(CSRF)などのセキュリティ攻撃を防止するために、ブラウザは「同一生成元ポリシー(Same-Origin Policy)」という仕組みを実装し、異なるオリジンのリソースへのアクセスに制約をかけています。CORS (Cross-Origin Resource Sharing)は、この制約を一部解除し、異なるオリジン間でリソースを共有するための仕組みです。 例えば、site-a.example.com から他オリジンの site-b.example.com のリソースを参照したい場合、ブラウザは site-b へのリクエストヘッダにアクセス元のオリジン情報を付加します。XMLHttpRequest によるアクセスや、crossorigin="anonymous" を指定した img, script, audio, video, link アクセスの場合などに
1. イントロダクション Ajaxという技術手法が、大きく話題になっていることもあり、ここ1,2年の間で非常に多くのAjaxライブラリがWeb上で公開されている。 Ajaxを利用した機能を実装するには、可読性の悪いJavaScriptコードを書かなければならないため、少し凝ったことをやろうとするには多くの手間がかかっていたが、適切にAjaxライブラリを利用すれば複雑な機能も比較的楽に実装できるようになるだろう。 本節では、ライブラリを導入してAjaxの機能を実装していくための検討事項を紹介する。 2. Ajaxライブラリの二つのアプローチ Ajaxライブラリと一言で言っても、ライブラリごとに方向性が違う。便利な機能をどのような形で提供するのかを考えたときに、ライブラリを次のような二つのアプローチに分けることができる。 (※ コントロール型とエクステンダー型という形でライブラリを分類するアプ
はじめまして! エンジニアのちゃん武です。 CyberXエンジニアブログ初の投稿ということで、 緊張のあまり手をガタガタさせながらこの記事を書かせていただきました。 さて、初投稿のブログですが、 「node.jsとnginxでラジオサイト作りました!」 という内容でブログを書かせていただきます。 node.jsやnginxと聞くと、中小企業やスタートアップを中心に、 尖りに尖ったエンジニアたちが使い始めたおかげで以前に比べだいぶ認知度も上がり、 socket.ioを中心としてリアルタイムウェブプログラミング環境の代名詞としてその名を世に知らしめていることと思います。 僕も、以前から興味を持っており、node.js周辺の勉強会などにちょこちょこ参加させていただいていたのですが、 仕事での開発とプライベートでやっているサービスの開発と運用で、node.jsさんに時間をかけることが出来ずにほった
自作 Php MVC Web Framework PHPで MVC WebFramework を自作していきます。 LaravelやDjangoとかWebFrameworkを使っていて、 「どうやってつくられてるんやろ??」ってなったので勉強がてら自作しようと思いました。 パーフェクトPHP を読んだ後に自作したので、引用されている部分もあります。 まだWebFrameworkを自作したことない方や、復習がてらもう一回やろうかなと思う方、一緒に頑張って自作していきましょう!! この記事ではWebFrameworkをSTEPごとに作っていきます。 実際に細かい単位でコーディングしながら、動作確認ができる様になっていて、 コードが全文乗ってますので、頑張れば初学者の方でも理解しながら進めるかと思います。 あまりにも長くなってしまうので2部構成で記事にしていきます。 PART2はこちら 完成した
import { http, HttpResponse } from 'msw'import { setupWorker } from 'msw/browser' // Describe the network.const handlers = [ http.get('https://acme.com/product/:id', ({ params }) => { return HttpResponse.json({ id: params.id, title: 'Porcelain Mug', price: 9.99, }) }),] // Enable API mocking anywhere.const worker = setupWorker(...handlers)await worker.start() Omit implementation details Intercept
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く