JavaScriptでpromiseメソッドを活用する使い方【初心者向け】 初心者向けにJavaScriptでpromiseメソッドを使う方法について解説しています。非同期処理の操作を行う上で便利なメソッドで実際にプログラムを書きながら説明しています。書き方と使うシーンを理解しておきましょう。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元:GMOリサーチ株式会社 調査期間:2021年8月12日~8月16日 調査対象:2020年8月以降にプログラミングスクールを受講した18~80歳の男女1,000名 調査手法:インターネット調査 JavaScriptでpromiseを活用する使い方のをサンプルプログラムを交えて解説します。 非同
We have the experience and knowledge, in fact, we are at our best when combined with the right brands, companies and people. We’re already an established team, so our dynamics are open, trusting, easy and efficient. ABOUT Welcome, we’re a small international team driven by helping people, brands and companies achieve world-class success. This can be a small nudge in the right direction or a radica
ARTWORK ENSEMBLE CAST / 紙上の群像劇 2018 和紙、墨、顔料 W1960 D700 H30 抽象と具象の境界線をすくい取りながら、動的な死と静的な生を描いた。 抽象性と偶然性を用いて、花や植物の持つ必然的具体に向かい合い、その概念だけを定着させようとするシリーズ作品。水墨画の古典的な筆勢と抽象画の技法を組み合わせて制作している。 具体の象徴として入れた花は、何の花でもなく、ただ花に見える概念としての花である。 偶然性の象徴である線を意図的に配置していことで、具体を想起させる偶然の集積を目指した。 重力と抽象は表裏一体である。重力を感じる抽象は、成熟した植物の瑞々しさに溢れている。抽象を明確な軸線の元で立ち上げると、そこに生命力に満ち溢れた方向性が生まれる。儚げな集積によって生まれる方向性は、生命の躍動である。
©24 c/o BASIC/DEPT® A collection of internal project and initiatives under the BASIC/DEPT® brand.
連載モノとなっております。 以前のものをご覧になっていない方はそちらからご覧になると、より理解が深まると思います。 第1回 「これからpjaxを使う人に知っておいてほしいこと」 第2回 「How to use pjax?」 第3回 「pjaxでのイベント処理」 第4回 「jquery-pjax」 第5回 「Barba.js」 この記事はv1.0について書かれたものです。v2.xでは変更されている箇所も多々あります。 Barba.jsの特徴 Barba.js Documentation Barba.jsは豊富なAPIが用意されており、様々な処理を加えることができます(API Documentation)。加えて、Prefetchによる、(体感的に)非常に高速な遷移が可能である点も特筆すべきポイントです。 また、jQueryとの互換性もあり、jQueryベースでのコードでも使用することができま
こんにちはアートディレクターの奥田です。 最近は娘の成長を見るのがとても楽しみで、寝返りしたと思えば次の日にはずりばいの練習をしていたりと日々成長していく姿に感動しております。 さて、Webサイトに高級感を与える慣性スクロールとパララックスエフェクトのVanilla.jsのプラグインを作ってみました。 サイト制作にぜひ役立ててみてください。 Table of contentsインストール使い方オプション補足さいごにインストールnpmで簡単にインストール可能です。 npm install luxy.js --saveまたは、ページにスクリプトを含めることで使用できます。 <script src="path/to/luxy.js" charset="utf-8"></script>プロジェクトにluxy.jsを含めて以下のように初期化してください。 <script charset="utf-8
webサービスでのページ遷移をスムーズにできるbarba.jsを使って画面遷移をするときに手間取ったのでやり方を書いていきます。 私が作ったページはこちら 「はじめる」ボタンを押せばページ遷移が始まります。 barba.js barba.jsはwebページ間の遷移をネイティブのアプリケーションのように遷移するためのライブラリです。 Github : https://github.com/luruke/barba.js 導入にはnpmやcdnを使います。ここにはcdn用のコードを貼っておきます。 <script src="https://cdnjs.cloudflare.com/ajax/libs/barba.js/1.0.0/barba.min.js" type="text/javascript"></script> 使い方 ページ遷移の際に読み込みたい部分を、 <div id="barb
githubに下記のサンプルコードを上げました。 https://github.com/NomuraS/qiita-barba #barba.jsとは barba.jsとは、pushStateとAjaxをまとめて使いやすくしたpjaxをさらに使いやすくしたものです。具体的にこれがどのようなものかはこちらが詳しく解説してくれています。barba.js(pjax)を導入する意味は少なくとも以下のようなものがあると考えています。 ajaxによる円滑な画面遷移とpushStateによるブラウザ履歴への登録。 画面遷移時にパワーポイントのようなアニメーションを簡単に付けられる。 htmlをパーツに分けてモジュール化する。 #基本的な使い方 画面遷移のアニメーションにこだわらず、barba.jsを導入するだけだったら本当に簡単です。以下の2つのhtmlファイルを用意します。 <!DOCTYPE htm
ナビ部分は固定されていてコンテンツ部分だけが切り替わっていく。かつurlもきちんと変更されている。 そんなサイトをご覧になったことはありますでしょうか。 今回は『pjax』を使ってそんなサイトを制作する方法をご紹介します。 具体的な要件は以下の通りです。 軽量なプラグイン『Barba.js』を使ってpjax対応をする jQueryを使ってページ遷移時にアニメーション(フェード)をつける ページ遷移時にurlが変更される ナビゲーション部分を固定してコンテンツ部分だけが変わっていく まずは以下のリンクからデモをご覧ください。 jQueryとBarba.jsでpjax対応サイトを実装するdemo ヘッダー(背景が白い部分)は固定されており、リンクをクリックするとコンテンツ部分(背景がグラデーションの部分)のみがフェードで切り替わる。 合わせてurlも変更されていることをご確認いただけましたでし
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く