タグ

関連タグで絞り込む (12)

タグの絞り込みを解除

JSに関するnunulkのブックマーク (12)

  • Meta の新しいリッチテキストエディターフレームワーク Lexical を調べる(実践編)

    Lexical で簡単なリッチテキストエディターを作ってみよう Lexical は Meta が開発したリッチテキストエディターフレームワークです。以前 Lexical のアーキテクチャを調べてまとめた記事を執筆したので、概要や設計についてはそちらをご覧ください。 Lexical のコアライブラリは EditorState の差分から最も効率のいい方法で DOM を更新する Reconciler がメインで、エディターの機能やビューはプラグインという形で各々実装する必要があります。 ただ、コアライブラリだけ提供しても使う側が戸惑ってしまうので、すでに多くの公式プラグインが同じリポジトリで提供されています。 そして注目すべきは Playground の充実度です。 もはや Playground をそのまま使っても十分なほど多機能なエディターが実装されています。もちろんソースコードは同じリポジ

    Meta の新しいリッチテキストエディターフレームワーク Lexical を調べる(実践編)

  • 現代ウェブフロントエンド（ウェブアプリケーション）について理解する唯一の方法｜erukiti


    この記事は、ウェブ技術の開発者︵Java, PHP, Ruby, Go... 全て含む︶のうち、少しでもJavaScriptを触ったことがあるけど、現代ウェブフロントエンドというか、特にウェブアプリケーション —— React, Vue, Angular など—— が分からない人に向けて、たったひとつの理解方法を提示するものです。 追記: ちなみに果てしなくどうでもいいですが、今回の記事が記念すべき100記事目らしいです。︵Noteさん！その手のヤツはいっそ自動で記事にバッヂを表示するとかしてくれるとうれしいです！︶ 対象読者は、Java, PH(以下略︶などのコードと一緒に、ほんの少しでもJSのコードを触った、見たことがあるというレベル感の人なので、既にReact, Vue, Angular などでガリガリコードを書いている人は対象ではありません。 あとホームページ屋さんとかウェブコーダ
    現代ウェブフロントエンド（ウェブアプリケーション）について理解する唯一の方法｜erukiti
    nunulk
    nunulk 2020/03/30
    完全にアンラーンする必要はなくて、自転車からバイクに乗り換える、くらいの心持ちでいい気はする
    リンク

  • すべての新米フロントエンドエンジニアに読んでほしい50の資料 - Qiita


    はじめに さいきんのWebはSPA技術を中心としたフロントエンドが賑わっていますね💪 従来サーバーサイドを扱っていた人もフロントを触る機会が増えていたり、これからプログラミングを学んでいく人も、フロントエンド領域に興味を持っているのではと思います。 そこで、フロントエンドの経験が浅い方や初学者向けに、おすすめのドキュメントや勉強すべき領域をまとめました。 とりあえず動けば良い段階から一歩進んで、フロントエンドエンジニアとして、良いアプリケーションを作るために必要な知識を浅く広く紹介します。 ※補足 新米と表記しましたが、実際には新卒や未経験でなく、新卒2~3年目の若手フロントエンドエンジニアやフロント分野に苦手意識のあるバックエンドエンジニアの方を対象としています。 数日で目を通せるような内容ではないため、マイルストーンやスキルセットの一つの参考にして頂けると幸いです。 フロントエンド入
    すべての新米フロントエンドエンジニアに読んでほしい50の資料 - Qiita
    nunulk
    nunulk 2019/07/12
    古米だけど読みます
    リンク

  • 一休.comスマホサイトのパフォーマンス改善（JavaScript編） - 一休.com Developers Blog


    宿泊事業本部の宇都宮です。 一休.com スマホサイトのホテルページパフォーマンス改善プロジェクトでは、フロントエンドには以下のような要件がありました。 デザイン面は既存を踏襲する 機能はほぼ従来通り 日付等を変更した際の再検索は、画面遷移を挟まず、画面内で行えるようにする パフォーマンスをできるだけ改善する 要するに、従来と同様の機能+αを実現し、かつ、従来と同等以上のパフォーマンスを実現する、というミッションです。 このために、どのような取り組みを行ったか、紹介します。 パフォーマンス目標値の設定 まず、パフォーマンスの目標値を設定する必要があります。モバイルでは、ユーザの帯域幅は回線や時間帯によって大きな変動があります。多少回線状況が悪くても、閲覧を妨げない程度のパフォーマンスを実現する必要があります。 一休へアクセスするユーザのモニタリングを見ると、極端に遅い回線を使っているユーザ
    一休.comスマホサイトのパフォーマンス改善（JavaScript編） - 一休.com Developers Blog
    nunulk
    nunulk 2018/09/21
    色々知らないことが載っていた
    リンク

  • Get a rapid start on IBM Cloud with VueJS, FeathersJS, and GraphQL

  • Vueを昔触った後Reactをどっぷり触ってもう一回Vueを触ってReactに戻って得た感想


    最近ReactとVueをどっちも触る機会があったり、﹁ReactとVueどう選定するの？﹂という問いを投げられ、スッと答えられなかったな、と後悔があったりしていたので、Vueを触って得られた感想をまとめてみる。 結論としてなにか新しいことを発見したというものではなく、世間で言われている事を自分なりに再構築しただけの結論になったと思う。 TL; DRVueからは全体的に優しさ︵Gentleさ︶を感じる事が多く、良い点だと感じた大規模になるときReactの堅牢さは魅力的。Vueが大きくなった時に支えられ設計が出来るかは個人的には懐疑的。﹁こうだったらVue、こうだったらReact﹂みたいな分岐点があるというわけではないので、最終的には好みになってくると思う。ぞうさんが好きかきりんさんが好きか。これまでのフレームワーク遍歴今回の話をするにあたって、僕と各フレームワークの付き合いをまとめておくと、
    nunulk
    nunulk 2018/04/02
    分かる / "Reactはsimple寄りで、Vueはeasy寄り"
    リンク

  • なぜサーバサイドレンダリングしたいの？


    という問い合わせがあった際に、目的を説明できるようにしておきたいためのエントリ。 なお、私個人はSSR不要派の立場です。 SEOのため 動的なページで、SEO的なキーワード︵meta、OGP、microdata含む︶が固定できない場合、その内容に合わせてHTMLを出力することで適切にクローリングされたいから。 出し分けしたい ユーザ状態によって極端にHTML構造が異なる場合︵たとえば、PC/スマホを同じURLで提供したいけど画面がまるっきり違う場合とか、全然違う見た目のA/Bテストしたい時とか︶、クライアントサイドでDOM操作するよりも効率が良いため。 早くしたい ごついSPAで作られてて初期描画が遅くなるようなケースで、とにかく早く表示したい場合、サーバサイドでHTMLを作ったほうが比較的早いので。 クライアントサイドでできないことをやりたい 例えば、 共通鍵で暗号化されたデータを復号し

  • SCOUTER開発者ブログ


    2024-04-29 CSSってどんな勉強をしたらいいの？おすすめの勉強法3選！ 文字やタブなどWebサイトのデザインを作成するマークアップ言語がCSSです。 CSSを勉強すると、おしゃれなWebサイトやかっこいいWebサイトが作れるようになります。 また、Webサイトを作るときに必要なHTMLを理解するのにも役立ちます。 CSSを勉強するならできるだけ効率よく勉強できるようになりたいですよね。 ではCSSの勉強法はどのようなものがあるのでしょうか。 CSSの勉強法は、スクール […] 2024-04-29 WEBエンジニアから見たXserverの使い勝手と評判 レンタルサーバーのおすすめサイトを見ると、大体どこでも上がってくる有料のレンタルサーバーの一つに﹁Xserver﹂があります。 このXserverとは、どのようなサーバーで、サービスにはどのようなものがあるのか。 ホームページ関連
    SCOUTER開発者ブログ
    nunulk
    nunulk 2018/02/18
    リンク

  • ES2015+ cheatsheet

    A quick overview of new JavaScript features in ES2015, ES2016, ES2017, ES2018 and beyond. Let function fn () { let x = 0 if (true) { let x = 1 // only inside this `if` } } Const const a = 1 let is the new var. Constants work just like let, but can’t be reassigned. See: Let and const

    ES2015+ cheatsheet
    nunulk
    nunulk 2017/10/22
    知らないのたくさんあった。意識して書かないとついいままでの書き方で書いてしまう
    リンク

  • UI Recorder - node.js製のSelenium IDE代替 MOONGIFT

    Selenium IDEが最新のFirefoxで動かなくなりました。これに伴い、新しいAPIで動くIDEも開発がスタートしたようですが、それを待つのも辛いでしょう。かといって旧バージョンを使い続けるのも問題です。 そこで使ってみたいのがUI Recorderです。新しく登場したSelenium IDEライクなWebブラウザの操作記録ソフトウェアです。 UI Recorderの使い方 UI Recorderではまずディレクトリを作って初期化します。 $ uirecorder init __ ______ ____ __ / / / / _/ / __ \___ _________ _________/ /__ _____ / / / // / / /_/ / _ \/ ___/ __ \/ ___/ __ / _ \/ ___/ / /_/ // / / _, _/ __/ /__/ /_/

    UI Recorder - node.js製のSelenium IDE代替 MOONGIFT
    nunulk
    nunulk 2017/10/02
    mocha ベースか…html で出力できたらSelenium IDE の代替になるんだけどな…
    リンク

  • Angular vs. React vs. Vue: A 2017 comparison

    Deciding on a JavaScript framework for your web application can be overwhelming. Angular and React are very popular these days, and there is an upstart which has been getting a lot of traction lately: VueJS. What’s more, these are just a few of the new kids on the block. Javascripts in 2017 — things aren’t easy these days!So, how are we supposed to decide? A pros-and-cons list never hurts. We’ll d

    Angular vs. React vs. Vue: A 2017 comparison

  • JavaScript の this を理解する多分一番分かりやすい説明 - Qiita


    JavaScript の this は、(他のプログラム言語から見ると) ちょっと面白い挙動に見えることがあります。 先日、この this の挙動について、会社の同僚が説明してくれたのですが、これまで聞いた説明の中で一番分かりやすいと感じたので、頑張って日本語で説明してみます。 分かりにくかったら、多分それは私の技量不足。 this と function の関係 function が基準スコープになるのがまず一点。 その function をどう呼ぶかで変わるのかがもう一点。 それを踏まえて…… this は function を呼んだ時の . の前についているオブジェクトを指している と理解できるというのが、同僚の説明でした。 . が省略された場合はグローバルオブジェクトになります (non-strict モード時)。 strict モードでは undefined になります。︵@ryo
    JavaScript の this を理解する多分一番分かりやすい説明 - Qiita
    nunulk
    nunulk 2017/08/01
    ほえー、分かりやすかった
    リンク
  • 1

お知らせ

もっと読む

公式Twitter

  • @HatenaBookmark

    リリース、障害情報などのサービスのお知らせ

  • @hatebu

    最新の人気エントリーの配信

はてなブックマーク

公式Twitter

はてなのサービス

  • App Storeからダウンロード
  • Google Playで手に入れよう
Copyright © 2005-2024 Hatena. All Rights Reserved.