Conservative web development
Conservative web development September 4, 2018 on Drew DeVault's blog Today I turned off my ad blocker, enabled JavaScript, opened my network monitor, and clicked the first link on Hacker News - a New York Times article. It started by downloading a megabyte of data as it rendered the page over the course of eight full seconds. The page opens with an advertisement 281 pixels tall, placed before eve
UIのイケているdatepickerライブラリpickadate.jsが最高だった（demo有） - Qiita
datepickerって何がいい？？ 昨年末からWebアプリケーションを作成していて、dateapickerの機能が必要になり、どのライブラリを使おうかと、色々と調べていたところ、pickadate.jsのdatepickerが最高だったので、概要と簡単な使い方を共有したいと思います。 datepickerライブラリのまとめ [結局、どのdatepickerが一番使い勝手がよいのか] (https://qiita.com/knt45/items/6d74f6785cd4547ae53b) - @knt45 さん ※参考にさせてもらいました pickadate.jsの概要 【実装できるdatepicker】 インストール pickadate.js インストールを実行すると以下のファイル群がインストールされ、その中から以下のjsファイルと、cssファイルを読み込ませます。 pickadate.
Web Componentsを公開しよう! - Qiita
Polymer Japan Meetup #0 で挑戦したLTのテキスト資料です。 Web Componentsを公開しよう! 自己紹介 ハンドルネーム howking 好きなもの: Emacs, Chromebook, Android Polymer歴 2年ぐらい (2015-07〜) Polymerと Firebase で社内の行先掲示板を運用中 フロンエンド歴 2年ぐらい 元サーバ管理者(Gentoo Linux)、サーバサイド(PHP,PostgreSQL,MySQL) HTML5プロフェッショナル認定 L2取得 (2015-12) jQuery知らない、gulp書いたことない 活動 今年からQiitaデビュー、主にPolymerのサンプルコードを投稿 ちびちびコントリビュート (polymer-docs-jp, marked-element, polymerfire) 今日話すこ
JavaScript(React+Flux)のディレクトリ構成がガタガタになりそうだったので反省して改善する - コネヒト開発者ブログ
こんにちは。フロントエンジニアの@ry0_adachiです。 ここのところ、React + Flux Utils *1 の構成を選択することが多く、それ以外を選択することが少なくなってきました。特に大きな不満はないし、慣れてきたので良いかもな〜と思っていたのですが、開発期間が伸びてきて、アプリ自体の規模がそこそこになってくるとFacebook公式のサンプルコードのようにシンプルな構成だけではカバーしきれない状況が生まれることもあります。運用し始めてだんだんとその辺の辛さみたいなものが見えてきたのと、継ぎ接ぎな構成になるのは嫌だったので、このタイミングで1回整理して改善してみようと思いました。 Fluxについて Facebook提唱のアーキテクチャ、またはフレームワークです。データの流れを一方向にして、シンプルに状態管理が行えることがメリットとしてよく挙げられています。Fluxについてより詳
手軽にテキストシャッフル演出ができるJSライブラリ「shuffle-text」を公開 - ICS MEDIA
JavaScriptライブラリ「shuffle-text」を公開しました。shuffle-textはテキストシャッフル（文字列がランダムで切り替わる演出）の表現を行うためのライブラリです。SPA（シングル・ページ・アプリケーション）やゲーム・スペシャルコンテンツの演出に役立ちます。 たとえば、ウェブサイトでマウスカーソルが触れたときに次のような演出ができます。 JavaScriptライブラリはMITライセンスで公開していますので、商用利用問わずどなたでも自由に利用が可能です。ソースコードやドキュメントはすべてGitHubにて公開していますので参照ください。 shuffle-text: JavaScript Text Effect library. shuffle-text を使ってみよう 本記事では、JavaScriptライブラリを組み込み利用するまでの手順を解説します。以下のデモが今回作
よく使うコードをgithubからダウンロードするコマンドラインツール - Qiita
自己紹介 じゅんじゅんと言うニックネームで、関西を拠点に活動しているフロントエンドエンジニアです。 HAL大阪3回生です。（2017/05/17現在） イベントや、勉強会に参加してるので是非お会いした際はお声掛けください！ よく使うコード、毎回書くのめんどくさい... よく使うコードとは、例えばReactを開発する際のwebpack.config.jsとかgulpfile.jsとか、環境系のコードが多いかもしれません。 このファイルは、だいたい雛形が決まっているし毎回0から書くのもアホらしいし、いちいち書き方覚えていないので、毎回自分の過去のコードをみてコピペして、今のプロジェクトのパスなどを最適化したりしていました。 しかし、なんせブラウザ立ち上げて、自分のgithub開いて。。。。など手順がめんどくさくなってきました。 コマンドラインで完結してほしい... ということで、作りました。ま
ReactNativeで理解しておくと良いReduxとMiddlewareのフローを理解する - tomoima525's blog
(5/29/2017追記 ‘必要不可欠’ とタイトルに書いていたら'必要不可欠でない'と指摘を受けました。なんらかのデータフローの仕組みは必要だけどReduxである必要はないのでタイトル修正しました) 最近ReactNativeをちょこちょこ書いています。アプリ向けのReactNativeを書くにあたって理解がのぞましいのがデータフローの仕組みであるRedux、及び様々な処理を仲介するMiddlewareです。小さなアプリをつくってみて一通り把握したので、整理も兼ねて初めてReact-Reduxを触れる時にどの辺を見ればよいかまとめてみます。 作ったのはChuckNorris FactsのJokeを検索して表示するアプリです。 github.com デモ動画 昨日のReactNativeアプリ続き。Reduxにローディングのステートも追加してみた。iOSとAndroidでも想定通り動く。
JavaScript初心者に最適！パラパラ漫画アニメーションをプログラムで制御できる「Wick Editor」を使ってみた！ -
どうも、まさとらん（@0310lan）です。 今回は、誰でも気軽にブラウザ上で「パラパラ漫画」のようなアニメーションを作成できるWebエディタのご紹介です！ このエディタが面白いのは、JavaScriptで動きを制御できるところで、活用次第ではインタラクティブなWebコンテンツやゲームなども制作することが出来ますよ！ 【 Wick Editor 】 ■基本的な使い方！ それでは、実際に「Wick Editor」を使いながら、どのようなサービスなのかを見ていきましょう！ まずは、サイトにアクセスして「Launch Editor」ボタンをクリックします。 すると、すぐに専用のエディタが起動します！ 面倒な「ユーザー登録」などは一切不要です。 このページをブックマークしておけば、いつでも即座に作業を始められるのでオススメです。 最初に、このエディタの使い方を簡単にご紹介しておきます！ 画面上部に
Bit Matrixを使って超高速にアグリゲーションする | PLAID engineer blog
プレイドの @nashibao です。 弊社は大量のログデータを収集し、人軸で解析するサービスを展開しています。収集したデータの利用方法には様々な目的と様々な手法がありますが、そのうちの大きな一つに、中・大規模のデータに対して、アドホックなクエリをインタラクティブにかけアグリゲーション結果を得る というものがあります。 このようなアグリゲーションの問題において、クエリの自由度 x データ規模 x レイテンシーを共存するのはなかなか難しい問題になります。(1) 元ネタは結構有名かと思いますが、Square が開発している、CrossfilterGitHub - crossfilter/crossfilter: Fast n-dimensional filtering and grouping of records.というものです。Crossfilterを内部に使ったビジュアライゼーションとし
katatema.js - ✘╹◡╹✘
次のようなコードを書いて、 import React from "react" export default () => <div>Hello!</div> 次のようなコマンドを叩くと、 katatema build 次のようなファイルが生成されるという、katatema というツールをつくった。 <!DOCTYPE html> <html> <head> </head> <body> <div>Hello!</div> </body> 最先端の消耗 前に キーボードショートカットをカスタマイズするブラウザ拡張 - ✘╹◡╹✘ で、こういうことを書いた。 id:moznion へ、寒い日が続きますがお元気ですか。ともあれChrome拡張を1つこさえれば、大の大人が寄ってたかってモダンと言い合う類のものが一通り学べるだろうと思います。 最近のJavaScriptの周辺環境は大変で、何をやるに
TTFやOTFのフォントをJavaScriptでパースできる「Typr.js」:phpspot開発日誌
GitHub - photopea/Typr.js: Typr.js - process fonts in Javascript TTFやOTFのフォントをJavaScriptでパースできる「Typr.js」。 フォントデータをJSでゴニョゴニョやりたい場合に使えそうです 関連エントリ ページ内テキストをハイライトすることができるJS「mark.js」 画像の読み込み順序を指定できるJS「EagerImageLoader」 タイポグラフィがWYSIWYGで捗るツールキット「typography.js」 ページ遷移をアプリっぽくすることができる「jQuery.smoothState.js」
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
I Used The Web For A Day With JavaScript Turned Off — Smashing Magazine
javascript/react/README.md at master · airbnb/javascript
GitHub - google/lovefield: Lovefield is a relational database for web apps. Written in JavaScript, works cross-browser. Provides SQL-like APIs that are fast, safe, and easy to use.
今、Reactでリポジトリ公開するなら、これくらいは対応しておきたい - Qiita
Phantom.jsのメンテナー、プロジェクトの将来に疑問を呈し、その座を降りる
退職と雇用先の募集について | fukamachi
GitHub - threepointone/markdown-in-js: inline markdown for react/jsx