// Good: choose between two options as appropriate (see below). import * as ng from '@angular/core'; import {Foo} from './foo'; // Only when needed: default imports. import Button from 'Button'; // Sometimes needed to import libraries for their side effects: import 'jasmine'; import '@polymer/paper-button'; Import paths TypeScript code must use paths to import other TypeScript code. Paths may be r
2023年7月10日CSS,JavaScript,アニメーション,デザインパターンアニメーションの実装はややこしいからCSS Transitionでできなければ実装したくない、そう思っていませんか？FLIPというテクニックを使うことで、CSS Transitionだけでは実装できないケースでも簡単にアニメーションを実装することができます。 FLIPとは #FLIP とは First, Last, Invert, Play の頭文字から取られた用語であり、アニメーションをこの4つのステップに分割して行うテクニックです。例えば、以下のようなリストの項目に追加、削除、並べかえができるUIに対して、簡単にアニメーションを付けることができます。 上のデモで追加、削除、並べかえを行った時に、項目の座標移動がアニメーションすることがわかると思います。これは CSS Transition だけでは実装する
こんにちは！株式会社ｉｉｍｏｎでフロントエンジニアをしている「ひが」です！ 本記事はアドベントカレンダー19日目の記事になります！ 先日夢で「メリークロージャマス！！！」と叫んでスベる夢を見ました。 冬だからか、みなさん冷たかったです（現実では暖かいです） そのようなこともあり、思い切って記事にしてみようと思いました！ どうか、暖かい目で見守っていただけると嬉しく思います！！ 本題 本題ですが、みなさんはクロージャをご存知でしょうか。 MDNよりお言葉を借りると クロージャは、組み合わされた（囲まれた）関数と、その周囲の状態（レキシカル環境）への参照の組み合わせ です！ 初見だと何言ってるかよくわからないですよね。 本記事でざっくり掘っていきますので、是非一緒に見ていただければ幸いです！ ※ 本記事は基本的にMDNの内容に沿う形で進めつつ、たまに脱線したり小ネタを挟んだりします ※ コード
All JavaScript and TypeScript Features of the last 3 years
TypeScript as envisioned by Stable DiffusionThis article goes through almost all of the changes of the last 3 years (and some from earlier) in JavaScript / ECMAScript and TypeScript . Not all of the following features will be relevant to you or even practical, but they should instead serve to show what’s possible and to deepen your understanding of these languages. There are a lot of TypeScript fe
JavaScript needs more helper functions for iteration (map, filter, etc.) – where should we put them?
JavaScript needs more helper functions for iteration (map, filter, etc.) – where should we put them? Iteration is a standard that connects operations with data containers: Each operation that follows this standard, can be applied to each data container that implements this standard. In this blog post: We first explore three questions: How does JavaScript’s iteration work? What are its quirks? What
Reading Time: 9 minutes Phil Karlton has famously said that the two hardest things in computer science are naming things and cache invalidation1. That’s still kinda true in front-end development. Naming stuff is hard, and so is changing a class name when your stylesheet is cached. For quite a few years, I’ve had a gist called “Tiny Rules for How to Name Stuff.” Which is what you think: little tiny
こんにちはnoteでエンジニアをやっている山形です。 この記事はnote株式会社 Advent Calendar 2022の18日目の記事です。 JavaScriptのGeneratorはご存知でしょうか？ 聞いたことあるけど使ったこと無いという人多いんじゃないでしょうか。僕も存在は知っているけど今まで全然使ったことなくて「あ〜なんかyieldとかnext()とか書くやつだよね」くらいの認識で実際に使うメリットがよく分かっていなかったのですが、関数型プログラミングが捗るという噂を聞きつけて調べてみました。 更新履歴: 2022/12/18 21:19 コード例を一部修正しました 2022/12/19 09:48 コード例を一部修正しました Generatorの書き方Generator関数の書き方ですが、もちろんMDNに載っています。 アスタリスクをfunctionキーワードの後に書くのね、
8.x バリデーション Laravel
イントロダクションIntroduction Laravelは、アプリケーションの受信データをバリデーションするために複数の異なるアプローチを提供します。すべての受信HTTPリクエストで使用可能なvalidateメソッドを使用するのがもっとも一般的です。しかし、バリデーションに対する他のアプローチについても説明します。Laravel provides several different approaches to validate your application's incoming data. It is most common to use the validate method available on all incoming HTTP requests. However, we will discuss other approaches to validation as well
// Good: choose between two options as appropriate (see below). import * as ng from '@angular/core'; import {Foo} from './foo'; // Only when needed: default imports. import Button from 'Button'; // Sometimes needed to import libraries for their side effects: import 'jasmine'; import '@polymer/paper-button'; Import paths TypeScript code must use paths to import other TypeScript code. Paths may be r
Replace JavaScript Dialogs With New HTML Dialog | CSS-Tricks
Get affordable and hassle-free WordPress hosting plans with Cloudways — start your free trial today. You know how there are JavaScript dialogs for alerting, confirming, and prompting user actions? Say you want to replace JavaScript dialogs with the new HTML dialog element. Let me explain. I recently worked on a project with a lot of API calls and user feedback gathered with JavaScript dialogs. Whi
Big O
Big O notation is a way of describing the performance of a function without using time. Rather than timing a function from start to finish, big O describes how the time grows as the input size increases. It is used to help understand how programs will perform across a range of inputs. In this post I'm going to cover 4 frequently-used categories of big O notation: constant, logarithmic, linear, and
Twigとは？現代のPHP開発に必要なテンプレートエンジン Symfony製テンプレートエンジンが選ばれる3つの理由 Twigは、PHP用の高速で拡張性のあるテンプレートエンジンとして、現代のWeb開発において重要な位置を占めています。Symfonyフレームワークのデフォルトテンプレートエンジンとして採用されており、以下の3つの主要な理由で多くの開発者から支持されています。 優れた開発者エクスペリエンス 直感的で読みやすい構文 自動エスケープによるセキュリティ対策 IDE対応による強力な補完機能 高いパフォーマンス コンパイルされたPHPコードとしてキャッシュ 最適化された実行速度 メモリ効率の良い処理 強力な機能セット テンプレート継承によるコード再利用 マクロによる関数定義機能 豊富な組み込みフィルターとファンクション 従来のPHPテンプレートと比較した際の革新的な特徴 従来のPHPテ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google TypeScript Style Guide
アニメーションの実装が劇的に簡単になるFLIPテクニック - Katashin .info
歴史を感じつつ、クロージャで遊んでみた（JavaScript編） - iimon TECH BLOG
A Small Guide for Naming Stuff in Front-end Code
JavaScriptのGeneratorを使うとなぜ関数型プログラミングが捗るのか調べてみた｜zochang
Google TypeScript Style Guide
PHPエンジニア必見！Twigテンプレートエンジン完全ガイド2024