サクサク読めて、
アプリ限定の機能も多数!
アプリで開く
●はてなブックマークって?
●アプリ・拡張の紹介
●ユーザー登録
●ログイン
●ログアウト
検索対象
●すべて
●タグ
●タイトル
●本文
並び順
●新着
●人気
ブックマーク数
●1 user
●3 users
●50 users
●100 users
●500 users
セーフサーチ
●オン
●オフ
期間指定
●すべて
●1週間
●1ヶ月
●1年
まで
1 - 40 件 / 1049件
新着順
人気順
絞り込み
検索対象
ブックマーク数
期間
セーフサーチ
Vueの検索結果1 - 40 件 / 1049件
Vueに関するエントリは1049件あります。 javascript、
フロントエンド、
react
などが関連タグです。 人気エントリには ﹃VOICEVOX | 無料のテキスト読み上げ・歌声合成ソフトウェア﹄などがあります。
Vueの関連エントリー
280 users
83 users
960 users
149 users
89 users
60 users
20 users
25 users
20 users
207 users
●
1993 users
●
voicevox.hiroshiba.jp
●
テクノロジー
●2021/08/01
オープンソースVOICEVOX は OSS︵オープンソース・ソフトウェア︶版 VOICEVOX をもとに構築されています。 製品版と OSS 版の違いやモジュール構成は VOICEVOX の全体構成 をご参照ください。 ソフトウェア部分は Electron + Vue 、音声合成エンジン部分は Python + FastAPI です。 追加したい・改善したい機能があれば、ぜひ開発にご参加ください。
●音声合成
●あとで読む
●ツール
●ソフトウェア
●software
●音声
●フリーソフト
●tool
●DTM
●無料
●
1021 users
●
zenn.dev/morinokami
●
テクノロジー
●2022/01/03
本書は、Lydia Hallie 氏 と Addy Osmani 氏らによる Learning Patterns (https://www.patterns.dev/) の日本語訳です。原著は大きく3つのセクションに分かれていますが、本書は、その最初のセクションである Design Patterns を訳したものとなります。
●フロントエンド
●あとで読む
●設計
●デザインパターン
●javascript
●デザイン
●design
●frontend
●React
●学習
●
931 users
●
www.hokeniryo.metro.tokyo.lg.jp
●
テクノロジー
●2020/03/04
東京都福祉保健局‥ 〒163-8001 東京都新宿区西新宿2丁目8番1号 電話‥03-5320-4032 FAX‥03-5388-1400 Copyright © Bureau of Social Welfare and Public Health, Tokyo Metropolitan Government. All Rights Reserved.
●COVID-19
●東京
●医療
●コロナ
●コロナウイルス
●tokyo
●あとで読む
●東京都
●visualization
●web
●
855 users
●
note.com/erukiti
●
テクノロジー
●2020/03/29
この記事は、ウェブ技術の開発者︵Java, PHP, Ruby, Go... 全て含む︶のうち、少しでもJavaScriptを触ったことがあるけど、現代ウェブフロントエンドというか、特にウェブアプリケーション —— React, Vue, Angular など—— が分からない人に向けて、たったひとつの理解方法を提示するものです。 追記: ちなみに果てしなくどうでもいいですが、今回の記事が記念すべき100記事目らしいです。︵Noteさん!その手のヤツはいっそ自動で記事にバッヂを表示するとかしてくれるとうれしいです!︶ 対象読者は、Java, PH(以下略︶などのコードと一緒に、ほんの少しでもJSのコードを触った、見たことがあるというレベル感の人なので、既にReact, Vue, Angular などでガリガリコードを書いている人は対象ではありません。 あとホームページ屋さんとかウェブコーダ
●javascript
●フロントエンド
●あとで読む
●TypeScript
●開発
●web
●html
●react
●frontend
●js
Vueの関連エントリー
277 users
78 users
88 users
62 users
59 users
546 users
20 users
25 users
29 users
20 users
●
852 users
●
zenn.dev/koduki
●
テクノロジー
●2020/10/19
はじめに 最近、Webの記事を見てるとReactだVue.jsばかりが上がっていてJSPやERBの話をしてる人は誰もいません。jQueryの記事ももちろん見ない。 つまり、Webだけ見る限りではほとんどの人がSPAを使ってるように見えます。 私はWeb界隈には居るもののどちらかというとバックエンド寄り、もっというとそもそもWebとか関係ない領域を見る事が多いので、ちょっとキャッチアップを兼ねていくつかの個人プロダクトにVue.jsを採用してみました。 jQueryくらいで頭が止まってたので。サーバサイドもマイクロサービスでAPI化が進んでるのでフロントもそれに合った技術を選ばないとですしね。 というわけで、今回はその中で得た知見というか、従来型のサーバサイドでのWeb開発をしていた人の視点でVue.jsをキャッチアップする流れで書いていきたいと思います。 まあ最終的な結論は正直﹁これすごく
●SPA
●あとで読む
●Vue
●vue.js
●フロントエンド
●javascript
●web
●programming
●プログラミング
●frontend
●
775 users
●
engineering.linecorp.com
●
テクノロジー
●2022/01/26
LINE株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。 LINEヤフー Tech Blog TL;DR:2022にフロントエンド開発で最も考慮すべきユーザー環境は、パフォーマンスでは低スペックのAndroid端末、標準仕様では2年前のSafari、そしてネットワークでは4Gです。それに対してはJSへの過剰依存などが原因で主にパフォーマンスの面でのウェブ全体の対応がよくありません。 こんにちは!LINEフロントエンド開発室のダバロス アランです。この記事のタイトルを見て﹁釣りタイトルですね〜﹂と考えている方がいると思いますが今回に限ってはそれを大目に見てください。それはなぜかと言いますと、2021年から2022年にかけて私たちフロントエンドエンジニアが全体的に考え方を改める必要が出るほど大きな変化がありました。 その変
●フロントエンド
●あとで読む
●frontend
●開発
●パフォーマンス
●development
●javascript
●LINE
●エンジニア
●web
●
661 users
●
note.com/erukiti
●
テクノロジー
●2020/01/04
この記事では面倒なので名前に .js が付いているものは省きます。例えばNext.js は Next と表記します。 まず結論から日本ではVueはReactと二分する人気があるように観測されますが、世界的な数字で人気・シェアを見るとReactが圧倒的です。 シェアだけで見るとAngularとAngularJS︵Angular系の1.x系︶の合計値はVueよりも高いですが、﹁今後はもう採用したくない﹂と考える率が高く、Angular/AngularJSの人気が低下しているということは間違いありません。 ※追記: Angularのシェア、人気度に関しては、Angular及びAngularJS両方を含む数値であり、AngularJSとAngularは別物であるものが混ざってカウントされているため、Angularのシェア及び人気度はあやふやかもしれません。他の数値に関して信頼性を疑うべきかどうかは
●javascript
●react
●あとで読む
●js
●Vue
●TypeScript
●フロントエンド
●vue.js
●フレームワーク
●Angular
●
653 users
●
qiita.com/rana_kualu
●
テクノロジー
●2019/11/12
以下はSimon Holdorf( dev.to/ Twitter / GitHub )による記事、9 Projects you can do to become a Frontend Master in 2020の日本語訳です。 9 Projects you can do to become a Frontend Master in 2020 Introduction あなたがプログラミングの初心者であるか、既に経験豊富な開発者であるかにかかわらず、この業界では、急速な変化に追いつくために新しい概念と言語・フレームワークを学び続けることが必要です。 たとえばFacebookが4年前にオープンソース化したReactは、既に世界中のJavaScript開発者にとって第一の選択肢になっています。 もちろんVueとAngularにも多くのフォロアーがついています。 さらにはSvelte、Next
●javascript
●あとで読む
●react
●vue.js
●チュートリアル
●Vue
●フロントエンド
●アプリ
●frontend
●js
●
632 users
●
employment.en-japan.com
●
テクノロジー
●2020/05/19
文科系の学部に在籍しながらシビックテックに興味を持ち、関治之氏の﹁右腕インターン﹂として1年ほど関わる。その後いくつかのシビックテック活動やインターンシップを経て、株式会社almaの創業に参画。プロダクト開発をリードするかたわら、共同設立したCode for Youthなどでも活動する。学習院大学4年。 なぜNuxtJSだったのか? あるいはjQueryでなかったか? 偶然に決まったNetlifyは開発にとても役立った 後でコンポーネントを変更改善できるよう小さく作る ベストエフォートでの開発体制 リリース直後から届いたエンジニアの反響 シビックテック活動のベストプラクティス なぜNuxtJSだったのか? あるいはjQueryでなかったか? ── まず最初に、今回の技術的なバックグラウンドから聞かせてください。一見すると行政が関係した仕事とは思えない現代的な技術選定のWebサービスですが、
●nuxt.js
●あとで読む
●Vue.js
●COVID-19
●エンジニア
●開発
●NuxtJS
●技術
●netlify
●github
●
604 users
●
qiita.com/rana_kualu
●
テクノロジー
●2020/07/03
以下はSimon Holdorf( dev.to/ Twitter / GitHub )による記事、9 Projects you can do to become a Frontend Master in 2020の日本語訳です。 9 Projects you can do to become a Frontend Master in 2020 Introduction あなたがプログラミングの初心者であるか、既に経験豊富な開発者であるかにかかわらず、この業界では、急速な変化に追いつくために新しい概念と言語・フレームワークを学び続けることが必要です。 たとえばFacebookが4年前にオープンソース化したReactは、既に世界中のJavaScript開発者にとって第一の選択肢になっています。 もちろんVueとAngularにも多くのフォロアーがついています。 さらにはSvelte、Next
●vue
●あとで読む
●javascript
●プロジェクト
●react
●フロントエンド
●アプリ
●チュートリアル
●js
●app
●
592 users
●
zenn.dev/mirumi
●
テクノロジー
●2022/02/11
こうです。 新しい住居を探そうとしたとき、﹁会社から歩いてちょうど30分のところに住めたら QOL 高くない?﹂と思いました。(運動できる、公共交通機関と無縁、買い物もできるetc...) でも ある一点を中心とした移動可能エリアを知りたいとき、円でざっくりと表示をする以外のアプローチがほぼない ことに気がつきました。海外サイトも含めかなり調べてみましたが、類似のサービスは見当たりません。 という経緯でつくったのが How far can I go? というサイト。 ぽちぽちやっていただければわかりますが、結果の精度はかなりのものと思われます。特に道の有無や川沿いなどを検証してもらえるとその効果がすぐにわかるかと。 転職先が決まっているなら、そこにピンを差して交通手段と所要時間を設定してください。HOME'Sなどの住宅検索サービスには条件絞り込みをしたあとにそれらを地図上にまとめてマ
●webサービス
●あとで読む
●vue
●vue.js
●サービス
●map
●地図
●引っ越し
●お役立ち
●会社
●
568 users
●
itnews.org
●
テクノロジー
●2019/10/14
◆ NamingConvention https://namingconvention.org/ 紹介 ﹁NamingConvention﹂は、プログラミング命名規則のガイドラインを作成・収集・維持するオープンソースプロジェクトです。 ﹁C#・Git・Java・PHP・VueJS・Python﹂が、現在作成進行中です。 Gitの章には、ブランチ名やコミットメッセージ、プルリクのネーミング規定が記載されています。 例えば、ブランチネームだと必須や許可と一緒に例文も記載されています。 プログラミング言語︵Java︶だと、このようになっています。 推奨のネーミングというより、キャメルケースなど、最低限準拠すべき形式が書かれています。 プログラミング版wikipediaになるような、熱量高いコミュニティが続いて欲しいです。 ◆ NamingConvention https://namingconv
●プログラミング
●あとで読む
●programming
●命名
●ネーミング
●java
●プログラマ
●ガイドライン
●命名規則
●naming
●
561 users
●
ics.media
●
テクノロジー
●2021/07/08
Vite︵ヴィート=フランス語で﹁速い﹂の意味︶は2020年に発表された新しいフロントエンドのビルドツールです。 開発者がVue.jsの作者であるEvan You氏であるため、Vue.jsのツールであると誤解されることもありますが、プレーンなJavaScript︵バニラJS︶からVue.js・React・Svelteといった流行のフレームワークまで、さまざまな環境で利用できる汎用的なツールです。 位置付けとしてはwebpackのようなバンドラーと呼ばれるものに近い存在ですが、それだけではありません。この記事では、Viteを導入してプレーンなJavaScriptから、TypeScript+Vue.js・Reactといったフレームワークまで、快適な開発環境を手に入れる方法を紹介します。 この記事で紹介すること‥ Viteの特徴と基本の仕組み 基本の使い方 Vite + SCSS Vite +
●TypeScript
●javascript
●vite
●react
●あとで読む
●開発
●Vue
●vue.js
●フロントエンド
●frontend
●
555 users
●
d.potato4d.me
●
テクノロジー
●2020/11/29
年の瀬なので、私自身が今年利用した技術をベースに技術スタックをまとめてみようと思います。 とはいえ Web Standard といった広い対象から、フレームワークやライブラリまで、粒度の違うものを全て言及するのは無理があるというもの。特に強く言及できるものは個別で説明しつつ、最後に利用する機会がなかったものも最後に記載する形で。 以下常体。 追記: マイナー企業のようなので一応書いておきますが、筆者は本業ではLINE株式会社という組織でいわゆるエンジニアリングマネージャーと言われるような業務とその採用に関わる仕事をしています。 利用した技術一覧 HTML/CSS/JS みたいなことを書いてるとキリがないので、独断と偏見で区分けして適宜漉いています。特に利用する機会が多かったものは太字でピックアップ。 Frontend Language/Platform TypeScript JavaScr
●フロントエンド
●あとで読む
●frontend
●開発
●技術
●javascript
●firebase
●node
●development
●cloud
●
535 users
●
zenn.dev/take77
●
テクノロジー
●2021/11/23
はじめに お久しぶりです、皆様のサンドバックが帰ってまいりました。 投稿ができていない期間、Nuxtにボコボコにされて裸足で逃げ出し、逃げた先のReactにも強烈な左カウンターをお見舞いされました。 本来であれば、このような場所に投稿することすらはばかられる内容ですが、敢えて書きましょう。 私はフロント開発を炎上させた愚か者です。 なぜ今懺悔するのか Twitterでこんな投稿を見ました。 確かに、実務で得られる経験は、とても大きく得難いものです。 当然、ご迷惑をおかけしてしまうことは、だれであろうとあるでしょう。 ただし、その﹁ご迷惑﹂の大きさについて、我々は知っておかなくてはなりません。 見えている地雷を踏んでしまうようなモノ好きもいないでしょう。 特に、この手の地雷は強力ですからね。 塵となって吹き飛んだ私の命が、新たな浅瀬の民の糧となることを祈っています。 具体的に何が起こったのか
●開発
●あとで読む
●エンジニア
●フロントエンド
●炎上
●技術
●Vue
●react
●TypeScript
●development
●
532 users
●
feb19.jp
●
テクノロジー
●2022/09/05
ウェブ制作で React(Next) や Vue(Nuxt)、jQuery が最近どれぐらい使われているのか調べてみたdate2022.9.4(Sun.)tagsweb developmentFrontendJavaScript ウェブアプリケーション開発で React や Vue を使うのはよくある話かなと思うのですが、マーケティングや広報活動など広告クリエイティブ系のウェブサイト制作ではどれぐらい使われているのかなと思い、暇つぶしにリサーチしてみました。 調査方法母集団ウェブギャラリーサイトをいくつか見て比較的国内系のセレクトが多そうな https://io3000.com/ さんから 2022 年に紹介されている 175 件と、ウェブサイトのアワードサイトとして有名な https://www.awwwards.com/websites/ さんで 2022.8 以降に Winner と
●jquery
●あとで読む
●react
●web制作
●javascript
●ライブラリ
●vue
●フロントエンド
●frontend
●web
●
527 users
●
qiita.com/s-yoshiki
●
テクノロジー
●2020/01/29
こちらに移行しました。(2020/05/16) 概要 Vue.jsで作成されたプロジェクトを紹介しているサイト ﹁made with vue.js ﹂があります。 面白くて役立ちそうなツールやサービスをまとめてみました。UIコンポーネント VueSocial ソーシャルサービスのボタンを作成するVueのコンポーネント CKEditor 5 リッチテキストエディタのコンポーネント Vue.Draggable ドラッグ&ドロップのコンポーネント Vuetable 2 データテーブルのコンポーネント。demo vuejs-datepicker vueのdatepicker Kalendar Vueのカレンダーコンポーネント Vue Apexcharts SVGベースのグラフ可視化コンポーネント Vue.js Google Charts VueのGoogle Charts vue-cart ショ
●vue.js
●Vue
●あとで読む
●javascript
●サービス
●ツール
●js
●qiita
●vuejs
●webサービス
●
517 users
●
lealog.hateblo.jp
●
テクノロジー
●2022/11/02
久しぶりに、いわゆるポエムを。 新規・運用ヘルプを問わず、受託や副業でよくフロントエンドをやってるWeb屋の見解、そして手札のお悩み。 この先、また技術選定する際なんかにも参考になるかと思ったので。 React ﹁いまフロントエンドやるなら最初に覚えるべき!﹂は、もう過去の話かなーと個人的には思ってる。 Reactは`UI = fn(state)`なのが良い!とか言われるけど、あなたが必要としてるのは`UI = Component(props)`かもよって。 一昔前までは、たしかにあらゆる面で頭一つ抜けてる印象はあったけど、今はそうでもないか、その差はだいぶ埋まってきてると思ってる。︵もちろん先行者利益みたいなところで、エコシステムはまだまだ優位な差があるかもしれんけど、それもあまり実感できたことはないし、いまからはじめる人はそんなんで困らんやろうし︶ 原初の時代からReactな案件をそれ
●react
●フロントエンド
●あとで読む
●frontend
●javascript
●Svelte
●Vue
●API
●フレームワーク
●Remix
●
514 users
●
qiita.com/fruitriin
●
テクノロジー
●2020/03/07
*この記事は2020年3月頭に書かれている記事です どうも、Vueはいいぞおねーさん(自称)です。 Vue.jsは私に言わせるととてもよいフロントエンドフレームワークであり、その理由の一つにプログレッシブフレームワークである(段階的に利用する機能を増やしていくスタイルにマッチしている)ものとして、フロントエンド初学者の皆さんにもおすすめしたい代物です。 しかし、現在までに様々なプラクティスが考案されたがゆえに、﹁最初からベストな方法で始めたい﹂という思いから一度にたくさんのことに挑戦してしまいたくなりがちです。 そしてそれはプログレッシブという思想に反するもので、結果として挫折を生んでしまっているのではないかと思いました。 そこで今回は﹁知るのを後回ししてよいこと﹂として、Vue.jsへの入門する方へのアドバイスを独断と偏見で不要度という指標でまとめてみました。 不要度というネガティブな指
●Vue.js
●あとで読む
●Vue
●javascript
●NuxtJS
●Vuex
●Qiita
●入門
●Nuxt.js
●study
●
503 users
●
coliss.com
●
テクノロジー
●2019/10/17
日常的にVueを使用している開発者が、ReactとVueで全く同じアプリを作成した時のそれぞれの工程を比較して分かった相違点を紹介します。 特に、Reactのフックについて具体的な使い方が解説されています。 I created the exact same app in React and Vue. Here are the differences. [2019 Edition] by Sunil Sandhu 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 本記事は以前翻訳した記事の2019年Editionで、Reactのフックが追加されています。以前の記事は下記をご覧ください。 ReactとVueってどう違う?全く同じアプリをReactとVueで作成してみて分かった相違点 隣の家の芝生は青く見える ReactとVueで作成し
●react
●Vue
●あとで読む
●vue.js
●javascript
●比較
●js
●FrontEnd
●アプリ
●app
●
469 users
●
sli.dev
●
テクノロジー
●2021/05/07
Presentation slides for developers
●markdown
●slide
●プレゼン
●プレゼンテーション
●presentation
●あとで読む
●スライド
●tool
●slidev
●ツール
●
464 users
●
logmi.jp
●
テクノロジー
●2021/01/26
﹁キャッチアップしておきたいウェブ制作の最前線﹂というテーマで、Vue.jsなどJavaScriptを駆使したユーザーインターフェイスの開発を主に担当してきた池田泰延氏が、Webのフロント周りの近年の技術的な動向を解説します。前半はフロントエンド技術のトレンドについて。 スピーカー自己紹介、﹃JavaScript コードレシピ集﹄を出版 池田泰延 氏︵以下、池田︶‥みなさんよろしくお願いします。ICSの話として、私と鹿野の2名で発表します。HTMLとかCSSとかJavaScriptとか、フロントエンドまわりの最新を説明していきたいと思います。では始めていきましょう! ます自己紹介します。ICSの池田と言います。株式会社ICSの代表をやっています。これはオフィスの写真でして、南麻布にあるのですが、こんなところで仕事をやっています。今はこの状況下なので、会社にはほとんど誰も行っていませんが、こ
●javascript
●あとで読む
●react
●Angular
●Vue
●ライブラリ
●技術
●フロントエンド
●Vue.js
●js
●
456 users
●
tech.plaid.co.jp
●
テクノロジー
●2019/09/05
Vue.js の設計地図を作成しました。設計概念の依存関係の図式化して理解し、 フロントエンド設計をモデリング起点で考えたブログです。
●vue.js
●Vue
●設計
●あとで読む
●開発
●js
●javascript
●デザイン
●コンポーネント
●モデリング
●
445 users
●
qiita.com/irico
●
テクノロジー
●2020/08/17
TypeScript全然わかんない... という状態から、プロジェクトに導入できるまでになんとかなったので、 学習の参考になったものなどをまとめて学習ロードマップを作成いたしました。 私自身もまだまだのレベルですが、これからTypeScriptを勉強したい!という方の道しるべになれば幸いです Level 0: TypeScriptってなんぞや? まず学習する前に、その対象がなんなのか、を見極める作業です。 TypeScriptは altJS の1つです。JSは元々大規模なコードを組むには不向きな設計になっているので、 altJSというメタ言語でラッピングすることで扱いやすくするものです。 altJSで他に有名なのはcoffeeScriptなどでしょうか。 TypeScriptはtypeと名乗っている通り、静的型付けを特徴としています。 また、jsと互換性があり、jsの上位互換︵スーパセッ
●TypeScript
●あとで読む
●javascript
●学習
●js
●React
●qiita
●勉強
●プログラミング
●programming
●
444 users
●
employment.en-japan.com
●
テクノロジー
●2020/02/18
仮想DOMは本当に“速い”のか? DOM操作の新しい考え方を、フレームワークを実装して理解しよう 最近のJavaScriptフレームワークで利用される﹁仮想DOM﹂について、リアルDOMの違い、メリット・デメリット、仮想DOMを使ったフレームワーク開発などを、ダーシノ︵bc_rikko︶さんが解説します。 はじめまして、ダーシノ︵@bc_rikko︶です。さくらインターネットでフロントエンドエンジニアをする傍ら、NES.cssというファミコン風CSSフレームワークを開発しています。 さっそくですが、皆さんは、ReactやVue.jsといったJavaScriptフレームワークを使ったことがありますか? そういったフレームワークで使われている、仮想DOMについて知っていますか? ﹁聞いたことない﹂﹁聞いたことはあるけど、どう実装されているかは知らない﹂﹁熟知している﹂。いろいろなレベルの方がい
●javascript
●DOM
●あとで読む
●フロントエンド
●React
●VirtualDOM
●web
●frontend
●Vue.js
●考え方
●
435 users
●
tech.plaid.co.jp
●
テクノロジー
●2020/09/30
フロントエンド/Node.js エンジニアの mizchi です。plaid では新しい分析エンジンのフロントエンド側の技術的な仕様を考えたり、それを実装したりしています。趣味として社内の他のプロダクトのパフォーマンスを勝手に測って、貼り付けていくこともあります。 plaid のエンジニア組織には﹁組﹂という制度があって、メインとなるプロダクト以外にも、そのテーマで会社横断で活動するグループがあ
●performance
●パフォーマンス
●あとで読む
●javascript
●frontend
●webpack
●js
●フロントエンド
●Vue
●チューニング
●
432 users
●
fwywd.com
●
テクノロジー
●2021/05/25
2021 年から React ベースのフレームワークである Next.js を本格的に学び始めました。 昨年 2020 年は Vue.js ベースのフレームワークである Nuxt.js にどっぷりと使った1年であり、昨年リリースした キカガク (kikagaku.ai) など、本運用に乗せるところまでプロダクト開発チームで学びながら進めていきました。 その昨年に1年間もかけて知見を貯めた Vue.js & Nuxt.js を離れて、React & Next.js へ移行した背景を紹介します。
●react
●vue.js
●javascript
●あとで読む
●Next.js
●Vue
●開発
●nuxt.js
●Firebase
●js
●
428 users
●
qiita.com/kahirokunn
●
テクノロジー
●2020/07/16
2020年後半版Vue.jsを使ってる人には必ず知っていてほしいVue.jsの武器とドキュメントに書かれていないコンポーネントやメンテナンスの際に役立つTipsJavaScriptTypeScriptVue.jsフロントエンドvue-cli はじめに 最近iCAREさんの所でVue.jsを一緒にやらせていただいているのですが、フロントの技術スタックがGraphQL + Vue.js + TypeScriptで開発しており、そこでのVue.jsの開発体験がかなり良く、iCareさんの詳細なノウハウを公開しても良いと言っていただけたので、言語化し、整理して、共有出来たらと思います. ※ いつも通り記事の内容に意見がありましたら直接編集リクエストをください 前置き 今回のサンプルは@vue/cliを利用し、プリセットはTypeScriptだけいれときました. versionは2020年7月16日
●Vue
●vue.js
●あとで読む
●TypeScript
●js
●qiita
●GraphQL
●FrontEnd
●https
●ドキュメント
●
427 users
●
zenn.dev/koduki
●
テクノロジー
●2020/11/02
はじめに ﹁Typescriptの次はRustかもしれない﹂という記事がバズってるのを見かけました。 なかなか面白くて、PAとしてのWASMとRustを比較している記事です。ちょうど最近﹁レガシーおじさん、SPAを始めてみた。そして限界を知る﹂でも書いた通り最近SPAに手を出してみたのですが、いろいろやろうとするとSSRのためのBackend for Frontend (BFF)等が必要になるとわかり﹁これJSでやる必要なくない?﹂とも感じていたのでちょうど良かったです。 こういうのを見るとRIAやGWTのように似たアプローチで廃れた技術や、登場が早すぎたMeteor、今も頑張ってるMSのBlazorなど色々頭をよぎります。といわけで歴史を俯瞰する意味でHTML + JavaScriptとそれ以外の技術のせめぎ合いの歴史やMSのBlazorやRustのyewなどWebassemblyを使う
●rust
●javascript
●WebAssembly
●wasm
●あとで読む
●歴史
●vue
●web
●react
●HTML
●
426 users
●
zenn.dev/coder_ka
●
テクノロジー
●2021/09/23
使ってわかる、Vueへの恨み、つらつらと︵随時更新︶ コンポーネントのローカルスコープでコンポーネントを定義しようとするとJSXが必要 JSXが嫌でReactを使わないならSvelteがあり、SvelteはゼロオーバーヘッドでVueより速い React+JSXと違って、マークアップをJavaScriptの式として扱えないせいで、TypeScriptとの相性も悪い 後述するが、コンポーネントのプロパティの型をジェネリックにできないところなどは、これの例にあたる Vueの新しい機能が出て、新しい構文を必要とするたびにIDEのプラグインの対応が必要になる JSXも構文拡張だが、JS関数呼び出しのシンタックスシュガーでしかないので、関数と同じだけの表現力︵汎用性︶を持ち、ReactのAPI拡張のためにいちいちJSXまで拡張する必要はない JSX無しだと、マークアップ内でアクセスしたいコンポーネント
●Vue
●vue.js
●あとで読む
●react
●フロントエンド
●javascript
●TypeScript
●プログラミング
●開発
●programming
●
426 users
●
hatenanews.com
●
テクノロジー
●2019/08/21
お盆休みが明けてもう8月下旬。秋に向けて自分が学んでみたいことや身に付けておきたい技術などを見つけ始めるにはよいタイミングです。そこで、オンライン学習プラットフォーム・Udemy︵ユーデミー︶のオンライン講座をチェックしてみてはいかがでしょうか。 Udemy(ユーデミー)公式サイト Udemyの講座は一度購入すれば受講に期限はなく、PCでもスマートフォンでもデバイスを問わず見られるので、ちょっとした隙間の時間を有効に活用可能。必要な時に必要な講座を選べます。はてなブログを使って、受講内容のまとめや振り返り、学んだことのメモを書いている方も多くいらっしゃいます。今回はUdemyの数ある講座の中から、はてなブログユーザーさんの声も交え、おすすめの講座を5つピックアップしました。 Udemyでは8月30日︵金︶午後3時59分まで、対象の講座が1,200円から受講できる大セールが実施されています!
●Udemy
●あとで読む
●学習
●python
●はてな
●開発
●キャンペーン
●アプリ
●機械学習
●ニュース
●
424 users
●
qiita.com/BRSF
●
テクノロジー
●2020/01/26
WEBシステム、WEBプログラム開発において昨今ではjQueryではなくVue.js、React、AngularなどのJSフレームワークが主流となってきています。ただ、これらの活用は学習コストが高いといわれています。その原因はフロントエンドありきで話が進みすぎていたからだと考えています。したがって、自分の投稿記事は、jQueryを多用するWEBシステムエンジニアに向けた、フォーム操作をメインに置いた半備忘録兼自分なりに解釈した解説です。 ちなみに自分はサーバ構築からバックエンドまでこなしているワンオペエンジニア︵フリーランス、非正規雇用に非ず︶です。 コンポーネント、ルーティング、スタイル周りの続編を作成しました︵編集が困難になるほど容量圧迫してたので、それぞれで独立させています︶。また、Vueは3.2から採用されたscript setup、Angularは14から採用されたスタンドアロン
●react
●Vue
●jQuery
●vue.js
●あとで読む
●javascript
●js
●学習
●angular
●開発
●
420 users
●
www.publickey1.jp
●
テクノロジー
●2023/01/31
人気のJavaScriptバンドルツール﹁webpack﹂の開発はなぜ終わり、後継として﹁Turbopack﹂の開発が始まったのか。開発者がその理由を語る 複数のJavaScriptやTypeScriptの依存関係などを解決し、コードやフォント、画像などのリソースなどをまとめるバンドルツール︵あるいはモジュールバンドラやビルドツールなどとも呼ばれます︶は、多数のライブラリやコンポーネントなどを用いてチームで開発するWebアプリケーションの開発には欠かせないツールとなっています。 そのバンドルツールの代表がwebpackです。約4万人のITエンジニアによるアンケート結果が示された﹁State of JavaScript 2022﹂でもwebpackはGulpやViteなどを抑えて最も人気のあるバンドルツールとなっています。 参考‥﹁State of JavaScript 2022﹂公開。利用
●webpack
●javascript
●あとで読む
●開発
●frontend
●ツール
●js
●フロントエンド
●Node.js
●build
●
417 users
●
coliss.com
●
テクノロジー
●2022/11/09
Webサイトやアプリでよく使用される各UIコンポーネントのさまざまな実装方法がまとめられたThe Component Galleryを紹介します。 コンポーネントは再利用可能な単一の部品として利用でき、実装するコードや名前の付け方など、Web制作者には非常に勉強になると思います。 The Component Gallery The Component Galleryの特徴 The Component Galleryの利用方法 各UIコンポーネントのまとめ The Component Galleryの特徴 The Component Galleryには、実際のデザインシステムで使用されているUIコンポーネントがまとめられています。フロントエンドのデベロッパーとして毎日経験する問題を解決するために作成されました。 The Component Gallery コンポーネントや要素に名前を付けるの
●ui
●あとで読む
●css
●web
●webデザイン
●web制作
●便利
●まとめ
●webサービス
●デザイン
●
406 users
●
ics.media
●
テクノロジー
●2020/07/16
Vue.jsは初学者にもとても手厚いサポートを提供してくれるフレームワークです。 たとえば、以下のコードで﹁リセット﹂ボタンを押すと﹁propsのcountは子コンポーネントから変更すべきではない﹂とわかりやすくエラーを表示してくれます。 <template> <div class="CountViewComponent"> カウント={{count}} <button @click="reset">リセット</button> </div> </template> <script> export default { props: { // 表示するカウント値 count: { type: Number, default: 3 } }, methods: { // カウントをリセットします reset() { this.count = 0 } } } </script> それでも時として、
●Vue.js
●Vue
●あとで読む
●javascript
●js
●コード
●エラー
●
397 users
●
zenn.dev/shamokit
●
テクノロジー
●2023/01/24
なぜ書いたか 筆者もWebサイト制作をそこそこ長くやってきておりいまは業務でVueを書いたりちょっとReactを書いたりSvelteを書いたりしていますが、2年前くらいまではReactやES6の構文すら書いたことがありませんでした。 WordPressでのサイト制作が多く、機能が少ないサイト制作会社ではjQueryで充分なことも多く、恥ずかしながら業務時間外での学習や外部の情報を追うこともしていなかったため、開発系の技術スタックに慣れるのにかなり時間がかかりました。 まずはよく使うコードを見て解説しながら答えの一つを示し、よく出てくるコードをざっくり理解して書けるようにすることで、実務でReactを取り入れる取っ掛かりになればいいなぁという思いでこの記事を書いています。 続編は多分今月中に書きます。 こちらは基礎編です。 対象者 普段jQueryでWebサイトを制作している 生のJSはあん
●react
●あとで読む
●jquery
●JavaScript
●next.js
●js
●プログラミング
●web制作
●react.js
●TypeScript
●
396 users
●
tech-blog.monotaro.com
●
テクノロジー
●2021/11/02
こんにちは。モノタロウでフロントエンド寄りの開発をしている、陳です。 今回はモノタロウの新フロントエンドのメインフレームワーク選定についてお話しします。 選定結果から言うと、モノタロウ独自の7つの選定基準をもとに、Reactを選ぶことになりました。 背景 新フロントエンドプロジェクトの立ち上がり Vue.jsとReactの比較検討をしてみた 俯瞰して改めて選定基準を考えた 一般的な視点 モノタロウの社内事情7つの選定基準 選定結果 技術選定を通して得た3つの学び 背景 まず、モノタロウの現フロントエンドについてざっくり説明します。 モノタロウは2002年から、PythonとJavaScriptでECサイトを開発してきました。 基本構成として、サーバサイドのPythonでHTMLを生成し、クライアントサイドのJavaScriptでカートインなどの動的処理を補完する形ですが、実はこの構成で違
●react
●あとで読む
●Vue.js
●開発
●TypeScript
●javascript
●React.js
●vue
●framework
●エンジニア
●
357 users
●
liginc.co.jp
●
テクノロジー
●2020/12/15
たった数分で環境構築が完了!TypeScriptでWebアプリケーション開発ができるフレームワーク﹁frourio﹂が本当に手軽だった。 こんにちは、エンジニアのづやです。 突然ですがエンジニアのみなさん、TypeScriptに触れた経験はありますか? TypeScriptはGitHubが毎年発表しているランキングで今年4位に急上昇したくらい、もっともアツいプログラム言語の1つです。 出典‥https://octoverse.github.com/ しかし、いざ試してみようと思っても、 フレームワークは何を使えば良い? どうやって導入したら良い? など、意外とハードルって高くないですか? そこで﹁frourio︵フルーリオ︶﹂という画期的なフレームワークを見つけました。こういうのってある程度経験を積んだエンジニアでないと使いこなせない……というケースも多いですよね。 でもfrourioはそ
●TypeScript
●あとで読む
●開発
●フレームワーク
●javascript
●環境
●framework
●web
●node.js
●server
●
356 users
●
speakerdeck.com/potato4d
●
テクノロジー
●2019/11/02
2019.11.02 に FRONTEND CONFERENCE 2019 (#frontkansai) にて発表したスライドです。
●SPA
●あとで読む
●frontend
●javascript
●開発
●設計
●slide
●Vue
●conference
●スライド
●
355 users
●
speakerdeck.com/entaku
●
テクノロジー
●2019/10/30
[RubyKaigi 2024] Ruby Mixology 101: adding shots of PHP, Elixir, and more
●Vue
●Vuex
●あとで読む
●アーキテクチャ
●vue.js
●nuxt
●slide
●javascript
●Nuxt.js
1
2
3
4
5
6
7
8
9
10
次のページ
新着記事
1 user
matomedane.jp
1 user
www.goal.com
1 user
www.alphapolis.co.jp
1 user
www.nikkei.com
1 user
approach.yahoo.co.jp
1 user
myautin.com
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
●総合
●一般
●世の中
●政治と経済
●暮らし
●学び
●テクノロジー
●エンタメ
●アニメとゲーム
●おもしろ
●アプリ・拡張機能
●開発ブログ
●ヘルプ
●お問い合わせ
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
●公式アカウント
●ホットエントリー
●はてなブログ
●はてなブログPro
●人力検索はてな
●はてなブログ タグ
●はてなニュース
●ソレドコ
Copyright © 2005-2024 Hatena. All Rights Reserved.
設定を変更しましたx