fukuiretuのブックマーク - はてなブックマーク

noteのアクセシビリティ向上プロジェクトが始動｜note株式会社

﹁アクセシビリティ﹂と聞くと、対応が難しそうだと考え、リソースが確保できずにいる企業も多いかもしれません。noteでも社内にそういった考えがあり、今年までなかなかアクセシビリティ向上のプロジェクトを始めることができませんでした。アクセシビリティとは一般にアクセシビリティとは、アクセスのしやすさを意味します。転じて、製品やサービスの利用しやすさという意味でも使われます。似た意味をもつ言葉にユーザビリティがありますが、アクセシビリティはユーザビリティより幅広い利用状況、多様な利用者を前提とします。ウェブアクセシビリティとは︵※︶ウェブのアクセシビリティを言い表す言葉がウェブアクセシビリティです。ウェブコンテンツ、より具体的にはウェブページにある情報や機能の利用しやすさを意味します。さまざまな利用者が、さまざまなデバイスを使い、さまざまな状況でウェブを使うようになった今、あらゆるウェ

fukuiretu 2021/06/29

リンク

noteのフロントエンドApp分割

noteでの大きくなりすぎたNuxt.jsのアプリケーションを分割する取り組みについて

fukuiretu 2021/06/21

リンク

【スレイト・オブ・ニンジャ】新たなヴィジョン｜ダイハードテイルズ

fukuiretu 2019/07/30

リンク

note meetup #2 Electronを利用した10面ディスプレイの操作 / Controll of gaienmae display

ElectronとSlackを利用し、Piece of Cake, Inc.の執務エリアにある 10面ディスプレイに関して操作が行えるよう、仕組みを構築しました。 note meetup #2 (2019/2/21) で登壇したプレゼンテーション資料となります。

fukuiretu 2019/02/22

リンク

続 Nuxt.js 移行プロジェクトの話

note engineer meetup #2 での登壇資料です。 note の Vue Fes Japan 後の取り組み、Nuxt.js の update to v2.4.3 の話や、Code Splitting について話をしました

fukuiretu 2019/02/22

リンク

実践サーバレス + α / Serverless Practices

fukuiretu 2018/11/19

severless

リンク

Troubleshoot Nuxt on Lambda というタイトルでお話してきました｜福井烈 / note inc.｜note

fukuiretu 2018/11/17

Nuxt

リンク

アラサーエンジニアシティボーイ化計画 - 都会のお得物件を統計的に探してみる -｜hanaori｜note

はじまりこの note を運営しているピースオブケイク社でエンジニアをしている hanaori です。少し前から統計学を勉強中でして、現実世界に当てはめて試せそうな題材を探している毎日を過ごしています。そんな折、﹁弊社CTOが引っ越しを検討している﹂という話を聞き、 CTOの引越し先としてコスパの良い物件を、統計を使って探し出しだすのはどうかとひらめいてしまいました 😆 そこで、重回帰分析を用いてコスパに優れる物件を洗い出していきたいと思います。今回探す物件の条件ここで今回対象とする物件の条件を確認しておきます。・ジムが近い︵→ 狙いは東京体育館︶・最寄り駅は千駄ヶ谷・高すぎる物件はちょっと・・・︵一旦20万より下で設定︶物件データを可視化する今回は千駄ヶ谷駅周辺の物件データを用意しました。最寄り駅ごとに箱ひげ図を描いてみると駅ごとに賃料の分布が異なりそうなことが分

fukuiretu 2018/11/14

リンク

レガシーアプリケーションのリニューアルにNuxt.jsで戦う #vuefes_reject - Speaker Deck

Vue Fes Japan 2018 Reject Conference で話しました #vuefes_reject https://vuejs-meetup.connpass.com/event/97557/

fukuiretu 2018/11/11

リンク

noteをNuxt.jsで再構築した話というタイトルでお話してきました #vuefes｜福井烈 / note inc.｜note

2018-11-03にVueFesJapan2018にて「noteをNuxt.jsで再構築した話」というタイトルで発表させて頂きました。 ※資料内のリンクは追って本記事内に追記いたします。

fukuiretu 2018/11/03

リンク

noteエディタをどうやって開発している（きた）のか｜ct8ker｜note

この記事は旧バージョンのエディタについてのものになります。現在は進化した新バージョンがリリースされています。前の記事で、noteがHTML5のcontenteditableを利用している事、そしてそのままではとても使えない事を書きました。それをどうにか使えるようにしているのがエディタなわけですが、今回はそのエディタの成り立ちや、どういう開発をしてきたのか、といった事を書こうと思います。 noteエディタの歴史私が開発担当している現行︵201810現在︶のエディタ︵初版201704リリース︶は、実はnoteのサービスローンチ時まで遡って数えると、3代目になります。初代弊社CTOのkonpyuが、突貫で作り上げた…と聞いています。曰く、﹁すぐに引っ込めた﹂との事。note自体のローンチに向けた開発も多忙な中にあって、エディタに人員を割り当てて実装する、というのはなかなか難しかったので

