git: shallow cloneしてすぐunshallowする - pockestrap
Shallow cloneとは Gitには、shallow cloneという便利な機能があります。Shallow cloneを行うことで、最新のコミット履歴のみを取得する代わりに高速にcloneを行うことができます。 古いコミット履歴を取得しないという特性から、これは長い歴史をもつGitリポジトリに対して特に効果があります。 例: ruby/rubyをcloneする例 $ git clone --depth 1 https://github.com/ruby/ruby Cloning into 'ruby'... remote: Enumerating objects: 9894, done. remote: Counting objects: 100% (9894/9894), done. remote: Compressing objects: 100% (8679/8679), do
Cookieの取得や設定をメソッド化し簡単にアクセス | JavaScript逆引き | Webサイト制作支援 | ShanaBrian Website
JavaScript var cookie = { /** * 取得 * @param {string} cookieName 取得するCookieの名前 */ get : function(cookieName) { if (!navigator.cookieEnabled) return false; var getCookieAllData = document.cookie, getCookieAllDatas = getCookieAllData.split(';'), getCookieDatas = {}, cookieKeyValue = [], cookieKey = '', cookieValue = ''; var hashLength = function(arr) { var result = 0, key = false; if (typeof arr !==
WebAssemblyで画像の加工と動画のエンコードをやってみる
2020年1月15日、株式会社メルカリにて「Mercari x Merpay Frontend Tech Talk vol.4」が開催されました。フロントエンドの技術に興味があるエンジニアが集まり、各々の知見を共有します。プレゼンテーション「Web Assembly と画像・動画」に登壇したのは、折原レオナルド賢氏。Javascriptだけで画像を加工したり動画をエンコードしたりする方法について紹介しました。講演資料はこちら JavaScriptだけで画像加工 折原レオナルド賢氏：よろしくお願いします。今日は@potato4dさんの発表が予定していたので@potato4dさんの発表を聞きに来た方には本当に申し訳ないんですが、代打でUITに所属しています折原レオナルド賢が発表させていただきます。よろしくお願いします！ （会場拍手） 今日は「Web Assemblyと画像・動画」という話をしよ
画像の使用 - Web API | MDN
« 前のページ 次のページ » これまで、図形を作成してスタイルを適用する方法を見てきました。 <canvas> のより面白い機能のひとつが、画像を扱えることです。これは動的な画像合成を行う、グラフの背景として使用する、ゲームのスプライトとして使用するなどといったことが可能です。 PNG、GIF、JPEG といった、ブラウザーが対応しているどの形式でも外部画像が使用できます。同じページ上の別のキャンバス要素によって生成された画像も、ソースとして使用できます。 基本的には 2 段階の手続きによって、画像をキャンバスにインポートします。 HTMLImageElement オブジェクトまたは別の canvas 要素への参照を、ソースとして取得します。URL を与えることでも、画像を使用できます。 drawImage() 関数を使用して、画像をキャンバスに描きます。 これを行う方法を見ていきましょ
2020年の10のJavaScript画像操作ライブラリ
2020年の10のJavaScript画像操作ライブラリ 次のWebアプリの画像圧縮、処理、サイズ変更など。 JavaScriptで画像を操作することは、非常に困難で面倒な場合があります。ありがたいことに、物事をはるかに簡単にすることができるライブラリがいくつかあります。以下は、さまざまなカテゴリで私のお気に入りのものです。 何か役に立つものを見つけたら、それを選択したフレームワークのコンポーネントとしてラップしてみてください。このようにして、宣言型APIを備えた再利用可能なコンポーネントがあり、いつでもすぐに使用できます。 ドキュメントとコード例を使用して、Bit.devなどのクラウドコンポーネントハブに公開できます。公開すると、それを使用しているどのプロジェクトからでも更新を続けることができます。
最新版で学ぶwebpack 5入門 - JavaScriptのモジュールバンドラ - ICS MEDIA
webpack（ウェブパック）とはJSファイルをまとめる高機能なモジュールバンドラー。まとめることでウェブページのHTTPリクエストの数を減らしたり、高度なウェブアプリケーションの開発に役立ちます。 連載ではTypeScriptやBabelなどのES2015+の環境構築、ReactなどのJSライブラリの設定方法を網羅。サンプルファイルで詳しく解説します。 webpackの入門記事は他のサイトにもありますが、対象バージョンが古くて使えなかったりします。検索結果の上位の野良記事を参照にしたら古いバージョンの内容ばかり。解説記事通りにやったのにうまく動かない･･･なんて困った方も多いのではないでしょうか。本記事は常に最新版に対応させているので、安心して読み進めてください。 ※本記事では2023年3月現在のwebpack 5（2020年10月リリース）以上で解説しています。 本記事で解説しているこ
Web Push 通知を実装してみた – rilakkuma3xjapan's blog
tag は画面上に表示されるものではないので, 使い方がわかりにくいかもしれませんが, これは主に, すでに表示されている通知を置き換えるために使います. 通常, 1件以上の通知が表示されている状態でさらに通知を生成すると, 既存の通知とは別に新たな通知が表示されます. しかし, tag の値が既知の通知と一致する場合は, 新しい通知が別に表示されるのではなく, 当該通知の中身が新しいもので置き換えられます. tag オプションをうまく活用することで, 通知まみれになるのを防止することができます. ユーザーがデスクトップ通知をクリックしたときに何らかの処理を実行するには, Notification インスタンスに対して, イベントリスナーを設定します. notification.addEventListener('click', (event) => { console.dir(event
JavaScriptをしっかり勉強 vol.6 Eventオブジェクト – brushClover
JavaScriptを勉強したことを書いていくエントリーvol.6です。今回はイベントオブジェクト、組み込みオブジェクトである「argument」について書いていきます。 JavaScriptを勉強した際には大抵つまずくであろうfunction(e)の「e」。これはイベントハンドラ、イベントリスナとして設定したコールバック関数が受け取ることができるイベントオブジェクトです。後述しますがJavaScriptの関数は引数を指定しなくてもOKなのでイベントオブジェクトを省略してもエラーとはなりません。 イベントオブジェクト コールバック関数について改めて考えてみましょう。コールバック関数とはあらかじめ登録しておき、あるタイミングで呼び出される関数。そしてイベントをタイミングとして呼び出されるコールバック関数がイベントハンドラ、イベントリスナ。 実はイベントをタイミングとして呼び出す関数を「コール
無名関数を変数に代入 - JavaScript（ジャバスクリプト）リファレンス
<script type="text/javascript"> var $var = function( a, b ) { // 無名関数を変数に代入 return a * b; } document . write( $var( 2, 3 ) ); </script>
Primitive (プリミティブ) - MDN Web Docs 用語集: ウェブ関連用語の定義 | MDN
JavaScript において、プリミティブ (primitive、プリミティブ値、プリミティブデータ型) はオブジェクトでなく、メソッドを持たないデータのことです。 7 種類のプリミティブデータ型があります。 文字列 数値 長整数 論理値 undefined シンボル null 多くの場合、プリミティブ値は、その言語実装の最下層にて直接的に表現されます。 すべてのプリミティブ値は、イミュータブル (immutable) 、つまり変更できません。変数には新しい値を再割り当てすることができますが、既存の値については、オブジェクト、配列、関数が変更できるのに対して、プリミティブ値は変更することができません。この言語では、プリミティブな値を変更するユーティリティは提供されていません。 プリミティブにはメソッドがありませんが、あたかもメソッドがあるかのように振る舞います。プリミティブのプロパティに
いまこそ、新しい知識を身につけよう！インプレスの人気書籍ムックを全文無料公開 - インプレスブックス
2020年3月31日を持ちまして全文無料公開を終了しました。たくさんご覧いただきありがとうございました。
ECMAScript® 2016 Language Specification
Toggle shortcuts help? Toggle "can call user code" annotationsu Navigate to/from multipagem Jump to search box/ Toggle pinning of the current clausep Jump to nth pin1-9 Introduction1 Scope+2 Conformance2.1 Example Normative Optional Clause Heading2.2 Example Legacy Clause Heading2.3 Example Legacy Normative Optional Clause Heading3 Normative References+4 Overview4.1 Web Scripting4.2 Hosts and Impl
トップデベロッパーになるために作成したいアプリ8選 - Qiita
こちらの記事は、Indrek Lasn 氏により2017年 12月に公開された『 The Secret to Being a Top Developer Is Building Things! Here’s a List of Fun Apps to Build! 』の和訳です。 本記事は原著者から許可を得た上で記事を公開しています。 著者Twitter https://twitter.com/lasnindrek 少し考えてみてください。あなたがもし健康に関する書籍をたくさん読んだとしても健康になることはありません。実際には、ジムに行き数時間運動をして汗をかかなければ健康は手に入りません。 同じことが開発にも言えます。努力なしに優れたデベロッパーになることはできないのです。 そこで、コーディング力を鍛える8つの素晴らしいプロジェクトを紹介します。 あなたの好きなテクノロジースタックを使っ
JavaScript: 5分でわかるPromiseの基礎（翻訳）｜TechRacho by BPS株式会社
概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: JavaScript: Learn Promises - JavaScript Promises made easy. Learn the basics in 5 minutes. 原文公開日: 2017/10/31 著者: Brandon Morelli サイト: https://codeburst.io/ 更新情報: 2017/11/16: 初版公開 2021/03/05: 更新 JavaScriptのPromiseをわかりやすく解説しました。Promiseの基本を5分で学びましょう。 この記事で学べること 本チュートリアルでは、JavaScriptの「Promise」の基礎を学びます。Promiseのすべてを網羅的に説明するものではありませんが、Promiseを理解してコードで使い始めるのに必要な知識を固めることができます。
Chart.js | Chart.js
GitHub (opens new window) Chart.jsGetting Started General Configuration Chart Types Axes Developers Migration # Chart.js Welcome to Chart.js! Get started with Chart.js — best if you're new to Chart.js Migrate from Chart.js v3 or Chart.js v2 Join the community on Discord (opens new window) and Twitter (opens new window) Post a question tagged with chart.js on Stack Overflow (opens new window) Contr
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQuery $(this).remove() not working after append
Operator Lookup - Search JavaScript operators
Brandon Morelli – Medium
Documentation - Leaflet - a JavaScript library for interactive maps
cdnjs - The #1 free and open source CDN built to make life easier for developers
