Mirrativ のWebフロントエンドで使っているライブラリを紹介する！ - Mirrativ Tech Blog

2022/12/13 28 users Mirrativ React TypeScript 8割以上

こんにちは、フロントエンドエンジニア 兼 バックエンドエンジニアの駒木です。 iOS / Android / バックエンドのライブラリ紹介に引き続き、MirrativのWebフロントエンドで使用しているライブラリをご紹介します！ JSフレームワーク: React with TypeScript / Vue.js 8割以上のアプリケーションはReact + TypeScriptで実... 続きを読む

LINE MUSIC のパフォーマンスを向上させた Vue3 マイグレーション

2022/08/09 8 users パフォーマンス LINE Music Vue.js パソコン

こんにちは、LINEの京都開発室でフロントエンド開発を担当している柴坂浩行です。 みなさんは仕事中などにパソコンで音楽を聴くことはありますか？ LINE MUSIC にはスマホアプリだけではなくWeb版アプリがあります。 私たちが開発しているWeb版アプリでは、JSフレームワークとして Vue.js を使用しています。 https://mu... 続きを読む

とにかく簡単！JSフレームワークのStimulusを既存のRailsアプリに入れてみた - あなたとあなたの話がしたい

2018/11/18 50 users Stimulus DHH Railsアプリ Rails 既存

自作の短歌投稿サイトUtakataにJSフレームワークを入れたいと思って、当初はVue.jsを検討していたけれど、SPA的なものをやろうとすると既存コードを総入れ替えせねばならず、労力的に無理だと断念しかけていた。 困って会社のエンジニアに相談したら、Railsの生みの親のDHHがCTOを務めるBasecampが開発したというStimulu... 続きを読む

JSフレームワークの末端がWebComponentsになるのか、なれるのか、検証してみた - Qiita

2018/02/13 97 users Qiita mizchi React 末端 フレームワーク

https://speakerdeck.com/mizchi/real-world-es201x-and-future で、「Reactやその他のフレームワークの末端はWebComponentsになるのではないか？」という話をした。とはいえ、実際に自分でそういうものを実装したわけではなかった。 じゃあ実際に、Reactから web components を呼ぶにはどうなるだろうか？実装してみた。 ... 続きを読む

Vue.js で初めて SPA を開発する際に考えたこと - Qiita

2017/12/03 30 users jQuery Qiita React angular 足掛かり

はじめに MVVM フレームワーク初心者の筆者がVue.jsを使ってSPAを開発する際に考えたことを掲載していきます。本記事を通して、これからSPAを開発する人にとっての 足掛かり となれば幸いです。 対象読者 HTML, CSS, JavaScript の経験あり、また jQuery などのJSライブラリの使用経験あり React, Angular といった今時のJSフレームワークによるSPA開... 続きを読む

【Google SEO】JSフレームワークを使ったサイトではプリレンダリングを推奨 | 海外SEO情報ブログ

2017/06/11 88 users React angular Prerendering 上級

[レベル: 上級] React や Angular などの JavaScript フレームワークを利用したサイトでは、プリレンダリングしたページを配信することを勧める。 Google の John Mueller（ジョン・ミューラー）氏は、英語版のウェブマスター向けオフィスアワーでこのようにコメントしました。 プリレンダリングで高速表示 プリレンダリング (Prerendering) は、コンテン... 続きを読む

【動画付き】Rails 5.1で作るVue.jsアプリケーション ～Herokuデプロイからシステムテストまで～ - Qiita

2017/02/27 134 users Qiita React Vue.js システムテスト サポート

はじめに Rails 5.1ではJavaScript周りのサポートが大きく改善されました。 これにより、Vue.jsやReactといったモダンなJSフレームワークをRails内で非常に扱いやすくなっています。 僕も実際に試してみましたが、本当にびっくりするぐらい簡単にVue.jsやReactを動かすことができました。 そこでこの記事ではRails 5.1とVue.jsを組み合わせたサンプルアプリケ... 続きを読む

JSフレームワークを使ったHTMLテンプレート利用のススメ (1/3)：CodeZine（コードジン）

2016/12/07 32 users CodeZine コードジン ススメ

前回、Webシステムの運用現場では「HTMLの文言、デザインの修正がすぐにできない」「サーバサイドの技術がわからないとHTMLが修正できない」といった問題が生じていることを紹介しました。そして、それらの問題の原因の一つに、PHPでのSmartyやRubyのERBといったサーバサイドテンプレートがある、これらの問題はクライアントサイドでのHTMLテンプレートを使うと解決しやすくなることを説明しました... 続きを読む

モバイル上のJSフレームワークの実行可能性 – ReactとRedux | プログラミング | POSTD

2015/11/09 231 users redux React POSTD プログラミング モバイル上

誰もがWebアプリを最新のモバイル機器と超高速のWifiで使っているわけではありません。こういった状況で、重いツールやフレームワークは、モバイルデバイス上で実行可能なのでしょうか。万能のソリューションだとは思いませんが、私はReact+Reduxの組み合わせに大きな可能性を感じています。私が好むと好まざるとに関わらず、誰もが私のWebアプリをiOS9の搭載されたiPhone 6SやNexus 6P... 続きを読む

俺的フロントエンド開発

2015/02/26 142 users フロントエンド開発 CSSプリプロセッサ 変数 エディタ 少し