fukuiretu 2018/10/22

リンク

noteと"contenteditable"｜ct8ker｜note

この記事は旧バージョンのエディタについてのものになります。現在は進化した新バージョンがリリースされています。初めてエンジニアらしい記事を書きます。記念すべき？初回はHTML5のcontenteditableのお話です。 contenteditableコンテントエディタブル、と読みます。content editable。こいつは何なのか、超ざっくり言ってしまうと、HTMLタグ内のテキストを編集可能にしてくれる属性、です。百聞は一見にしかずで例を出してみます。 <p contenteditable=true> コンテントエディタブル </p>これをブラウザで表示すると、pタグの中身が編集可能︵キャレットを合わせて、キーボード入力可能︶な状態になります。一般的にHTMLの世界でテキストを入力する手段といえば、inputやtextareaを思い浮かべるのではないかと思いますが、通常表示する

fukuiretu 2018/10/17

リンク

ServiceWorker内でBabelを駆使して、JavaScriptをビルドする - ログミーTech（テック）

2018年9月5日、第70回となる﹁HTML5とか勉強会﹂が開催されました。今回のテーマは﹁開発環境﹂。 Webフロントエンドの開発環境をテーマに、エディタプラクティスやServiceWorkerを開発ツールとして使うアプローチ、長期運用されたサービスのリニューアル方針など、登壇者たちがその知見を語ります。プレゼンテーション﹁ServiceWorker Side XXX﹂に登場したのは、mizchi氏。ServiceWorkerを駆使したある取り組みについて紹介します。講演資料はこちら開発環境のためにServiceWorkerを使う mizchi氏︵以下、mizchi︶‥では﹁ServiceWorker Side XXX﹂ということで発表させていただきます。mizchiです。よろしくお願いします。︵会場拍手︶ちょっと自己紹介とかはする気ないんですけど、最近本を書いたので、その紹介だけ

fukuiretu 2018/09/14

リンク

時間をかけずに開発環境を構築するための3つのTips

2018年9月5日、第70回となる﹁HTML5とか勉強会﹂が開催されました。今回のテーマは﹁開発環境﹂。 Webフロントエンドの開発環境をテーマに、エディタプラクティスやService Workerを開発ツールとして使うアプローチ、長期運用されたサービスのリニューアル方針など、登壇者たちがその知見を語ります。プレゼンテーション﹁開発環境構築に時間をかけない﹂に登場したのは、katashin氏。開発環境の構築を省力化するための3つのポイントを解説します。講演資料はこちら開発環境の構築に時間をかけない katashin氏‥よろしくお願いします。みなさん開発環境自体のお話をしていましたが、僕はどちらかと言うとそれを構築するまでの時間を短くする、本質的じゃないことに時間をかけずに、効率よくモノを作っていきましょう、というお話をしたいと思います。僕はkatashinといいます。黄色いネコのアイコ

fukuiretu 2018/09/13

リンク

AngularJSからNuxt.jsへ　noteにおけるフロントエンド開発環境の刷新 - ログミーTech

2018年9月5日、第70回となる﹁HTML5とか勉強会﹂が開催されました。今回のテーマは﹁開発環境﹂。 Webフロントエンドの開発環境をテーマに、エディタプラクティスやService Workerを開発ツールとして使うアプローチ、長期運用されたサービスのリニューアル方針など、登壇者たちがその知見を語ります。プレゼンテーション﹁noteのフロントエンド刷新中の開発環境﹂に登場したのは、fukuiretu氏。﹁明確なコーディング規約がない﹂﹁コンポーネントの設計ルールがない﹂という2つの課題を解決するために行った開発環境の刷新の裏側ついて語ります。講演資料はこちら noteにおけるフロントエンド開発環境の刷新 fukuiretu氏︵以下、fukuiretu︶‥では、﹃フロントエンド刷新中のnoteの開発環境について﹄というタイトルでお話しさせていただきます。よろしくお願いします。︵会場拍

fukuiretu 2018/09/12

リンク

ビジネスモデル2.0図鑑 #全文公開チャレンジ｜チャーリー｜note

