「Babel」に関連する技術ブログ(14件)

企業やコミュニティが発信する技術ブログから「Babel」に関連するものを表示しています。

フロントエンド関連の最新ニュース・記事をラジオ感覚で聞く、フロントエンドTechCafe【まとめ】

技術広報の yayawowo です。 突然ですが、変化の多いフロントエンド関連の情報を日頃どのようにインプットされておりますでしょうか? SNS やWeb記事、最近では Podcast という方もいると思います。 しかしながら「時間に余裕がない!」という方も多くいらっしゃるはずです。 そんな方のために、 ラク スでは フロントエンド関連の最新ニュースや記事を定期的にピックア

#Vue.js #JavaScript #フロントエンド #TypeScript #API #Node.js #React #Babel #OSS #webpack 

Browserslist でサポートブラウザを設定しよう

この記事は BASE Advent Calendar 2021 の 5 日目の記事です。 基盤チームの右京です。 最近ひょんなことから browserslist の設定を見返したのですが「babel や autoprefixer で必要になったので導入した」以上はあまり触れられていなかったため、この機会にいちから見直してみようと思いました。 browserslist? https://github.com/browserslist/browserslist 簡単に言えば、クエリを書くとそれに該当

#HTML #Babel #CSS #JavaScript #iOS #GitHub #Android #API #TypeScript 

PostCSSは開発標準ツールになるのか検証しました

こんにちは、株式会社 ラク スで先行技術検証を行っている技術推進課の @t_okkan です。 技術推進課では、新サービス立ち上げ時の開発速度アップを目的に、現在 ラク スでは採用されていない新しい技術の検証を行う、技術推進プロジェクトがあります。 今回はその技術推進プロジェクトで、PostCSSについて検証を行いましたので、その結果の報告を行います。PostCSSの仕

#Node.js #JavaScript #Sass #CSS #Babel #Gulp #webpack #GitHub #HTML #フロントエンド 

若手エンジニアの俺がフロントエンドのビルドを早くしてReactも導入しちゃった話

またオレ何かやっちゃいました? こんにちは!!!スマートキャンプでエンジニアをしている吉永です! 自己紹介記事はこちら 前回の記事はこちら 弊社の主力サービスであるBOXILはリリースから時間が経っていることもあり、バックエンド・フロントエンドともに様々な技術的負債となる部分を抱えています。 また、その負債の中には普段の業務時間では手をつけにく

#CoffeeScript #jQuery #React #webpack #CSS #Go #Babel #Slim 

Vue 3 + TypeScript + Jestの構成で単体テストを実行するために試行錯誤した話

スマートキャンプの20卒エンジニアの高砂です! 私は弊社の SaaS比較サイト「BOXIL」 の開発に携わっており、フロントエンドを中心に様々な機能を実装しています。 そんな中、Vue.js + TypeScriptで実装した機能群が複雑になってきた事から「より丁寧にテストを書いていきたい」という気運がチーム内で高まっていました。 そこで、元々Vue.jsが好きな私(下記参照)が試しに

#Vue.js #Babel #TypeScript #GitHub 

レガシーなアプリケーションにこそTypeScriptを採用するべき4つの理由

皆さんこんにちは。 ラク スのフジサワです。 以前、TypeScriptを始める前は 「学習コストが高そう」「今動いているサービスに導入するのは難しいんだろうなあ」 というイメージが強かったのですが、なんてことはなく、タイトルにある通り、 「TypeScript使わないという選択肢なくね?むしろレガシーなアプリケーションこそ、使っていくべきじゃね?」 と手のひらがグ

#Babel #Node.js #JavaScript #TypeScript #webpack #OSS #jQuery #React #フロントエンド #プログラミング 

ガワネイティブアプリ(Creator)を、React Nativeで置き換えてみての一年間戦いの記録

Native Application Groupの 大木 です。BASEでは、購入者向けのショッピングアプリ「 BASE 」、「 BASEライブ 」、ショップオーナー向けのショップ運営管理アプリ「BASE Creator」の3つのスマホアプリをリリースしております。今回は、その中の一つBASE Creatorを、React Nativeで置き換え、リリースしてみての話を、お伝え出来ればと思います。 課題と動機 https://help.thebase.in/hc/ja/articles/20