Transcript 1. 俺的フロントエンド開発 2015/02/26 2. • HTML/CSSプリプロセッサ • 静的サイトジェネレータ • JSフレームワーク • エディタ アジェンダ 3. HTML/CSSプリプロセッサ • HTMLとかCSSとか生で書くのが面倒くさい • 少しでもタイプ数を減らして書きたい • あわよくば変数とかループとか使いたい 4. HTMLプリプロセッサ • H... 続きを読む

Googleマテリアルデザインを導入したCSS/JSフレームワーク・「MUI」 - かちびと.net

2015/02/20 57 users iOS WebComponents reactjs Mui

MUI MUIはGoogleマテリアルデザインのガイドラインに沿ってデザインされたCSS/JavaScriptフレームワークです。基本的なコンポーネントも揃っていて直ぐに開発を始めることが出来ます。また、ReactJSやWeb Componentsへの対応も取り組んでいるとのこと。他のJSやCSSに依存していないのも良いですね。尚、UI/UX、ReactJS、WebComponents、iOSやA... 続きを読む

HTML5とかモバイルとかJSフレームワークとか、ぶっちゃけどうなの座談会 | HTML5Experts.jp

2014/09/04 85 users エンタープライズ モバイル HTML5Experts.jp

連載： エンタープライズ開発特集 (8)最近のシステム開発の現場では、HTML5やモバイル、JSフレームワークなどの新しい道具が次々と登場してきます。「そうした新しい道具ってエンタープライズではどうなの？」「現場として受け入れられているの？」といったぶっちゃけトークを行う座談会が、8月11日に美人で有名なおだんみつさんのいる21cafeで開催されました。1時間半にわたる長時間のトークから特に盛り上... 続きを読む

JSフレームワークはもうこりごり | POSTD

2014/06/18 428 users hackernews POSTD フレームワーク 税金 話題

POSTD は、HackerNewsなど日本国外で話題になっている開発者向けのブログ記事やニュースなどを翻訳し、日本の開発者にむけて配信するメディアです。JavaScriptでフレームワークを書くのはもうやめましょう。 JavaScriptフレームワークというものは、あたかも避けられない死と税金のようなもの、絶対にぶちあたる避けられないものといわれています。こっそり聞いてみましょう、新しいウェブプ... 続きを読む

#CakePHP 爆速でAPIを実装するチュートリアル - 忍び歩く男 - SLYWALKER

2013/11/15 209 users CakePHP composer サーバサイド JSON 爆速

2013-11-15 #CakePHP 爆速でAPIを実装するチュートリアル スマートフォンアプリのバックエンドや、JSフレームワークのバックエンドとして、JSONやXMLを返すAPIをサーバサイドで実装する機会は多いと思います。 今回は、ComposerとCakePHP2.4、FriendsOfCake/crudを使って爆速で実装してみます。 できあがりは、これ slywalker/cakeph... 続きを読む

属性設定で簡単にデータバリデーションが出来るJSフレームワーク「Parsley.js」:phpspot開発日誌

2013/03/04 51 users phpspot開発日誌 input バリデーション Data

Parsley.js 属性設定で簡単にデータバリデーションが出来るJSフレームワーク「Parsley.js」 <input>に対して data-* の形で属性を設定すればデータのバリデーションが簡単にカッコよくできちゃうフレームワークです。 例えば、<input data-type="email">って記述しておけば、そのinputにメールアドレス以外が入力されていればエラーを検出出来ます。 em... 続きを読む

様々なスタイルのツールチップを実装できるスクリプト・opentip - かちびと.net

2013/01/26 49 users ツールチップ net OSS スタイル JSライブラリ

様々なスタイルでツールチップを 実装する為のJavaScriptフレーム ワーク・opentipのご紹介です。 噴出しの形状や表示場所、Ajax対 応など、状況に応じて実装する事 が出来ます。 ツールチップ実装用のJSライブラリです。様々なスタイルで実装可能です。 opentip ツールチップのJSフレームワークです。OSSとして公開されています。 複数のツールチップを一括で出すことも可能です。 ... 続きを読む

雑誌風のレイアウトでサイトを作るためのJavaScriptフレームワーク『TreeSaver.js』 - IDEA*IDEA ～ 百式管理人のライフハックブログ

2011/02/07 391 users チュートリアル タブ 目次 IDEA コントロール

いつか使うかも？と思わないでもないのでご紹介。雑誌風のレイアウトでサイトを作るためのJSフレームワークですよ。↑ こういうのが作れるらしい。ページのコントロールもちゃんとありますね。↑ 左側のタブで目次が見れるのもうれしい。チュートリアルをちょっと見てみましたが、それなりに作業はいるものの、綺麗にレイアウトしてくれたり、ページコントロールなどが用意されているので便利かもですよ。ご興味のある方はこち... 続きを読む

リッチで使いやすいＵＩを作成するためのjQueryライブラリ＆サンプル集:phpspot開発日誌

2009/01/20 282 users phpspot開発日誌 サンプル 多数 時代

45 New jQuery Techniques For Good User Experience | Developer's Toolbox | Smashing Magazine リッチで使いやすいＵＩを作成するためのjQueryライブラリ＆サンプル集。 JSフレームワークはもうjQueryの時代だと言わんばかりの豊富かつ有用なサンプルが多数掲載されています。 Build A Login Fo... 続きを読む