[B! js] cantaloupeのブックマーク

Mermaid flow

Mermaid Flow is an online Mermaid JS editor that takes this a step further and simplifies the creation and maintenance of your Mermaid Diagrams. Mermaid Flow generates Mermaid JS code which can be rendered directly in GitHub README's and also stored and version controlled in code. This app makes it easy to create Mermaid JS diagrams with its visual and interactive editor, so you get the stability

cantaloupe 2023/03/14

リンク

Auth.js | Authentication for the Web

// auth.ts import NextAuth from "next-auth" import GitHub from "next-auth/providers/github" export const { auth, handlers } = NextAuth({ providers: [GitHub] }) // middleware.ts export { auth as middleware } from "@/auth" // app/api/auth/[...nextauth]/route.ts import { handlers } from "@/auth" export const { GET, POST } = handlers // src/auth.ts import { SvelteKitAuth } from "@auth/sveltekit" impor

cantaloupe 2023/01/01

リンク

パララックスもこれで簡単に！ HTMLやCSSを変更せずにシンプルに実装できるスクリプト -simpleParallax.js

ユーザーのスクロール操作に合わせて視差効果を与えるパララックスのエフェクトをシンプルに実装できる軽量のバニラJavaScriptのライブラリを紹介します。実装は非常に簡単で、HTMLやCSSを変更せずに、パララックスのさまざまなエフェクトを実装できます。 simpleParallax.js simpleParallax.js -GitHub simpleParallax.jsの特徴 simpleParallax.jsのデモ simpleParallax.jsの使い方 simpleParallax.jsの特徴 simpleParallax.jsは、<img>で実装された画像にパララックスアニメーションを追加する、非常にシンプルで軽量なバニラJavaScriptのライブラリです。

cantaloupe 2022/01/12

リンク

anime.js

Anime.js (/ˈæn.ə.meɪ/) is a lightweight JavaScript animation library with a simple, yet powerful API. It works with CSS properties, SVG, DOM attributes and JavaScript Objects. Getting started

cantaloupe 2019/01/13

js
animation

リンク

JavaScript,jQueryの爆速コーディング、デバッグ方法論の勧め～実践向け逆引き(windows,chrome向け)～ - Qiita

JavaScript,jQueryの爆速コーディング、デバッグ方法論の勧め～実践向け逆引き(windows,chrome向け)～JavaScriptjQuery ※2017/4/21にオンロード時のデバッグ方法8を追記しました！こんにちは！エイチーム引越し侍の加藤です！みなさんJavaScript書いてますか？ console.logめっちゃ使うよねーって人は目からうろこのデバッグ方法を、ケース毎に紹介していこうと思います。(僕はconsole.log使いません) サーバーにデバッグ用のコードをアップロードすること無いので、消さずに意図に反してリリースしてしまう危険性がないのもお勧めです。前提知識 F12で出てくるデベロッパーツール(Elements, Console, Source, Network)の知識 Ctrl+Shift+Fで外部ソース(js,css)に対して一括検索が

cantaloupe 2017/03/30

リンク

[JS]シンプルなHTMLで、レスポンシブ対応のかわいいデザインのスライダーを実装するスクリプト -Unslider

シンプルなHTMLで、レスポンシブ対応のかわいいデザインのスライダーを実装する超軽量のjQueryのプラグインを紹介します。キーボード操作やスワイプ操作、そしてマニュアル操作にも対応！ Unslider Unslider -GitHub Unsliderの特徴 Unsliderのデモ Unsliderの使い方 Unsliderの特徴オープンソースライセンスは﹁WTFPL﹂で、個人・商用問わずどんな風に使ってもOK。超軽量スクリプトは6KBで、超軽量です。実装は簡単でクリーンなHTML 数分で実装でき、非常にシンプルでValidなHTML。スライドの方向は多彩通常の水平方向は左右どちらにも順向きで対応、垂直方向のスライドも可。レスポンシブ対応デスクトップ・タブレット・スマフォなど、さまざまなデバイスに対応。キーボード操作の対応キーボード︵矢印キー︶での操作をサポートし

cantaloupe 2015/12/04

リンク

https://phinajs.com/

cantaloupe 2015/12/01

リンク

Data Binding JS Night - 資料一覧 - connpass

終了 2015/05/27（水） 19:00〜 Data Binding JS Night データバインディングなんでもLT大会@LINEオフィス tejitak 他東京都渋谷区渋谷２−２１−１ (渋谷ヒカリエ)

cantaloupe 2015/05/29

リンク

ReactをjQueryの数行に要約する | POSTD

﹁Reactが素晴らしい理由は、UIをアプリケーションの状態の純粋関数にできるからだ﹂いうような話を聞いたことがあるでしょう。しかしそれだけではなく、不変性と仮装DOMを利用して動作するということも聞きますよね。その上、保存、読み込み、取り消し、それにタイムトラベル・デバッグと呼ばれるすごい機能まで自由に手に入れられる。でも知っていますか？　Reactの核となるアイデアを利用し、その恩恵に預かるのにこれらのことは必要ありません。jQueryの数行にしてお見せします。 <span id="colored-counter">0</span> <input id="color"></input> <button id="inc"></button> <script> $('#color').on('keyup', function () { $('#colored-counter').css('

cantaloupe 2015/04/21

リンク

スマホWebサイト/ハイブリッドアプリ開発を高速化するJavaScriptフレームワークまとめ | BACKEND AS A SERVICE mbaas BLOG

デスクトップ向けのWebサイト開発ではjQuery/Backbone.js/AngularJS/Ember.jsなどを採用するケースが多いのかなと思います。しかしスマートフォン、タブレット向けのWebサイトとなるとまた勝手が違います。特にUI周りの取り回しであったり、タッチ/マルチタッチイベント、スマートフォン特有のAPIなどを適切に扱えなければなりません。何よりハードウェアの性能がデスクトップより低いので高速にストレスなく動作させるためには軽量でなければなりません。そこで今回はスマートフォン、タブレット向けのWebサイトを構築したり、HTML5によるハイブリッドアプリを開発するのに使えるJavaScriptフレームワークを紹介します。ぜひ皆さんの開発に役立ててください。mBaaSお役立ちブログトップ> ブログ> Tips> スマホWebサイト/ハイブリッドアプリ開発を高速化するJava

cantaloupe 2014/08/29

リンク

Host - Hosting sicuro e professionale dedicato alle imprese

Qualcosa di grande sarà presto pubblicato Questo dominio è stato attivato utilizzando i servizi di Shared Hosting di Host.it HOST S.p.A. - Gruppo Welcome Italia - cap. soc. € 300.000,00 i.v. Registro Imprese e c.f. IT08505460017 - R.E.A. Torino n.978572

cantaloupe 2013/02/19

リンク

ちょっと便利なJavascriptオブジェクトの作り方

今回は、ちょっと便利なJavascriptオブジェクトの作り方をご紹介します。いわゆるモジュール・パターンと呼ばれている方法です。はじめに最近、HTML5への注目と共に、Javascriptを使用する機会が増えてきました。以下のように適用範囲は多岐に渡っています。通常のWebサイトでのユーザビリティ向上スマートフォン用Webサイト開発 HTML5アプリによるクライアント・アプリ開発スマートフォンのハイブリッドアプリ開発 Node.jsによるサーバサイド・プログラミングこのように、Javascriptが基幹となる仕組みが広がっています。クライアント側とサーバ側を同じ言語で作れることは、開発側にとってはとても有難いことです︵学習コストの低減、人的リソース配分の柔軟性など︶。もちろん、発注者やエンドユーアにとっても開発速度などの面で利益が生まれます。 Javascriptプログラミン