#React Native #iOS #Flutter #Java #Firebase #Android #Babel #React #Objective-C #JavaScript 

RailsでVue.jsのSFC(単一ファイルコンポーネント)を使うためにWebpackを入れてみた

こんにちは。エンジニアの笹原です。 スマートキャンプではフロントエンドの開発にVue.jsを取り入れています。 Vue.jsで開発するうえで、 SFC(単一ファイルコンポーネント) を利用できることは良さの一つだと思います。 今回は、Sprocketsでアセット管理を行っているRailsプロジェクトに、Webpackを入れることでSFCを使えるようにする方法を紹介します。 SFC(単一ファイル

#Vue.js #Ruby on Rails #webpack #Babel #TypeScript 

社内勉強会 TechLunch で"JavaScript AST ことはじめ"という発表をしました

みなさん、こんにちは。開発本部エンジニアの平木です。こちらのブログの投稿自体はほぼ 1 年ぶりになりそうな勢いですが、みなさまお元気でしょうか? 弊社で定期的に開催してる社内勉強会 TechLunch で自分の順番が回ってきたため、どうしようか迷った末に JavaScript AST ことはじめ という発表をしたので、そのことについて書いていきます。 なぜ JavaScript AST について話

#Node.js #Babel #JavaScript #React #Vue.js #SQL #HTML #CSS #Emacs #GitHub 

今だからこそ!マルチブラウザJavaScript再考

はじめに 皆さん初めまして、新卒一年目のFM_Harmonyと申します。 今回はマルチブラウザという観点から、 最近の JavaScript について調べました。 jQuery の登場や、主要なブラウザが標準仕様への準拠を進めたことで、エンジニアが JavaScript の動作環境を気にすることが、以前に比べ減りました。しかし調べていくと、今後は トランスパイル や AltJS による対応が、 JavaScript

#jQuery #JavaScript #Babel #CoffeeScript #TypeScript 

babel-preset-env@2.0 を試した -トランスパイル環境をスケールさせていく -

こんにちは、制作部 フロントエンドエンジニアの武田です。 入社して5ヶ月経ちました。 ECMAScript の推し proposal は Cancellation API です。 今回は開発には切っても切れない Babel 、そのプリセットである babel-preset-env についてお話します。 このプリセットは Browserslist 1 の記述で compat table 2 を利用し、指定された環境にあったトランスパイルができるプリセットです。 使い方

#Babel #JavaScript #Node.js #Android #Electron #webpack #iOS #フロントエンド 

社内勉強会 TechLunch で ECMAScript についての発表をしました

こんにちは、開発本部エンジニア平木です。 弊社では定例で TechLunch という社内勉強会を開いています。今回は自分が担当になったので、最近の動向も含めて ECMAScript について話をしました。 なぜ ECMAScript について話そうと思ったのか? ご存知の方も多いでしょうが、 ECMAScript とは JavaScript の仕様になります。 ここからは個人的な印象になりますが、つい数年前までは特

#Babel #React #TypeScript #JavaScript #ライトニングトーク #フロントエンド 

Fashion Tech meetup vol.3を開催しました

2016年9月20日、第三回目となる Fashion Tech meetup を開催しました。前回に引き続き、 MERY を運営する株式会社peroli様、 FRIL を運営する株式会社Fablic様との共同開催となりました。 今回も増枠を設けるほどの申込みがあったのですが、イベント当日は台風16号が接近し、天候に恵まれない日となってしまいました。 そんな中、悪天候にも関わらず多くの方が足を運んだくださり

#Babel #ライトニングトーク #フロントエンド #機械学習 #Deep Learning #アーキテクチャ 

プロダクト品質向上のためのフルスタック開発〜メドレーにおける機能ベース開発について〜

文責:徐 聖博( ダーツプロ ) こんにちは!メドレーのダーツプロこと徐です。  社会人歴・エンジニア歴 3 年目ながら、メドレーでは 口コミで探せる介護施設の検索サイト「 介護のほんね 」の開発・運用を 1 人で担当 しています。(インフラ整備からフロントエンド開発まで行っています)  現在筆者が一人で担当している介護施設の口コミサイトである「 介護の

#Elasticsearch #Ruby on Rails #Babel #iOS #CoffeeScript #Mithril.js #PHP #JavaScript #Heroku #Ruby