2018年12月26日のブックマーク (13件)

  • [javascript]非同期処理を使いこなす~Promise編~ - Riki Tech

    daizo1117
    daizo1117 2018/12/26
    “成功後の処理”
  • JavaScriptでpromiseメソッドを活用する使い方【初心者向け】

    JavaScriptでpromiseメソッドを活用する使い方【初心者向け】 初心者向けにJavaScriptでpromiseメソッドを使う方法について解説しています。非同期処理の操作を行う上で便利なメソッドで実際にプログラムを書きながら説明しています。書き方と使うシーンを理解しておきましょう。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元:GMOリサーチ株式会社 調査期間:2021年8月12日~8月16日  調査対象:2020年8月以降にプログラミングスクールを受講した18~80歳の男女1,000名  調査手法:インターネット調査 JavaScriptでpromiseを活用する使い方のをサンプルプログラムを交えて解説します。 非同

    JavaScriptでpromiseメソッドを活用する使い方【初心者向け】
    daizo1117
    daizo1117 2018/12/26
  • Hop déco | Online decoration service

    Hop deco is an interactive platform that puts you in touch with professional and friendly interior designers. Redesign the room of your choice according to your tastes, your schedule and your budget.

    Hop déco | Online decoration service
  • Home new - WCA

    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

    Home new - WCA
  • ENSEMBLE CAST / 紙上の群像劇 - SEITARO YAMAZAKI

    ARTWORK ENSEMBLE CAST / 紙上の群像劇 2018 和紙、墨、顔料 W1960 D700 H30 抽象と具象の境界線をすくい取りながら、動的な死と静的な生を描いた。 抽象性と偶然性を用いて、花や植物の持つ必然的具体に向かい合い、その概念だけを定着させようとするシリーズ作品。水墨画の古典的な筆勢と抽象画の技法を組み合わせて制作している。 具体の象徴として入れた花は、何の花でもなく、ただ花に見える概念としての花である。 偶然性の象徴である線を意図的に配置していことで、具体を想起させる偶然の集積を目指した。 重力と抽象は表裏一体である。重力を感じる抽象は、成熟した植物の瑞々しさに溢れている。抽象を明確な軸線の元で立ち上げると、そこに生命力に満ち溢れた方向性が生まれる。儚げな集積によって生まれる方向性は、生命の躍動である。

    ENSEMBLE CAST / 紙上の群像劇 - SEITARO YAMAZAKI
    daizo1117
    daizo1117 2018/12/26
  • Design Documentary

    Le premier documentaire à propos de l’histoire du Design Graphique au Canada Achetez-le ou louez-le maintenant!

    Design Documentary
  • Corn Studio - Visual Design Studio

  • BASIC/DEPT® | Digital Branding & Product Design Agency

    ©24 c/o BASIC/DEPT® A collection of internal project and initiatives under the BASIC/DEPT® brand.

    BASIC/DEPT® | Digital Branding & Product Design Agency
  • pjax第5回 「Barba.js」

    連載モノとなっております。 以前のものをご覧になっていない方はそちらからご覧になると、より理解が深まると思います。 第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ベースでのコードでも使用することができま

    pjax第5回 「Barba.js」
    daizo1117
    daizo1117 2018/12/26
  • 慣性スクロールとパララックスエフェクトのVanilla.jsプラグイン「Luxy.js」作ってみた | Will Style Inc.|神戸にあるウェブ制作会社

    こんにちはアートディレクターの奥田です。 最近は娘の成長を見るのがとても楽しみで、寝返りしたと思えば次の日にはずりばいの練習をしていたりと日々成長していく姿に感動しております。 さて、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

    慣性スクロールとパララックスエフェクトのVanilla.jsプラグイン「Luxy.js」作ってみた | Will Style Inc.|神戸にあるウェブ制作会社
  • barba.jsとanime.jsでクールに画面遷移

    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

    daizo1117
    daizo1117 2018/12/26
  • Barba.jsによる画面遷移を使う - Qiita

    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

    Barba.jsによる画面遷移を使う - Qiita
    daizo1117
    daizo1117 2018/12/26
    “var FadeTransition = Barba.BaseTransition.extend({ start: function() { Promise .all([this.newContainerLoading, this.fadeOut()]) .then(this.fadeIn.bind(this)); }, fadeOut: function() { return $(this.oldContainer).animate({ opacity: 0 }).promise(); }, fadeIn: function() { var _this = this; var $el
  • jQueryとBarba.jsでpjax対応サイトを制作する【demo有り】 | oku-log

    ナビ部分は固定されていてコンテンツ部分だけが切り替わっていく。かつurlもきちんと変更されている。 そんなサイトをご覧になったことはありますでしょうか。 今回は『pjax』を使ってそんなサイトを制作する方法をご紹介します。 具体的な要件は以下の通りです。 軽量なプラグイン『Barba.js』を使ってpjax対応をする jQueryを使ってページ遷移時にアニメーション(フェード)をつける ページ遷移時にurlが変更される ナビゲーション部分を固定してコンテンツ部分だけが変わっていく まずは以下のリンクからデモをご覧ください。 jQueryとBarba.jsでpjax対応サイトを実装するdemo ヘッダー(背景が白い部分)は固定されており、リンクをクリックするとコンテンツ部分(背景がグラデーションの部分)のみがフェードで切り替わる。 合わせてurlも変更されていることをご確認いただけましたでし

    jQueryとBarba.jsでpjax対応サイトを制作する【demo有り】 | oku-log