はじめに 今回この記事を書こうと思ったのは、JavaScriptのパーサ関連の記事が定期的に投稿される中で、 ESTreeの話はよく出てきていて反響がありそうだけれど、それを利用したツールは実際にどのようにコードを解析しているかが詳しく書かれている記事が少ないなあと思ったためです。 この記事では、トランスパイラとしてモダンJSの一時代を築いたBabelを例にトランスパイルについて、詳しく解説できたらと思います。 詳しい仕様などは日本語訳がされたハンドブック もありますが、 あいまいな訳になっているため、英語版のハンドブックをわたしはお勧めします。 記事の対象者 JavaScriptやTypeScriptを利用している JavaScriptなどのコードは書けても実際にブラウザでどのように実行されているか気になる JavaScriptなどのパーサや言語処理、トランスパイラ、コンパイラに興味があ
米Microsoftが提供するWebブラウザ「Internet Explorer」（IE）のサポート終了まで残り1週間となった。6月16日（日本時間）のサポート終了以降、IEを起動しようとしても後継Webブラウザである「Microsoft Edge」が立ち上がる仕様に変わる。そのため、IEのみで動作するコンテンツの利用者や提供者は、他ブラウザへの移行やコンテンツの改修などへの対応が必要になる。 サポートが終了するソフトウェアは「Internet Explorer 11 デスクトップアプリケーション（SAC）」と「Windows 10 デスクトップ SKU（20H2 以降）」「Windows 10 IoT（20H2 以降）」の3つ。 情報処理推進機構（IPA）では、IEサポート終了の影響を受ける対象者として「IEコンテンツの利用者」（一般ユーザー、組織の従業員）と「IEコンテンツの提供者」（
米Microsoftは12月17日（現地時間）、ユーザー向けドキュメントで、Chromium版「Microsoft Edge」の自動配信を無効にするBlocker Toolkitについて説明した。 Chromium版Microsoft Edge（以下、新Edge）の正式版は2020年1月15日にリリースの予定だ。17日公開のドキュメントによると、新Edgeは「Windows 10」のバージョン1803（April 2018 Update）以降搭載の端末に、自動更新で配信されるという。Blocker Toolkitは、この自動更新をブロックするための企業向けのツールだ。 11月12日のドキュメントによると、新Edgeをインストールすると、現行バージョンのEdgeのスタートメニューへのピン留めやタイル、ショートカットはすべて新Edgeに移行され、現行Edgeの設定、アプリ、ファイル、プロトコル
Web アプリケーション開発において TypeScript で型付けをして、 React, Vue, Angular などのフレームワークでビューを作り、 Webpack でバンドルする、という構成が当たり前のようになってから久しいですね。 フロントエンドアプリケーションの設計は洗練され、我々はまあまあ安全かつ開発しやすい環境でアプリケーションを作れるようになりました。 ところでみなさんはその開発環境の構築にどれだけのコストをかけていますか？ 新規プロダクトを作るたびに最適な Webpack の設定ファイルを作るために苦心して、気づけばその肉体にゴリゴリのウェブパッ筋を宿していませんか？ 賢い人はスターターボイラープレート的なものを自分で用意しているかもしれません。 だけどそれも頻繁な依存ライブラリのアップデートに合わせるために常にメンテナンスが必要となります。カビの生えないボイラープレー
こんにちは。ニコニコ生放送生放送フロントエンドシステムセクションのmisuken(GitHub/Twitter)です。 今回は10月に公開したsmart-svgとreact-sass-inlinesvgという2つのSVG表示ライブラリに関して、作成に至った経緯、ライブラリの特徴、工夫したポイント、パフォーマンス等の話をしていきたいと思います。 ライブラリを作成した経緯 これまでのSVGの表示方法 ニコニコ生放送ではこれまで、SVGを表示する際にはreact-inlinesvgというライブラリを使用していました。 react-inlinesvgは<img>のようにsrcにURLを渡して表示するタイプのライブラリです。 SVG要素がDOMに展開されるため、CSSからスタイルを適用できます。 react-inlinesvgのREADMEに書いてある使用例。 import React from '
俺の勤める会社では、特に必要性が無いためにパソコンの扱いに長けた者が少ない。 同業者と共有するファイルなどを閲覧していても、Excelで方眼紙を作っていたり、作成者のパソコン習熟度の低さが窺い知れる程度には業界全体としてパソコンの扱いに難のある者が多いのだ。そして俺の勤める会社では、なんと未だにInternet Explorerが使用されている。ちなみに今年の6月15日でサポートが終了している。変化というものを恐れる業界なので、おそらく使える限りInternet Explorerを使い続けることだろう。あ、俺はGoogle Chrome派です。 そんな会社で先日、ネット障害が発生した。パソコンがネットに接続されていると表示されているにもかかわらず、WEBサイトを開くことができないのだ。この事態に社内ではどう対処して良いものか決めあぐねていた。俺は高校時代にワープロ部のエースとして地方大会に
IEでのブラウザ確認にまだ意味はあるのか？
IEでのブラウザ確認にまだ意味はあるのでしょうか？ 2020年1月14日にWindows 7のサポートが終了し、翌15日にはChromium ベースのEdgeがリリースされました。そんな2020年の現在でもInternet Explorerでのブラウザ確認はまだ必要なのか、IEの現状とEdgeの登場でどう変わるのか、デベロッパーの目線で解説した記事を紹介します。 Does Browser Testing On Internet Explorer Still Make Sense? by Harshit Paul 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 Internet Explorerでの確認に、まだ意味がまだありますか？ なぜInternet Explorerは終焉を迎えたのか EdgeとInternet Explor
「とほほのWWW入門」管理人の杜甫々氏が、これまでの経歴と、「とほほのWWW入門」執筆時に気を付けていること、自身の趣味について話しました。全2回。前回はこちらから。 今まで勉強してきた言語 杜甫々：今日はYAPC、Perl（のイベント）なので、プログラミングに関してのことをちょっとしゃべります。 （スライドを示して）今までこんな言語の勉強だけしてきました。よく使う言語はC言語が最初で、C++、そこから掲示板を作っていた頃はPerl。そこからPHPに移って、今はPython、JavaScriptが多いですかね。あとはたまにAWKをまだ使っています。 Perlの好きなところ、今後サポートしてほしいところ （スライドを切り替えて）えっとー…。謝ります（笑）。 （会場拍手） ずいぶん昔にPerl入門を書いたんですが、ほったらかしになっていて。今回このお話をいただきまして「それじゃあ、やはりいかん
Published: August 4, 2023 Updated: October 27, 2023 Part 1: an intro about music, defaults, and bubbles Like a lot of people, there was a time when the only music I listened to was whatever was played on my local radio station. (A lot of people over 30 or so, anyway. If this doesn’t sound familiar to you yet, just stick with me for a minute here.) At the time, I was happy with that. It seemed like
成熟したRailsアプリのフロントエンドを最新にリニューアルする方法（翻訳）｜TechRacho by BPS株式会社
概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: Keep up with the Tines: Rails frontend revamp — Martian Chronicles, Evil Martians’ team blog 原文公開日: 2020/06/03 著者: Rita Klubochkina、Andy Barnov サイト: Evil Martians -- ニューヨークやロシアを中心に拠点を構えるRuby on Rails開発会社です。良質のブログ記事を多数公開し、多くのgemのスポンサーでもあります。 日本語タイトルは内容に即したものにしました。 アセットパイプラインで提供される既存のjQueryやCoffeeScriptのフロントエンドを一切損なわずに、「React」「MobX」「GraphQL」「Tailwind CSS」「Webpacker」の複雑な
読み込めない場合に、こんな感じで、なにも表示しないようにしたかったときの備忘録。 やり方はこんな感じ。 <img src="https://example.com/noimage.png" alt onerror="this.onerror = null; this.src='';" /> ポイントは以下の2点 altを空文字で設定 onerrorでsrcを空にして、onerrorをnullにする 1. 「altを空文字で設定」について 画像が表示されなかった場合に、代わりにalt属性のテキストが表示してくれる このalt属性がなかった場合、読み取り不可の画像が表示されてしまう。 なので、alt属性に空文字を指定しておくことで、 「画像が表示されなかった場合に、代わりに空文字を表示する」ようにしている。 2. 「onerrorでsrcを空にして」について onerror属性を設定しておくと
My current HTML boilerplate posted on 09.04.2021 Every element I use for the basic structure of a HTML document, with explanations why. Traducción a Español by www.ibidemgroup.com. Usually when I start a new project, I either copy the HTML structure of the last site I built or I head over to HTML5 Boilerplate and copy their boilerplate. Recently I didn’t start a new project, but I had to document
【画像】フェミニストさん、長崎県のマスコットキャラの廃止を求める 「性別の設定があり男女差別」 1 名前：(雲) [US]：2022/02/06(日) 07:07:28.10 0 要望書を提出する黒崎会長（日本BPW連合会・長崎） https://pbs.twimg.com/media/FK1h-MhUcAIbPcd.jpg https://pbs.twimg.com/media/FK1h-s3VkAIrNa2.jpg https://pbs.twimg.com/media/FK1h-62UYAEc5Jv.jpg 滝沢ガレソ@takigare3 おしどりをモチーフにした長崎県のマスコットキャラ「がんばくん」「らんばちゃん」、フェミニストからキャラ廃止を求められる BPW長崎クラブ黒崎会長「性別を設定し、さらに役職を設定する──これは明確な男女差別」 https://twitter.com/
転職会議のフロントエンドパフォーマンス改善〜React/Next.jsでWeb Vitals健全化、スコア2.5倍改善を達成した手法の全て - LIVESENSE ENGINEER BLOG
これは Livesense Advent Calendar 2022 DAY 15 の記事です。 はじめに 転職会議事業部エンジニアの、池田、犬島、佐藤、浜田です。 転職会議は、ユーザーの口コミ投稿によって成り立っている転職サイトです。 フロントエンドはReact/Next.jsによる独立したマイクロサービスとして切り出されており、BFFを通じてバックエンドのサービス群とAPI通信する構成をとっています。 サービスの性質上口コミを中心とした検索流入が重要であり、SEOの文脈でフロントエンドのパフォーマンス改善の必要性は認識されていましたが、機能開発や負債解消もあり、まとまった対応ができない状況が続いていました。 この状況を改善すべく、1年間継続的に改善に取り組み、Web Vitalsの健全化、パフォーマンススコアの大幅な改善を達成することができました。 本記事では、特に効果が大きかった改善
2021年、Web制作・デザインに役立つ記事の総まとめ
2021年、当サイトで公開した記事の中からPocketにたくさん登録された記事やツイートされた記事をジャンル別にまとめました。今年を振り返りつつ、来年のWeb制作にも役立つオススメです。 Web制作全般 UI/UX関連 デザインのテクニック・インスピレーション Photoshop, XD, Figmaなどの使いこなし術 フォント・タイポグラフィ カラー HTML CSS: 基礎知識 CSS: 実装テクニック JavaScript フレームワーク・ライブラリ 無料素材 便利ツール・サービス 当サイトの購読は、RSS Feedを利用すると便利です。 コリスのRSS Feed ※旧Feedに登録されている人がまだ多いので変更をお願いします。 Web制作全般 Web制作者にとって今年一番の出来事は、IE11のサポートがいよいよ終わろうとしていることです。正式には2022年6月16日がその日ですが、
javascriptはオブジェクト指向言語なのに、手続き型で書いてしまいがち... javascriptはオブジェクト指向言語であるものの、ちょっと特殊な言語です。Java、C++、C#、Rubyといったクラスベースの言語とは違い、プロトタイプベースのオブジェクト指向言語であるというのがオブジェクト指向で書きづらい要因になっているように思います。 クラスベースの言語であれば、まずはともあれクラスを作ってインスタンス化する...という一連の流れが自然と書ける一方で、javascriptでは「DOMを操作する」という任務を任されることが多いために、要素を取得して、計算して、要素を書き換えて、ということを手続き的に書いてしまう。 そして、記述量が多くなればなるほど待ち受けるのは、、、 「このjsはどこで何をやってるんだ...」 「同じようなコードがいろんなところでコピペされてる...」 「この処
Expo2025 大阪・関西万博 @expo2025_japan #大阪・関西万博 公式キャラクターの愛称が「ミャクミャク」に決定しました🎊 世界中から愛され、親しみを持たれるキャラクターに育てていきます🌈 みなさん、よろしくお願いいたします‼️ #ミャクミャク #EXPO2025 pic.twitter.com/2J8hMT5N5p 2022-07-18 21:30:00 ライブドアニュース @livedoornews 【発表】大阪・関西万博公式キャラクターの愛称は「ミャクミャク」約3万3千の応募から決定 news.livedoor.com/article/detail… 大阪・関西万博の公式キャラクターが18日、東京スカイツリータウンで行われた開幕1000日前イベント「1000 Days to Go!」に初登場し、愛称が「ミャクミャク」と発表された。 pic.twitter.com
2022年初頭より、セキュリティ対応の強化などの理由で、サポートが終了していないモダンブラウザへのサポートを終了するウェブサイトが出てきているようです。 特定ベンダーの提供するブラウザへの依存は、Web標準の維持並びにセキュリティ面においてその水準を後退させる恐れがあると考えるため、その状況把握のために低いブラウザ互換性を表明したウェブサイトリスト（2022年版） を作成しました。 すぐにその流れが加速するとは考えませんが、その傾向把握のために当面このリストを維持していければと思います。情報提供があれば以下までお願いします。 →https://twitter.com/rkanbe/status/1508042223568719877 （追記） IMPRESS やじうまWatchで紹介され、想定よりも多くの人に見ていただいているようです。 →https://internet.watch.im
サーバーサイドエンジニアの @shuymn です。 Yappliではサーバーサイド領域で利用するプログラミング言語のうちの1つとしてGoを採用しています。 Goには様々な言語機能がありますが、その中の1つにdefer文（defer statement）と呼ばれる機能があります。 本記事ではdefer文の簡単な紹介と実際にプロダクトコードで利用する際に気をつけるべきことを紹介します。 defer文の紹介 defer文を使う時に気をつけること defer文の中身が実行される順番を把握する os.Exitするとdefer文は実行されない defer文で発生するエラーをどうするか defer文に渡した関数の引数は即時評価される forループでループごとにdefer文を実行する方法 defer文はエラー処理より先に書かない さいごに 参考記事 defer文の紹介 defer文はifやforなどの制御
初めまして 60歳を間近にウェブデザイナーを目指して独学で勉強しているお婆ちゃんです。 去年の暮れからphpを勉強して、初めてシステムらしきものを作ってみました。 やりたいこと プチ・クラウドストレージ ・ファイルをどこからでもアップ、保管してダウンロードもできる。 ・セキュリティも兼ねてIDとパスワードでログイン形式にする。 まずはパワーポイントでサイトの系図を設計しました。 Excel、Word、パワポは商工会議所で習いたてホヤホヤです。 それぞれ基礎編までクリアして1月半くらいかかりました。 全部で5万円くらいはかかったかな。 次は手順を考えてイメージを具体化。 これは無料版のAdobeのXDを使ってみました。 操作も簡単で、感覚的に作れちゃうので便利です。 ページ自体はシンプルにしたかったのでフォントだけで作りました。 コードを書くのもAdobeの無料Brackets。Adobeド
フジコ @ogoogoyakitori ここはあたくしのインターネット。FM814アナウンサー。株式会社オリオン代表取締役。折紙サイクロン氏のスポンサーになりたくて起業しました。カフェオリオン @cattimenara オーナー。推しハーブティー通信講座。ライター。大和出版よりエッセイ発売中。北海道釧路市出身。 amazon.co.jp/b?ie=UTF8&node… フジコ @ogoogoyakitori 以前在籍していた職場はサービス残業がすごく多くて 新人時代に私が定時退社しようとしたときに「もう帰るの？」と聞かれたので「今日すき焼きなので！」と答えたら「すき焼きじゃ仕方ないかぁ…」みたいな空気になって その後「すき焼きなので！（帰ります）」って早く帰る人増えたんですよね 2024-03-06 17:08:35 フジコ @ogoogoyakitori もうほとんど忘れてたんですが、な
モノリンガルとは？ メリット・デメリットを徹底解説 バイリンガルとの違いとは！？ - ポリグロットライフ | 言語まなび∞ラボ
はじめに 今回はモノリンガルについて考えていきます。モノリンガルは単一の言語を話す人やその主義を表します。モノリンガルの意味や脳の仕組みも解説していきます。日本のような単一の言語しか話さない国はどの国なのか、モノリンガル主義についても考えていきます。最後にモノリンガルとバイリンガルのメリット・デメリットを解説していきます。バイリンガル教育や言語学習のヒントもたくさん詰まっていますのでぜひ参考にしてください。 モノリンガルとは？ モノリンガルの意味 モノリンガルの脳 モノリンガルの国 モノリンガルの割合 モノリンガルの国 アメリカのモノリンガル主義 モノリンガル・バイリンガル（メリット・デメリット） 語彙サイズの広さ メンタルヘルス 柔軟性 メンタルレキシコン 多言語話者のメリットなどを解説しています↓↓ www.sunafuki.com 主な参考文献 「よくわかる言語発達」 「レキシコンの
SmartHR のフロントエンドエンジニアはプロダクト開発以外で何をやっているのかという話 - SmartHR Tech Blog
こんにちは！フロントエンドエンジニアの髙田です！ 先日 @diescake から SmartHR UI の運用についての紹介がありました。 tech.smarthr.jp 今回は SmartHR のフロントエンドエンジニアがプロダクト開発以外で何をやっているのかを紹介したいと思います！ SmartHR のエンジニアの特徴 SmartHR のすべてのエンジニア（フロントエンド・バックエンド）にはそれぞれ担当のプロダクトあります。 普段は担当プロダクトを爆速かつ高品質に開発できるよう自身の仕事に注力しています。 横断組織はありますがその組織にフルコミットすることはありません。 横断組織のひとつであるアジャイル推進室（仮）を紹介する記事もあります。ぜひご覧ください！ tech.smarthr.jp もちろん、フロントエンドエンジニアにも担当プロダクトがあり、日々プロダクト開発に集中していると次の
【画像】 ダイヤモンド・プリンセス号で作業する自衛隊員の服装をご覧ください 1 名前：シュードノカルディア(茸) [US]：2020/02/17(月) 19:23:30.57 ID:/FYcSCV60 防衛省・自衛隊 @ModJapan_jp 自衛隊は、本日も引き続き、「ダイヤモンド・プリンセス号」において、計約150名が船内での医療、下船支援等を実施する予定です。また、陸上の宿泊施設においても、計約80名が、帰国者及び下船者の生活支援や健康状態の確認、健康相談を行っています。 #防衛省・自衛隊 #新型コロナウイルス感染症 https://twitter.com/modjapan_jp/status/1228911585193680898?s=21 6: デスルフレラ(家) [US] 2020/02/17(月) 19:24:16.72 ID:SxaRGj7U0 アホすぎる 7: クロロフレ
「MicrosoftがIE11のサポートを終了」って本当ですか？
ここ数日、「MicrosoftがInternet Explorer 11のサポートを終了」というニュースが話題になっていましたが、誤解されている方も多いようですのでこの記事で解説します。 この記事はWeb制作者の方、およびWeb制作を依頼される方向けに書いています。 追記: IE11のサポートは2022年 6月 15日で終了しました この記事を書いた後、IE11のサポートは2022年 6月 15日で終了し、それ以降はIE11を起動しようとするとGoogle Chromeと同じブラウザーエンジンを使用したEdgeが強制的に起動することが発表されました。 関連ニュースは以下のページをご覧ください。 2021年5月の、これだけは押さえておきたいWeb関連の動き | Stocker.jp / diary IE11がなくなるわけではない このニュースを見て「IE11のセキュリティアップデートが終了す
[レポート] デザインシステムにおけるフロントエンド #linedevday_report | DevelopersIO
オハコンバンニチワ CX事業本部の清田です。 LINE DEVELOPER DAY 2019 の DAY2 に参加してきましたー。自分の中で注目している DesignSystem についてとりあげている 「 デザインシステムにおけるフロントエンド 」セッションがあったので参加しつつレポートをご紹介できればと思います。 概要 2019年11月20日（水）・21日（木）にグランドニッコー東京 台場でLINEのデベロッパーカンファレンス「LINE DEVELOPER DAY 2019」が開催されました。 タイトル デザインシステムにおけるフロントエンド [Front-End in Design System] スピーカー 岡崎 晶彦 氏 [LINE Front-end Standardizationチーム Front-end Engineer] セッション概要 LINEは、クライアントアプリ/W
![[レポート] デザインシステムにおけるフロントエンド #linedevday_report | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/cce94c90ddc76c1ea7c6bf4be9e744090746ae41/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2019%2F11%2Flinedevday20191.png)
Bootstrap 5 alphaがついにリリース！注目すべき新機能、jQueryは削除、IEすべてのバージョンのサポート終了
先日の記事で春後半の夏前にリリースされるとお伝えした通り、Bootstrap 5のalpha版がついにリリースされました！ IEすべてのバージョンのサポート終了、jQueryの削除をはじめ、注目すべき新機能を紹介します。 Bootstrap v5 Bootstrap v5の特徴 Bootstrap v5のダウンロード・インストール Bootstrap v5のグリッドやコンポーネント Bootstrap v5の特徴 最も注目すべき点は、jQueryへの依存がなくなり、Internet Explorerのサポートも終了したことです。ちなみに、Bootstrap 4.5ではIE10/11をサポートしています（v4.5 Supported browsers）。より高速なJavaScript、より少ない依存関係となり、よりフレンドリーなツールを構築することに重点が置かれています。 また、現時点ではア
Chromeのloading属性は、指定しなくてもデフォルトで"lazy"の挙動となりうる ～loading属性の落とし穴から学ぶ、機能拡張と初期値・デフォルト挙動の話～ - Qiita
Chromeのloading属性は、指定しなくてもデフォルトで"lazy"の挙動となりうる ～loading属性の落とし穴から学ぶ、機能拡張と初期値・デフォルト挙動の話～CSSJavaScriptChrome 【事前知識】loading属性について Chromeのimg・iframe要素には、loading属性というものがある。 こいつをHTMLでloading="lazy"のように指定すると、遅延読み込みする（画像等がスクロール等で画面内に入ってきた時に初めて読み込み始める）。 こうすることで、時間がかかる無駄な読み込みが抑えられ、ページ表示速度が速くなったり、通信量を減らせたりする。 値には次の3種類があり、"lazy"が遅延読み込みオン、"eager"は遅延読み込みオフ（遅延せず愚直にすぐ読み込み）、"auto"はlazyかeagerかをChromeがネットワーク速度などを考えて自動
はじめに こんにちは。QAエンジニアの佐藤です。 以前ブログを書いたのが1年以上前ですね... 時間が経つのは本当に早いです。 tech.andpad.co.jp あれからSlackのアイコンは複数回変わり、今は "ミミッキュ" ではありません。 ということで、 Autifyを1年3ヶ月使い続けてきた振り返りをしてみたいと思います。 autify.com 目標に対しての達成率 以前のブログで 現状は、当初目標としていた主要動線テストの1/3を自動化できましたが、今年中には1/2以上は自動化していきたいと思っています。 と目標を立てていました。 実際どうだったでしょうか？(`･ω･´) ・ ・ ・ 達成しました＼(^o^)／ 888 今年の4月に行われたイベントで 88% を自動化できている、と報告がありまして、 Autifyで自動化できるケースは自動化しきりました。 目標達成していますね！
ダークモードに対応している時に、SVGファビコンのカラーをCSSで変更するテクニックを紹介します。 当ブログはダークモードに対応していませんが、ダークモードの周りもいろいろ充実してきましたね。 画像: ツイートより 元ネタは、下記ツイートからです。 💡 Change the color of your favicon when dark mode is enabled.#codyhousenugget pic.twitter.com/Hie9Pgt9MQ — CodyHouse (@CodyWebHouse) July 7, 2020 ファビコンをSVG画像にする利点は、スクリーンの解像度を気にすることなく、1つのファイルでファビコンを提供できることです。対応ブラウザはIEを除く、すべての主要なブラウザでサポートされています。
あなたの声がチカラになります
made the following remarks on his twitter on July 30th. (As of August 9, this statement has been deleted, but it's not just a matter of deleting it.) "You don't have to deal with the morally inferior Chinese. You can just look down on them coldly in your heart and ignore them dry. Retribution for being killed (damaged) That's not an indulgence for retaliation), it's going to fall to the same low l
WYSIWYGエディターの状態抽象化とReactとのつなぎ込み - 良いクロスブラウザエディターを目指して | Wantedly Engineer Blog
まえがきブログや記事を投稿するWebサービスには、殆どの場合、リッチなエディター機能が備わっています。特に、記事を見た目通りに書けるエディターは、WYSIWYGエディターと呼ばれ、記事を書く際には欠かせない機能の一つです。 Wantedly にもストーリーと呼ぶ記事を投稿する機能があり、その記事投稿部分では、WYSIWYGエディターを実装しています。 では、どのようにWYSISYGエディターを開発していくのでしょうか。この記事では、エディターの機能を実際に開発するための基礎知識と実装について書いていきます。 今回話すエディターについて今回記事で指すエディターとは、 WYSIWYGエディターを想定しています。例えば、Dropbox Paper や google docs、Medium、Note などのエディターがそれに該当します。Qiita や Zenn のような 2カラムの Markdow
February 05, 2024 · 26 mins · 4727 words Discussion on HackerNews. Last September I hopped on board with Wallapop as a Search Data Scientist and since then part of my work has been working with Solr, an open-source search engine based on Lucene. I’ve got the basics of how a search engine works, but I had this itch to understand it even better. So, I rolled up my sleeves and decided to build one fr
月15万円ほどの賃貸料を払ってマンションに住んでいます。よく周囲から「もう買ってしまったら」と助言されます。2020年現在の不動産関連の状況では「持家か賃貸」はどちらが資産運用として有利なのですか？
回答 (49件中の1件目) ポストコロナ時代に突入してしまったため、不動産に対する考え方も、大きく変化しそうです。 というのも、コロナ後にテレワークの導入が急速に進み、昨年より、２.7倍も導入率が増加しています。『エン転職』1万人アンケート（2020年5月）「テレワーク」実態調査 テレワークの認知度は81％。昨年から2.7倍に。実際にテレワークを利用したことがある方は17％に留まる。 | エン・ジャパン（en-japan）今後、３密を避けるためにも、オフィスの在り方も変わると予測されています。 自宅でテレワークができるなら、あえて都心に住む必要があるか？それなら、郊外の家賃の安い場所...
こんにちは丸山@h13i32maruです。 最近転職したのと、子供がいるなか快適にリモートワークできるように、西新井の2LDK賃貸に引っ越しました。書斎最高！西新井も最高！ 引越し後、自宅環境を住みやすく整えるのが楽しかったので、以前から使っているものも含めて買ったものや自宅付近の環境について記録しておきます。ガチ勢てはないので、普通の範囲ではあるとおもうけど。 場所 次の職場は三越前駅が最寄りなので、そこになるべく行きやすい場所を検討しました。同僚から東武伊勢崎線だと一本で行けると教えてもらってその沿線で色々見た結果、足立区の西新井が良さそうだったのでそこで物件検索。 足立区、治安がよくないイメージだったんですが西新井はファミリー層が多く、北千住とは全然違う雰囲気で落ち着いています。ファミリー向けのでかいマンションもいくつもあり、数年前に再開発が行われたようです。保育園は少し前に爆増して
無料でWindows10からFAT32/NTFS/exFAT/ReFS/ext2/ext3にUSBメモリーなどをフォーマットできる「Rufus」使い方レビュー
Windows 10の標準機能で32GB以上のディスク領域をフォーマットする時、FAT32形式を選ぶことはできません。オープンソースなフォーマットソフトウェア「Rufus」ならば、無料でUSBメモリーなどをFAT32/NTFS/exFAT/ReFS/ext2/ext3形式でフォーマット可能とのことなので、実際に使ってみました。 Rufus - 起動可能なUSBドライブを簡単に作成できます https://rufus.ie/ja/ まずは公式ページにアクセスするところから。Rufusは日本語に公式対応しており、説明文も全て日本語。 Rufus本体は、「ダウンロード」の下にあるリンクからダウンロード可能。今回は記事作成時点で最新版だった「Rufus 3.14」をダウンロードしています。 ダウンロードした「rufus-3.14.exe」をダブルクリックなどで起動。 初回起動時はオンラインアップデ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
モダンJSの一時代を築いたBabelから学ぶトランスパイル
IEサポート終了まで残り1週間、準備は終わった？ IPAの注意喚起を改めてチェック
Chromium版「Microsoft Edge」は自動更新で配信（ブロック方法あり）
Snowpack で実現する未来のフロントエンド開発 - Qiita
Sass製SVG爆速表示ライブラリのご紹介 - dwango on GitHub
君はMicrosoft Edgeの隠しミニゲーム「レッツサーフィン」を知っているか？ | オモコロ
「説明サイトとリファレンスサイトの両立を目指したい」 「とほほのWWW入門」管理者・杜甫々氏が執筆時に気をつけていること
Things you forgot (or never knew) because of React
imgタグで画像が読み取れなかったときになにも表示しないようにしたい - Qiita
My current HTML boilerplate - Manuel Matuzovic
【画像】フェミニストさん、長崎県のマスコットキャラの廃止を求める 「性別の設定があり男女差別」 : 痛いニュース(ﾉ∀`)
javascriptもモダンなオブジェクト指向で書こうよ(サンプルコード有) 前編 - Qiita
「いのちの輝き」として知られていた大阪万博公式キャラの愛称が「ミャクミャク」に決定→なぜか神格化しだし畏怖する人々
低いブラウザ互換性を表明したウェブサイトリスト 2022年版
Goのdefer文を使うときに気をつけること - Yappli Tech Blog
プチ・クラウドストレージ作ってみた - Qiita
サービス残業の多い職場で新人時代に定時退社しようとしたら『もう帰るの？』と聞かれ『今日すき焼きなので！』と言ったらこうなった
【画像】 ダイヤモンド・プリンセス号で作業する自衛隊員の服装をご覧ください : 痛いニュース(ﾉ∀`)
Autifyを導入して1年3ヶ月経ったので振り返ってみる - ANDPAD Tech Blog
SVGファビコンのカラーをダークモード時にCSSで変更できるの知ってた？
「Microsoft Edge」の右上に生えた、あの主張の激しい「b」アイコンを消したい……／起動オプションを指定する方法やポリシーを編集する方法がある【やじうまの杜】
A search engine in 80 lines of Python
画期的（？）な「IE 11」延命アプリが登場するも、「Microsoft Defender」の迎撃に屈する／Windows 10でIE 11が終わるまであと5カ月！【やじうまの杜】
“モダン PC”へのシフトが加速？ ～2020年に予定されているWindows界隈のできごと／「Windows 7」「Office 2010」「Adobe Flash Player」が終了、「Microsoft Edge」は新版に【やじうまの杜】
自宅を快適にするために買ったものとか - maru source
e-Taxソフトは「新しいMicrosoft Edge」に未対応、「旧Edge」または「IE11」の利用を
