RailsでC3.jsを使う - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
ESLint v4.9.0 - Qiita
前 v4.8.0 | 次 v4.10.0 ESLint v4.9.0 has been released: https://t.co/ldgGclfMJw — ESLint (@geteslint) 2017年10月14日 ESLint 4.9.0 がリリースされました。 小さな機能追加とバグ修正が行われています。 質問やバグ報告等ありましたら、お気軽にこちらまでお寄せください。 🏢 日本語 Issue 管理リポジトリ 👫 日本語サポート チャット 🏢 本家リポジトリ 👫 本家サポート チャット 🚀 本体への機能追加 #9073: --fix-dry-run CLI オプション エディタ連携等の開発者向けです。 この CLI オプションは、--fixと同様にソースコードの自動修正を実行しますが、ソースコード ファイルを修正せず、デフォルトではどこにも表示しません。--fix-dr
Build A Real-Time Chat App With VueJS, Vuex & Cloud Firestore
Build A Real-Time Chat App With VueJS, Vuex & Cloud Firestore Last week Google's Firebase platform released a new product, Cloud Firestore. Much like the Firebase real-time database, it is a NoSQL-based cloud database that can be used to build real-time applications. It addresses some of the problems Firebase has, like writing complex queries. You can read more about its features here. In this pos
high-performance-sticky-sidebar.html
サイドバーをスクロールに合わせて、ぴたっとくっつける快適に動作する超軽量スクリプトを紹介します。 コンテンツが長い・短い場合はもちろん、サイドバーが長くてビューポートをはみ出す場合にも期待通り完璧に対応します。スクリプトは単体で動作し、jQueryのプラグインとして動作させることも可能です。 スクロール時にすべてのサイズを計算するのではなく、必要なサイズだけを再計算。 スクロール時のラグやジャンクを発生せず、リフローを起こさずにスムーズに動作。 サイドバーとコンテナのサイズが変更された時は、それらのサイズを正確に再計算。 特定の状況下でフックするために、イベントトリガーを用意。 コンテナが長くても短くてもサイドバーを扱うことができます。 他のスクリプトへの依存はなく動作。 jQueryやZeptoのプラグインとして利用することも可能。 実装はスーバー簡単！ Sticky Sidebarのデ
Vue 2.5 released
We are excited to announce the release of Vue 2.5 Level E! This release includes improvements of various features and we recommend checking out the release note for full details. In this post we are going to highlight some of the more prominent changes: better TypeScript integration, better error handling, better support for functional components in single-file components, and environment-agnostic
用語解説から丁寧に。yarnでwebpack-dev-server+Babel+React(JSX)な開発環境構築手順 - Qiita
はじめに Reactは注目されているJavascriptライブラリの一つですが実際にReactを使ったアプリケーションを作成するためにはReactだけではなく周辺技術を理解し、開発環境に取り入れる必要があります。 今はcreate-react-appのような開発環境をよしなに作ってくれる便利ツールもあるのでそれを活用すればいいのですが、そういったツールでは自分で開発環境を色々とカスタマイズしにくいというデメリットもあります。 今回はBabelとwebpackを利用して、JSXで記述されたReactをローカルサーバーで実行・確認できる開発環境を構築します。 また、ただコマンドを記述するだけでなく、周辺技術について理解できていない方でもキャッチアップできるように説明を適宜加えていきます。 用語説明 まず手順に入る前に前提知識となる用語についてそれぞれ説明していきます。 yarn yarnとはJ
ReactJSで作る今時のSPA入門（基本編） - Qiita
GitHubサンプルをbabel7に対応しました。 GitHubサンプルコード：GitHub （※この記事のサンプルはすでに古いです。最新版のサンプルと説明はGitHubのreadmeに書いてあるのでそちらを見てください） ReactJS使ってナウいウェブアプリケーション作ろうぜってことでまとめてみようと思います。 以前はウェブアプリケーション作る時はBracketsやAtom使っていたのですが プラグインのアップデートとかバグった時がめんどくさかったり、エディタが重かったりしたので 最近はVisual Studio Code(VSCode)に乗り換えました。 （必要な便利な機能もプラグインいれなくても揃ってるし、デフォルトでJSXサポートしてるから楽） VSCode環境構築：VSCodeで爆速コーディング環境を構築する(主にReactJS向け設定) ちょこっとReactJSを試したいとき
Introducing PayPal’s open-source cross-domain javascript suite
At PayPal we write a lot of javascript that ends up running on other websites and other domains. The prime example of this is checkout.js, the integration script for our entire checkout experience, which allows merchants to embed our button and checkout flow seamlessly into their sites. There are a huge number of perils and pitfalls around running our code on third-party sites, though: We absolute
Vue.js製フレームワークNuxt.jsではじめるUniversalアプリケーション開発
Vue.js製フレームワークNuxt.jsではじめるUniversalアプリケーション開発 花谷拓磨 Vue.jsでUniversalなSPAを開発できるフレームワークであるNuxt.jsのバージョン 1.0のリリースがいよいよ近づいてきました。 本稿では、シングルページアプリケーション（以下 SPA）開発によって生じた問題を解決するために生まれたサーバーサイドレンダリング （以下 SSR）を中心に、Vue.jsでの開発を強力にサポートするNuxtについて、その魅力と基本的な使い方をご紹介いたします。 Nuxt.jsとは？ Nuxt.js（ナクストと読みます）はReact.jsベースのSSR用フレームワークであるNext.jsに触発されて作成された、Vue.jsベースのフレームワークです。 特にUIの描画サポート に主眼をおき、SSRをはじめとした様々なサポートを行ってくれるものとなります
mermaid.jsが素晴らしいけどなかなか使ってる人見かけないので実例晒す(追記あり) - Qiita
mermaid.jsとは JavaScriptのチャート作成ライブラリです。他にも似たようなのは色々ありますが、これ一本でフローチャート、シーケンス、ガントに対応してるので、個人的にお気に入り。 http://knsv.github.io/mermaid/ サイトの各チャートのページ見ると書き方と何ができるかはわかるので、ご覧あれ。 僕の使い方 JSのライブラリを自分でインポートして何かすることはほとんど無くて(後述の理由からガントだけJSで使ってるけど)、基本的には以下の2つの方法で使ってる。 Haroopad フリーでクロスプラットフォーム(OS X, Win, Linux)なMarkdownエディタ。 v0.13からmermaid.jsがインテグされているので、何もしなくてもそのまま使える。 mermaid.jsのグラフの書き方は、コード表記で、言語をmermaidにしてあげるだけ。
これさえ見れば脱・JavaScript初心者！海外のYouTube動画を一挙大公開 - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、基本的なJavaScriptプログラミングが出来るようになった人向けに、さらなるステップアップを目指せる「YouTubeチャンネル」を厳選してまとめてみました！ 海外のプログラミング系YouTube動画は、有料でもおかしくない「質」の高さと豊富なコンテンツ量に魅力があり、確実にレベルアップが期待できるのでぜひ参考にしてみてください。 ■JavaScriptの勘所を勉強できるYouTubeチャンネル！ 【 Fun Fun Function 】 プログラミング動画とは思えない超ハイテンションなノリで、JavaScriptを学ぶうえで欠かせない勘所を分かりやすく教えてくれるのがコチラのチャンネル！ 「Spotify」の開発にも携わっていたというプログラマーの彼は、得意のJavaScript言語を分かりやすく伝えることに情熱を注いでおり、それは
V8エンジンでのJavaScriptの機能と最適化コードの書き方に関する5つのベストプラクティス | POSTD
数週間前に、JavaScriptが実際どのように動いているかを掘り下げて紹介する記事の連載を始めました。JavaScriptがどのような機能で構成されていてそれらがどのように組み合わさって機能していくのかを知ることによって、さらに良いコードやアプリケーションを作ることができるのではないかと思ったからです。 連載の1回目では 、エンジンやランタイム、コールスタックについての概要を紹介しました。2回目となる今回は、Google V8 JavaScriptエンジンについて細かく説明していきます。また、より良いJavaScriptコードの書き方、すなわち私たちの開発チーム SessionStack がプロダクトを開発する際に意識しているベストプラクティスについても併せて紹介します。 概要 JavaScriptエンジン とはJavaScriptコードを実行するプログラムまたはインタプリタのことです。
ES Modules入門 - JavaScriptのモジュールを使う方法 - ICS MEDIA
JavaScriptには、モジュールという仕組みがあります。ECMAScript 2015のModulesの標準仕様として策定されており、現在はすべてのブラウザで利用できます。この機能は、ES2015 Modules、ECMAScript Modules、ES Modules、ESMなどと呼ばれています（以下、ES Modulesと記載します）。 webpackやViteなどのフロントエンドのツールを通して、すでにES Modulesを使っているエンジニアも多いと思います。この記事では、ブラウザネイティブで使えるES Modulesに焦点をあて、ES Modulesの導入で解決できる課題と利点を紹介します。 HTML+JSではモジュールの仕組みがなかった JavaScript自体には他のJSファイルを取り込む標準的な仕様が昔は存在しませんでした。外部JSファイルを読み込みたい時に、HTML
Babelで簡単に最適化プラグインを作ってみよう - Qiita
Babel7系ではTypeScriptに対応してたり美味しい点が多そうだし、せっかく新規で覚えるならBabel6よりは7系でしょう。まだベータ版なので@nextが必要ですが、正式版になれば@nextはいりません。 Babelプラグイン Babelプラグインのひな形はとてもシンプルです。 const {transform} = require('babel-core') const plugin = ({types: t}) => { return { visitor: { Program: (nodePath) => { console.log(nodePath.node) } } } } const source = '1 + 2' const {code} = transform(source, {plugins: [plugin]}) console.log(code) 実質何もしな
ブラウザの機能向上が後押しに――Web技術でスマホアプリを開発するハイブリッドアプリの強みとは
多様な動作環境に対応できるハイブリッドアプリ開発。Web技術を中心に、ネイティブアプリ開発の技術も組み合わせて開発するため、非常に選択肢が広いのが特徴です。今回、その開発手法を解説したCodeZineの連載「Apache Cordovaで本格スマホアプリに挑戦しよう」の書籍化を記念して、著者の小林昌弘さんにインタビューをお願いしました。 ハイブリッドアプリ誕生の背景 ――本書『HTML5とApache Cordovaで始めるハイブリッドアプリ開発』はCodeZineでの連載が元になっていますが、小林さんがハイブリッドアプリ開発を始めたきっかけは何だったのでしょうか。 小林：私は今フリーランスで開発に携わっていますが、これまではベンチャー企業でサービスの開発やR&Dのような業務を行っていました。かなり以前にはIEエンジンを使ったアプリなどを作っていたこともあります。 とある案件で、スマホ内で
ReactDOM
Understanding Azure Fundamentals Learning Azure fundamentals typically takes 2-4 weeks for someone with basic IT knowledge. This initial phase covers core concepts like: • Cloud… Read More »How long does it take to learn Azure? Understanding Java’s Learning Curve Java, as a versatile and widely-used programming language, presents a unique learning curve for aspiring developers. The time required t
Jobs at Le Tote
Le Tote’s mission is to make fashion accessible for everyone, every day. Our unique model gives customers access to an unlimited closet of clothing and accessories for a monthly membership fee. We feature hundreds of top brands including House of Harlow, Sam Edelman, Free People, Vince Camuto, Max Studio, Tahari and French Connection. Each shipment includes a personalized selection of three pieces
Nest.js Brings TypeScript to Node.js and Express
TL;DR: In this article we are going to learn about Nest.js, a framework for building Node.js web applications. Why Nest.js? Because, although Node.js already contains a lot of libraries to develop web applications, none of them effectively address one of the most important subjects: the architecture. As we will see, Nest.js introduces various building blocks that help developers to better organize
TypeScript入門 - Qiita
著者のバックグラウンド 他の言語経験者でJavascriptは知っている程度です 業務で使う言語： Python API程度なら作ったことある： Go 学生時代： C, Perl 触ったことある： C++, JavaScript 書籍 下記の書籍でどの程度まで理解できるか試してみました。 速習TypeScript https://www.amazon.co.jp/dp/B0733113NK TypeScriptの利点 開発環境が豊富 JavaScriptのスーパーセット Google, Microsoftで標準採用 ECMAScript2016に対応 環境構築について 簡易的な手法 下記の環境でブラウザ上で動作させることができます。 https://www.typescriptlang.org/play/ コマンドラインでの環境構築 コマンドラインで実行できると実際の開発の場面で役に立つの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
webpack と HTML と CSS - Qiita