前置きが長くなりましたが、ここからビジネスモデル2.0図鑑のスタートです。 ※当記事の情報を転載、複製、改変等は禁止いたしますビジネスモデル2.0図鑑　目次（note簡易版）● はじめに ● 序章「ビジネスモデル2.0」とはなにか？・生き残るビジネスモデルには「逆説の構造」がある・ビジネスモデル1.0と2.0を分けるもの・「起点」「定説」そして「逆説」を考える・「ポプテピピック」のどこが革新的か? ― 逆説の構造、3つの事例・「非常識」をいかに実現するか？・逆説が強いほど「高度な仕組み」が求められる・「逆説の究極形」がイノベーション・「社会性」「経済合理性」「創造性」― 理想はすべてが揃ったビジネスモデル・逆説だけでは感動するビジネスモデルは生まれない・「八方よし」の考え方が必要になる・「ソーシャル」と「ビジネス」と「クリエイティブ」・「バランスシートに載らない価

fukuiretu 2018/09/12

リンク

「フロントエンド刷新中のnoteの開発環境について」というタイトルで発表をしてきました #html5j｜福井烈 / note inc.｜note

2018-09-05にMercari社のオフィスで開催されたHTML5とか勉強会で「フロントエンド刷新中のnoteの開発環境について」というタイトルで発表させて頂きました。 pixiv社の川田さん(@_furoshiki)よりお声がけ頂き登壇する運びになりました。機会を頂き感謝です、ありがとうございました！スライド内の紹介コンテンツ・noteのフロントエンドをNuxt.jsへ刷新します・テキストのサンプル(Nuxt.jsのデモページ) ・Nuxt.js ・ESLint ・JavaScript Standard Style ・Prettier ・「結局Nuxt.jsって何がいいの？」に対する回答・Atomic Design ~堅牢で使いやすいUIを効率良く設計する・Vue.js からみた AtomicDesign ・note engineer meetup 雑談当日は参加者100

fukuiretu 2018/09/05

リンク

開発合宿の成果を新機能としてリリースしました！ - 弥生開発者ブログ

こんにちは、@mugi_unoです。4歳の娘にトランプの神経衰弱で勝てません。新機能をリリースしました 🎉 さて、先日Misocaに新しい機能がリリースされました。 www.misoca.jp 国税庁のサイトで、法人の基本3情報︵名称・所在地・法人番号︶というものが公開されており*1、そのデータをもとに文書の送付先などを自動入力できるという機能です。合宿成果からのリリースこの機能は、7月に行われた開発合宿*2での成果物がベースになっています。今回は、合宿終了後からリリースまでどういった作業をMisoca内で行ったのかを中心にご紹介します。合宿で作ったもの Misocaでは以前から国税庁のデータを取得し保持していたものの、有効活用できていない状態になっていました。そこで、私のいた合宿のチームでは﹁これ使ってなんかやってみよう！﹂というのをテーマに取り組みました。 (合宿時のチー

fukuiretu 2018/08/31

リンク

フロントエンドエンジニアに求められるもの多すぎ問題 - フロントエンドの地獄

背景 postd.cc という記事がちょっと前にありました。 github.com Roadmap to becoming a web developer in 2018って最近のWeb技術のまとめみたいなもんもよく引き合いに出されます。このまとめの中にフロントエンドのものありますが、これはフロントエンド技術自体のロードマップです。これらの技術すべてに精通していればいいのかと言われるとそんな必要は全く無くて。でも現場によって実際フロントエンドエンジニアに求められているものはそれ以外にもたくさんあるんですよね。会社によってマジでJavascriptプログラミングしかやらない人も、マークアップする人、デザインを作ってそれをCSSに落とす人、本当に一口にフロントエンドエンジニアと言っても幅広すぎ。担当範囲が広すぎるフロントエンドエンジニアに関していろんな会社が募集してると思うんですが

fukuiretu 2018/08/31

リンク

仕事を効率化するデプロイツールを作った - 技術探し

仕事の開発環境改善のために欲しかったので金曜日からコツコツ作っていたアプリケーションを紹介します。 github.com 目的CIが走るとstorybookやフロントエンドの成果物などの静的ファイルを自動的にアップロードして、PRでのレビューコストを下げるのが目的です。PRでのレビュー時にCSSの変更などローカルに落として確認するほどでもないものを落としてビルドするのは時間の無駄だと思っています。また、特にstorybookはデザイナさんと共有することが多いので、常に見れるところにあってほしいなって思っています。 gh-pagesでもいいけどコミットが面倒なのと、複数並列でアップロードできないのが問題です。つまりmasterのしか置けず、今自分が作業している状態を見せたい時の共有が大変です。このツールと同じでS3にデプロイするツールは知ってますが、カスタマイズしたいのと自分のサー

fukuiretu 2018/08/28

リンク

はてなブックマーク

タグ

fukuiretuのブックマーク (1,802)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第2週）

はてなブックマーク透明性レポート（2024年 2月-2024年4月）

今週のはてなブックマーク数ランキング（2024年7月第1週）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス