沖良矢｜世路庵 @448jp Twitter profile | Pikagi

Pikagi

沖良矢｜世路庵

@448jp

2,669

Followers

1,117

Following

506

Media

16,527

Statuses

東京・中野のウェブ制作会社世路庵代表／インタラクションデザイナー。会社員→フリーランス→起業でプロ20年目。デザイン、フロントエンド、UX、ディレクションの話題を発信します。長岡造形大学非常勤講師、元東京造形大学非常勤講師、DIST主宰、Vue.js-jpコアスタッフ。

東京都中野区

https://t.co/1fWm2AtXy8

Joined April 2007

Don't wanna be here? Send us removal request.

Pinned Tweet

@448jp

沖良矢｜世路庵

1 year

この度、Figmaの本を書きました😄　『初心者からちゃんとしたプロになる Figma基礎入門』（MdN）、5/26（金）発売です🎉 「Figmaを使うなら最初に読む本」をテーマに、Figmaの特徴や基礎知識はもちろん、Webサイト、モバイルアプリのデザインを実践しながら学べます✏️

Tweet card media

初心者からちゃんとしたプロになる Figma基礎入門

初心者からちゃんとしたプロになる Figma基礎入門

www.amazon.co.jp

0

18

127

Last Seen Profiles

@ABB_CEO

@penikma89063156

@29Kota2_Enola

@SaqibSaleem

@ivipQ158

@tudiosamariela

@alphagrey96

@QuaakFrosch1

@vitamin_xx_2525

@CSPBearsWBB

@The_Rich_Engg

@stoopididyott

@J5daigada

@RealRedInDC

@minajmaxxing

@OlaMiroslaw

@nikola_396

@transacerta

@Grangepark2013

@zensk21

@bivbabyls

@mhdtaofeek

@stw_pdg

@SpotifyKpop

@aliyahlewiss

@Vspo77

@besoureco

@clever7k

@Jaat_sikar1

@shepfv_

@warabi_motituki

@iccamasir_pylsm

@SpotifyKpop

@ZElNABSAT

@bokeplokalmalam

@alwazeer_ali3

@448jp

沖良矢｜世路庵

2 years

Adobeが私にくれたもの更新されないFireworks Adobeが私にくれたもの投げ出したBrackets入りのDreamweaver Adobeが私にくれたもの名前を変えられたFlash 大好きだったけど買収したなんて大好きだったけど最後のプレゼント BYE-BYE マイスイートFigma サヨナラしてあげるわ

13

632

2K

@448jp

沖良矢｜世路庵

4 years

HTMLコーディングをお願いできるかどうかの判断基準・imgに必ずalt属性がある・inputとlabelをセットで書いている・divじゃなくてbutton ・divじゃなくてnav ・divじゃなくてheader ・divじゃなくてfooter ・divじゃなくてsection ・divじゃなくてaside ・つまり必要に応じたdiv

5

159

1K

@448jp

沖良矢｜世路庵

3 years

GoogleフォトのエンジニアによるWeb UIの構築TIPS集。数十万枚の写真を瞬時に読み込み、60fpsでスクロールするために技術的な課題をどう克服したかが詳細に説明されています。勉強になること多数であるとともに、安易に独自UIを作ることがいかに困難かを思い知れます。

Tweet media one

Tweet media two

Tweet media three

Tweet media four

0

168

776

@448jp

沖良矢｜世路庵

1 year

Tailwind CSS最高！

Tweet media one

8

149

606

@448jp

沖良矢｜世路庵

4 years

私が講師を務めた「HTML5基本講座」を含む、100時間以上（！）のweb動画が来年3月までの期間限定で無料公開されました。コロナ禍における失業者、人材育成支援のためです。IT業界の端くれとしてコロナと戦うための支援に協力できることを光栄に思います。動画はLinkedInラーニングにてご覧ください‼️

@phreaky

村上臣 | 『稼ぎ方2.0』発売中

4 years

マイクロソフト、リンクトイン、ギットハブ。グループ各社が総力を上げて失業者への支援をはじめます。日本でも日本語のLinkedInラーニングを新たに４つ公開しました。ぜひご活用ください！／コロナ時代を乗り越えるための無償 LinkedInラーニングパス

0

113

272

0

88

341

@448jp

沖良矢｜世路庵

5 years

コーディングもデザインも一定の知識を持っているからWebディレクションできるわけであって、これらを何も知らない＆できないけどWebディレクターやりますってのは、人の言ったことを別の人に伝えるだけの人間、つまりプロジェクトにとってただの邪魔になりがちなので気をつけよう。

3

73

308

@448jp

沖良矢｜世路庵

6 months

Lottie Creator、正式版出ましたね！ちょっと触ってみましたが、キーフレームの打ち方はAfter Effectsライク、だけどプレビューは即できるので古のFlashのような心地よさがありました。ロゴもどことなくFlash似😂　これはWebアニメーションのゲームチェンジャーになるかも。

0

47

274

@448jp

沖良矢｜世路庵

3 years

次世代フロントエンドツールViteの公式ドキュメントがついに日本語に翻訳されました🎉 webpackの5億倍速い（個人の感想です）ので、どんどん使っていきましょう～。翻訳に携わられたみなさん、おつかれさまでした！

Tweet card media

次世代フロントエンドツール

0

66

264

@448jp

沖良矢｜世路庵

2 years

Figmaに初めて触れる新卒やインターンのデザイナー氏を眺めていて、習熟につまづきがちなポイントがありました。・Auto Layoutを使わずGroupを多用してしまう・Stylesを使わず都度スタイルを設定してしまう・Componentを使わずコピペしてしまう

1

16

267

@448jp

沖良矢｜世路庵

7 months

200回くらいは言ってきたので、あと999,800回言い続けよう

Tweet media one

0

37

249

@448jp

沖良矢｜世路庵

5 years

動画で学べるVue.jsを作ったよ！🎥 LinkedInラーニング @LI_Learning_JP さんでVue CLI、Vue Router、vue-meta、Vuex、Vue I18nを動画で学べるコースを作りました。Vue.jsのツールやプラグイン解説が中心です。無料で見られる動画もあるのでぜひ！ #vuejs #LinkedIn

Tweet card media

「「Vue.js 実践講座：ツールとプラグイン」へようこそ - Vue.js」の動画チュートリアル | LinkedInラーニング

このコースでは、Vue CLIなどSPA（シングルページアプリケーション）開発に必須のVue.js関連のツールやライブラリの使い方について解説します。

jp.linkedin.com

0

31

189

@448jp

沖良矢｜世路庵

5 years

フロントエンドエンジニアを辞めさせる10ヵ条 1. APIの仕様を予告なく変える 2. PC版デザインだけ渡す 3. 矛盾する修正指示を出す 4. 気分で依頼内容を変える 5. 気軽に!importantを使う 6. オレオレUIを作らせる 7. ファイルをロールバックする 8. jQueryを複数回読み込む 9. EUC-JP 10. Shift_JIS

5

47

165

@448jp

沖良矢｜世路庵

4 years

STUDIOさん、障害を起こす可能性のあるすべてのサービス事業者のお手本となる完璧な対応でした。・時系列を追った正確な報告・明確な謝罪・迅速な初期対応・その後の真摯な対策・問い合わせ先の柔軟さ・代表が矢面に立つフットワーク

@ytk141

Joe Ishii ／ STUDIO 🇺🇸

4 years

今回の障害の原因が正式に判明したので、お知らせします。今回の原因は、海外でもSTUDIOが流行ってきたこともあり「フィッシングサイトが大量にドメイン配下で作成されてしまった」のが原因でした。今後同様のことが起こらないように、対応策についてもまとめました。

3

73

258

0

27

156

@448jp

沖良矢｜世路庵

3 years

これまでwebpackを使っていたちょっとした開発にViteを実戦投入してみたのですが、これは本当に速いですね……。数秒かかっていたビルドや開発サーバーの起動が数百ミリ秒に。まさに次世代フロントエンドツール。

1

16

156

@448jp

沖良矢｜世路庵

6 years

『Dreamweaverで学ぶ、「いい感じ」にするための実践CSSテクニック』にご参加・ご視聴いただいたみなさん、ありがとうございました！　スライドをアップしました。時間の関係上、カットした部分も入っていますのでご参考まで。 #AdobeMAXJapan

Tweet card media

Dreamweaverで学ぶ、「いい感じ」にするための実践CSSテクニック

2018年11月20日（火）Adobe MAX Japan 2018発表資料

speakerdeck.com

4

36

142

@448jp

沖良矢｜世路庵

5 years

Shockwaveの歴史がついに終わりを告げます。 30年前にCD-ROMとブラウザでマルチメディア（死語）の風に触れ、20年前に専門学校でLingoを学び、10年前に全国各地の博物館・科学館にコンテンツを納品していた身として、たくさんのありがとうを。

Tweet card media

Adobe、4月9日に「Adobe Shockwave」のサポートを終了

　Adobeは、2019年4月9日をもって、「Adobe Shockwave」の提供を終了することを発表した。

pc.watch.impress.co.jp

1

103

141

@448jp

沖良矢｜世路庵

2 years

IE11の終了で不要になるコード4選 1. コンディショナルコメント 2. ドキュメントモードのmeta 3. IE用CSSハック 4. piturefill、object-fit-imagesなどのpolyfill

Tweet media one

Tweet media two

Tweet media three

Tweet media four

0

21

139

@448jp

沖良矢｜世路庵

2 years

初期のFigmaはFireworksでデザインされていたという衝撃の情報！　 #figmajapan

1

20

131

@448jp

沖良矢｜世路庵

5 years

Webデザイナーに対するディレクションで気をつけていること 1. 制作対象と必須要素を箇条書き 2. ボタンなど変化する状態の明示 3. 原稿はそのまま渡さず必ず校正 4. 遊び心を出せる箇所を用意する 5. どういうリンク先かを説明する 6. 字数増減で破綻しないか確認 7. いいデザインをとにかく褒める

0

20

122

@448jp

沖良矢｜世路庵

7 months

v42.0.0リリースしました

Tweet media one

16

1

116

@448jp

沖良矢｜世路庵

2 years

Netlifyの無料プラン（Starterプラン）に変更が入るようです。GitHubのOrganizationが所有しているプライベートリポジトリと接続する場合、Proプラン（1メンバーにつき$19／月）に移行する必要があるとのこと。変更がいつから適用されるのかは不明ですが、結構大きな影響がありそうですね。

Tweet media one

0

37

113

@448jp

沖良矢｜世路庵

5 years

HTML/CSSを書く人はエスパーではないので、PSDやXDで配置されたオブジェクトのマージンがpxなのか、%なのか、vwなのかは読み解けない。ましてやブレークポイントごとに変わる場合はなお。デザイナーは見た目だけ作って終わりではなく、デザインの意図と仕様を実装者に伝えるところまで仕事としたい。

0

17

110

@448jp

沖良矢｜世路庵

3 years

それでは聞いてください『Macromediaを知らない子供たち』 Macromediaが買収されて僕らは生まれた Macromediaを知らずに僕らは育った Adobeになって歩き始める合併の歌をくちずさみながら僕らの名前を覚えてほしい Macromediaを知らない子供たちさ

1

35

111

@448jp

沖良矢｜世路庵

5 years

本日2020年1月9日、法人登記が完了しまして、合同会社世路庵としてスタートを切りました。新会社では、これまでのWeb制作事業に加え、教育事業やイベント・コミュニティ事業にも力を入れていきます。フリーランス時と同様、1人でのスタートとなりますが、温かい目で見守っていただければ幸いです。

Tweet media one

3

2

103

@448jp

沖良矢｜世路庵

5 years

今年最後のDIST、テーマをCSSにしようかと思ってるから興味ある勢、いいねください。

2

8

101

@448jp

沖良矢｜世路庵

3 years

人はなぜCSSを書いては捨てることを繰り返し、永遠に終わりのない設計手法についての議論を続けるのか。その謎を解明するため、我々調査隊はアマゾンの奥地にあるとされる黒本を探しに向かった……。

Tweet media one

0

7

97

@448jp

沖良矢｜世路庵

3 years

MdN × BauyaさんでVue.jsのオンライン入門講座を開催します。 Vue.js開発環境のセットアップ方法から基本的な実装方法までを2時間で習得できます。レベル感としてはJavaScriptフレームワークを触ったことがないけど触ってみたい人を想定しています。よろしければぜひ！

0

23

95

@448jp

沖良矢｜世路庵

3 years

本日から魂のマークアップエンジニア、和田くん（長野県出身、2000年生まれ）が世路庵に正社員として入社します。 1人目の社員が新卒ということで、会社も私も和田くんも大冒険ではありますが、心を燃やしながら仕事に邁進していきます🔥

Tweet media one

4

1

95

@448jp

沖良矢｜世路庵

6 years

Hello, World!🌏️ My second son was born. Thank you. 2人目の息子が無事産まれました。ありがとうございます👪️❤️👶

7

0

85

@448jp

沖良矢｜世路庵

4 months

CSSグリッドレイアウトを分かったフリして実はよく分かっていない、雰囲気でCSSグリッドを書いている人向けの入門記事を @yamageji が書いてくれました🙏 自信を持ってdisplay: gridを書けるようになります！

Tweet card media

レイアウト手法の新しい武器になるCSSグリッドレイアウト入門 | cho-men

cho-menは、世路庵メンバーがお届けする情報発信メディアです。

www.ceroan.co.jp

1

6

84

@448jp

沖良矢｜世路庵

3 years

この度、Adobe XDの本を書きました😄　『初心者からちゃんとしたプロになる Adobe XD基礎入門』（エムディエヌコーポレーション）、9/22（水）発売です🎉 架空のECサイトを題材にワイヤーフレーム、デザイン、コーディングと一連の流れを解説する本になっています。

Tweet card media

初心者からちゃんとしたプロになる Adobe XD基礎入門〈Webデザイン、ワイヤーフレーム、プロトタイピング〉

初心者からちゃんとしたプロになる Adobe XD基礎入門〈Webデザイン、ワイヤーフレーム、プロトタイピング〉

www.amazon.co.jp

1

16

84

@448jp

沖良矢｜世路庵

3 years

「WebデザインはXDだけでやるんですか？」「Figmaって覚えたほうがいいですか？」「Photoshopは使わないんですか？」「Illustratorは使わｎ（ｒｙ」「After Effectsは使（ｒｙ」結論：会社による（なお弊社は全部使います）

0

3

80

@448jp

沖良矢｜世路庵

5 years

そういえば技術書典で本を買ったところ、著者の方に「DISTの方ですよね？　地方の会社なのでいつもYouTubeで見て助かってます」と言われてものすごく嬉しかったです。積み上げてきたものが間違っていなかったと認めてもらえたようで。 #技術書典 #dist

2

9

80

@448jp

沖良矢｜世路庵

6 years

Adobe MAX Japan 2018にスピーカーとして登壇します！ CSSを学び始めた初級者、なんとか一通り書ける中級者を対象に、さらにステップアップするための実践CSSテクニックをご紹介します。 11/20（火）パシフィコ横浜でお会いしましょう！ #AdobeMAXJapan

0

28

74

@448jp

沖良矢｜世路庵

5 years

「Photoshopは重くてWebデザインに向いていない、これからはSketchだ！」という人に、今私が開いている1.2GBの.sketchファイルを送りつけたい。いつの時代も、ミスを犯すのは技術やツールではなく人間である。

1

13

71

@448jp

沖良矢｜世路庵

2 years

昨日のFigma Japan Community Eventでお話ししたスライドをアップしました。最後にご紹介した「ゲームから学ぶUI/UX Ⅴ」は来週8/5（金）開催ですので、こちらもぜひ。 #figmajapan

Tweet card media

DIST.36 「ゲームから学ぶUI/UX Ⅴ」 (2022/08/05 19:00〜)

# 開催中止のお知らせ昨日8/4、関係者家族に発熱があり、本日8/5朝クリニックにて抗原検査を受けたところ、新型コロナウイルス陽性と診断されました。大変残念ではありますが、参加者、スピーカー、スタッフの健康と安全を第一に考え、本イベントは中止とさせていただきます。楽しみにお待ちいただいていたみなさまには、このような結果となりお詫び申し上げます。事前決済済みのみなさまには、このあとPayP...

dist.connpass.com

0

12

72

@448jp

沖良矢｜世路庵

5 years

来年2月にVue.js入門講座、担当させていただくことになりました。ハンズオン形式で開発環境のセットアップから基本的な実装方法まで解説します。 HTML、CSSの基礎知識があれば参加可能ですので、どこからJavaScriptフレームワークに手を付けていいか分からなかった方、ぜひご参加ください。 #bauya

@bauya_tokyo

Bau-ya®

5 years

2月4日火曜の18:45から竹橋にて、沖良矢氏登壇の『モダンフロントエンドでJavaScript Vue.js 入門』を開催します。 #bauya

0

4

15

0

9

68

@448jp

沖良矢｜世路庵

5 years

Vue.js / Nuxt.jsﾁｮｯﾄﾃﾞｷﾙ人、設立したばかりの弊社で雇いたいので連絡ください……

3

35

69

@448jp

沖良矢｜世路庵

5 years

macOS Catalinaのヒラギノ角ゴの件を経てfont-family: system-ui; を指定している人……今すぐ止めましょう……Windowsで游ゴシック UIでWebを表示するのは……正直キツイ……やるべきことは……system-uiではなく……Chromeのバグが早く治るよう協力することです……

1

19

69

@448jp

沖良矢｜世路庵

1 year

共著で『初心者からちゃんとしたプロになる Figma基礎入門』を書きました（正確には絶賛校正中✏️）。 MdNさんから5/26発売予定です。予約お願いします🙏 なお、まだ表示は出てませんがKindleをはじめ電子書籍版も出るはずです。

Tweet card media

初心者からちゃんとしたプロになる Figma基礎入門

初心者からちゃんとしたプロになる Figma基礎入門

www.amazon.co.jp

1

18

66

@448jp

沖良矢｜世路庵

5 years

#忘年会スルーな世の中ですが、CSSの話で大人が朝4時半まで熱く語れるコミュニティも悪くないと思うのです。みんな忘年会が嫌いなんじゃなくて、心許せる仲間と本音で語り合える空間がない不満が爆発してるだけでは。それを解消するコミュニティ作りを今後も続けます。おやすみ世界！ #dist30

0

10

64

@448jp

沖良矢｜世路庵

2 years

DIST.35 「今から始めるFigma超入門」でお話したスライドを公開しました。Figma入門にお役立ていただければ幸いです！ #dist35

Tweet card media

今から始めるFigma超入門

2022/6/8 DIST.35 「今から始めるFigma超入門」

speakerdeck.com

0

6

66

@448jp

沖良矢｜世路庵

5 years

自分が強運すぎて震える

Tweet media one

7

0

65

@448jp

沖良矢｜世路庵

6 years

講師として協力しているLinkedInラーニングで新しいコースとして「webpack 4 入門」が公開されました🎉 定番モジュールバンドラーの基礎を広く学べる内容になっています。単体の勉強としても、Vue.js、React、Angularの周辺理解としても、ぜひご活用ください。

「webpack 4 入門」のオンライン授業 | LinkedInラーニング

このコースではwebpack 4の基礎を学びます。Babelを使ったビルド、CSSや画像のバンドルなど基本的なモジュールバンドルの手法を紹介します。

jp.linkedin.com

0

24

62

@448jp

沖良矢｜世路庵

2 years

長男が入学する小学校のウェブサイトをチェックしたら、まさかの文字列を発見しましたのでご報告いたします。

Tweet media one

2

3

62

@448jp

沖良矢｜世路庵

9 months

ご視聴いただいたみなさん、ありがとうございました。h1が0のWebサイトは、ほとんどの場合でh2以降は存在する状態でした（つまりh1だけがない）。今回はトップページを調査したため、トップではh1が抜けているケースがしばしばあるのだと推測されます。 #朝までマークアップ

0

4

62

@448jp

沖良矢｜世路庵

2 years

Q.Figmaはなぜユーザーが本当に欲しい機能を追加できるのか？ A.ユーザーからの要望を言葉通りに受け取らないこと、なぜ？と聞くことが大事。 #figmajapan

0

12

62

@448jp

沖良矢｜世路庵

5 years

副業でHTML、CSSを書いて月5〜10万円稼ぎたいという若者二人組の話を聞いている。片方はJavaScriptのことをJavaと呼んでいる。 #若者 #飛び出せ青春

2

5

59

@448jp

沖良矢｜世路庵

4 years

100vwは！！！横スクロールバーが！！！出ます！！！！！

0

12

59

@448jp

沖良矢｜世路庵

6 years

XDが無料になったことで何が起きるかというと、WindowsでSketchファイルを開ける人が爆発的に増えます。これでどうなるかというと、Skecthを開くためだけにMacを起動しなくてよくなり、Windowsユーザーの心の安寧が保たれます。よって世界に平和が訪れます。 #完璧な理論

1

23

58

@448jp

沖良矢｜世路庵

3 years

毎月の給料から控除される「健康保険料、厚生年金保険料、雇用保険料、所得税、住民税」って学生から見ると具体的にどういうものなのか、いくらくらい引かれるののか、学校では教えてくれないし調べてもよくわからん……となりがちなので、弊社では雇用条件通知書と合わせて懇切丁寧に説明しています。

1

1

56

@448jp

沖良矢｜世路庵

4 months

今年もやりますVue Fes Japan！　2024年の企画も鋭意進行中ですが、その前に昨年の成功と失敗について運営統括の目線で振り返ってみました。記事の最後には今年の開催情報もちょっとだけ載せていますので、ぜひチェックしてください。

Tweet card media

Vue Fes Japanの運営統括が振り返る、5年ぶり開催の成功と失敗 | cho-men

cho-menは、世路庵メンバーがお届けする情報発信メディアです。

www.ceroan.co.jp

1

24

57

@448jp

沖良矢｜世路庵

3 years

毎週日曜日あさ5:50～放送のテレビ朝日系列『サンデーLIVE!!』にて、ワクチン接種券が届いた一般人男性として全国放送デビューしました。数秒程度の放送でしたが、東山紀之さん、浅尾美和さんとの共演を果たしました（ワイプ越しに）😂 #サンデーLIVE

Tweet media one

Tweet media two

Tweet media three

1

0

56

@448jp

沖良矢｜世路庵

2 years

FigmaのイベントでAdobe XDの本を宣伝するという暴挙に及んだアカウントがこちらです。どっちも愛してる！ #figmajapan

2

0

56

@448jp

沖良矢｜世路庵

5 years

ブログを書きましたよっと “会社を設立しました”

Tweet card media

会社を設立しました

0

2

54

@448jp

沖良矢｜世路庵

9 months

1つのHTMLの中にh1タグをいくつ使うのか、よく議論になりますよね。仕様やSEOを考慮することはもちろん、実態がどうなっているのか……その謎を解明すべく、我々は東証プライム上場企業約1,800社のトップページを調査した……。答えは明日の #朝までマークアップの「突撃！隣のマークアップ」にて！

Tweet media one

0

13

55

@448jp

沖良矢｜世路庵

4 years

いつの日かDreamweaverで見た夢を、僕たちはVS Codeで再び見るのか。

0

13

54

@448jp

沖良矢｜世路庵

1 year

Vueを書き続けた結果、ついに紋章が浮き出てきた

Tweet media one

2

0

55

@448jp

沖良矢｜世路庵

5 years

DIST.28でお話しした「Figmaが支えるVue Fes Japanのデザイン」のスライドをアップしました。アンケートにお答えいただいた方の80%が良かった、と評価してくださったようで、ありがとうございます😊 #dist28

Tweet card media

Figmaが支えるVue Fes Japanのデザイン

2019年9月13日（金）DIST.28 「モダンWebデザインワークフロー2019」発表資料

speakerdeck.com

0

15

55

@448jp

沖良矢｜世路庵

4 years

創業したばかりの弊社第1四半期、おかげさまで売上目標を無事達成できました。我々の業界（Web制作）は本格的にコロナの影響が出てくるのがこれからだと思いますし、実際案件のキャンセルや中止も発生し始めていますが、まずは素直に過去3ヶ月間を振り返って喜びたいと思います。

0

0

53

@448jp

沖良矢｜世路庵

3 years

コンピュータースクリーンのために設計・デザインされたフォント「Inter」。OSS、無料で利用可。大文字と小文字が混在するテキストを読みやすくするため、x-height（小文字のxの高さ）が高くなっています。多くのOpenType機能に対応済みで、エンジニアも嬉しいですね。

Tweet media one

Tweet media two

0

7

53

@448jp

沖良矢｜世路庵

6 years

昨日はVue Fes Japan 2018にご参加いただきありがとうございました。ご好評いただいたオープニングムービーをYouTubeにアップしました。当日のセッション動画も今後アップされる予定ですので、ぜひチャンネル登録してチェックしてください！ #vuefes

Tweet card media

Vue Fes Japan 2018 Opening

2018.11.3（土）に行われたVue Fes Japan 2018のオープニング映像です。https://vuefes.jp/撮影・編集：沖良矢（世路庵）https://ceroan.jp/

www.youtube.com

0

16

51

@448jp

沖良矢｜世路庵

4 months

初回CSSでdisplay: gridはNG。友達同士ならともかく、やれfrだgapだと横文字ばかりで、女性の気持ちは冷めてしまう。初回CSSにオススメなのは断然float。整列より回り込みのほうがランクが上なのは自明。ここまでくればゴールはもう少し。最後のプロパティは固定ツイへ。

1

9

51

@448jp

沖良矢｜世路庵

2 years

ウェブ業界で20年以上仕事をしていると、自分が使っているツールやライブラリがなくなる経験は何度もしてきました。いま私が重要視しているのは、ツールやライブラリが持つ機能や革新性だけではなく、それを作っている人たちに信頼が置けるかどうか、です。

1

2

51

@448jp

沖良矢｜世路庵

8 years

有料の勉強会を12年くらいやってきたけど、頭のおかしい人が混ざるのを防ぐことは不可能。参加費に関わらず人が集まる限り何らかのトラブルは起きます。 / “勉強会・ハッカソン運営者の皆様、参加には料金とるか審査制にしてください - …”

0

60

50

@448jp

沖良矢｜世路庵

6 years

先週金曜日に行われたMeguro.css #2 で発表した「"いい感じ"にするためのイージング」で使ったスライドをアップしました。 #megurocss

Tweet card media

"いい感じ"にするためのイージング

Meguro.css #2 LT発表資料

speakerdeck.com

0

17

49

@448jp

沖良矢｜世路庵

2 years

Vue.jsとしては日本最大級のカンファレンス、Vue Fes Japan Online 2022の開催が決まりました。コアスタッフとして引き続き個人でもコミットしつつ、今年は世路庵としても主に経理面でサポートしていきます。

@vuefes

Vue Fes Japan

2 years

さまざまな困難を乗り越えたすべての人へ―― 日本最大級の Vue.js カンファレンスがオンラインで開催決定‼️本日ティザーサイトを公開しました🆙今後もアップデートしていきますので、最新情報をチェックしてください☑️ #vuefes #vuejs

0

146

301

0

9

49

@448jp

沖良矢｜世路庵

4 years

いいwebデザイナー、エンジニアになるために必要なことはセンスのあるデザイン力やスキル溢れるプログラミング力ではなく、インターネットが好きかどうかだ。愛が問われるんだよ。

0

3

49

@448jp

沖良矢｜世路庵

2 years

（私なりのエールですので、関係者のみなさまにおかれましては本気にしないでください。AdobeもFigmaも大好きです！）

0

8

48

@448jp

沖良矢｜世路庵

4 years

Vuetifyの仕様を把握するために使う時間 vs. ゼロからCSSを書く時間ファイッ！！！！！

1

6

47

@448jp

沖良矢｜世路庵

1 year

オープンソースで開発されてきた東京都の新型コロナウイルス感染症対策サイトが、5類移行に伴い昨日で更新停止、5月末で閉鎖予定とのこと。なお、GitHubリポジトリはアーカイブされるようです。これまで関わってきたみなさんに敬意を表します。

Tweet card media

[周知] このリポジトリはアーカイブされます · Issue #7821 · Tokyo-Metro-Gov/covid19

Code for Japanの今村です。日頃よりコントリビューターのみなさんからのご提案やフォローアップにたいへん感謝しています。 2020年3月から続いてきた対策サイトとこのリポジトリも、新型コロナ感染症の５類移行に伴い、その役目を終えようとしています。 5月8日のサイト更新停止アナウンスの掲載 #7820 をもって、こちらのリポジトリもアーカイブに向けた対応をとってまいります。リポジ...

0

12

45

@448jp

沖良矢｜世路庵

2 years

Vue Fes Japan Online 2022にご参加いただいたみなさま、ありがとうございました。来年はみなさんと握手したり、コーヒーやお酒を飲んだり、おいしいものを食べたりしながら、Vueの話ができる場所でお会いできることを楽しみにしています。 #vuefes

1

0

45

@448jp

沖良矢｜世路庵

6 years

週末は、1年がかりで準備してきたVue Fes Japan 2018でした😃 デザイン担当としてWebサイト、Tシャツ👕、トートバッグ🛍️、ネックストラップ、パス、バックパネル、ビールラベル🍺、ステッカー、そしてオープニングムービー🎞️を作りました。書いていて自分で笑えるほど色々作りました。

1

8

46

@448jp

沖良矢｜世路庵

2 years

拙共著『初心者からちゃんとしたプロになる Adobe XD基礎入門』、2021年10月に出版しましたが、初心者がプロになる前に本が用済みになりそう😇😇😇

1

0

46

@448jp

沖良矢｜世路庵

9 months

他者へのフィードバックは本当に難しいもので、できていない点を率直に指摘すると、人格や頑張りを否定されたように感じられてしまう。かと言ってオブラートに包むと、意図が伝わらず改善されない。お互いのゴールは同じはずなのに、言葉の使い方ひとつで改善どころか関係が悪化してしまう。

1

1

45

@448jp

沖良矢｜世路庵

5 years

人生で初めてサンタになるというミッションをこなしました……なるほど、これが父親か。

0

1

44

@448jp

沖良矢｜世路庵

4 years

6周年！　フルハウス！　初の土曜日DISTです。 #DIST31

Tweet media one

0

3

44

@448jp

沖良矢｜世路庵

6 years

昨日の東京 Adobe XD meeting 21にご参加いただいたみなさん、ありがとうございました🙌 当日のスライド📄をアップしましたので、振り返りにご覧ください🙂 #adobexd_study

Tweet card media

Vue Fes Japan 2018のデザインを支えたAdobe XD

2019年1月16日（水）東京 Adobe XD meeting 21発表資料

speakerdeck.com

0

17

45

@448jp

沖良矢｜世路庵

6 years

Adobe MAX Japan 2018で使ったスライドはAdobe XDで作ったのですが、フルHDの全スライドを並べてみると、XDのペーストボード（アートボードを配置できる領域のこと）には上限サイズがあることを知りました。 Windows版で試したところ、50,000×50,000pxが限界のようです。まさかの正方形！

Tweet media one

1

14

45

@448jp

沖良矢｜世路庵

3 years

Adobe XDユーザーフェス 2021のセッションをご覧いただいたみなさん、ありがとうございました。本日のスライドはこちらです。お話しきれなかった部分は、10/7（木）のAdobeのYouTube Live番組、CC道場でもご紹介する予定です！ #XDUFes2021

Tweet card media

AdobeCreativeStation

アドビからCreative関連の製品情報、並びに使い方や制作のヒントなどの動画をお届けします。

www.youtube.com

1

9

45

@448jp

沖良矢｜世路庵

4 years

そういうわけで実は実行委員長でしたが、Vue Fes Japan 2020は開催見送りになりました。予約していた会場の費用問題などもある（詳しくは調整後に公表予定）のですが、Vue.jsユーザーのみなさまにおかれましては、引き続き我々Vue.js日本ユーザーグループの活動をご支援いただければ幸いです！

@vuefes

Vue Fes Japan

4 years

Vue.js日本ユーザーグループでは、Vue Fes Japan 2020開催を目指して準備を進めてきましたが、昨今の新型コロナウイルス感染症を取り巻く状況を鑑みて予定どおりの開催は困難であると判断し、開催を見送ることにしました。詳しくは公式サイトをご覧ください。 #vuefes

0

101

126

0

11

43

@448jp

沖良矢｜世路庵

3 years

週末のAdobe XD ユーザーフェス 2021で視聴者のみなさんからお寄せいただいた質問のうち、私のセッションに関係していそうなものに勝手に回答するコーナー、やっておきます。このツイートから始まるスレッドでご覧ください。 #XDUFes2021

1

6

43

@448jp

沖良矢｜世路庵

5 years

3億回言ってるけど、まだ伝わってない人がいるので3億1回目のツイートをしますが、自分の好きなものが正当に評価されないと感じるとき、他者を乏しめて評価を上げようとするのはくそダサいですよ。ポテサラ好きなやつが、「マカロニサラダまずい！」って言ったら全サラダ好きを敵に回すだろ。

1

9

42

@448jp

沖良矢｜世路庵

4 years

web系フリーランスに必要なものは誰もが唸るスキルではなく、勉強会やサロンに通って培った人脈でもなく、制作と人的・物的コミュニケーションのバランスを取れること。どれだけ優れたエンジニア、デザイナーでもチームで独善的に振る舞う人は敬遠される。 #未来のフリーランスに届け

0

12

42

@448jp

沖良矢｜世路庵

3 years

明日、Adobe XDユーザーフェス 2021に出演予定です。自分のデザインが、エンジニアによる実装後に「なんかイメージと違う……」となったこと、ありませんか？デザイナー、エンジニア両者の経験から、そうならないようにやるべきことをお伝えします。

@xdufes

XDUFes 2023

3 years

【Adobe XDユーザーフェス 2021開催まであと1日🎉】 9/25（土）13:00〜オンラインで開催 session6には沖さん（ @448jp ）が登場。エンジニアによりスムーズに実装を進めてもらうために、知っておくと得をするポイントをご紹介します😄 #XDUFes2021

Tweet media one

0

7

14

0

10

43

@448jp

沖良矢｜世路庵

3 years

いつの間にかGitHubのfont-family指定にsystem-uiが加わったのですが、WindowsではYu Gothic UIで表示されてしまいムチャクチャ読みづらいので、本当に止めてほしいです。system-uiは文字通りUIのフォントを指定するためのもので、本文にはまったく向いていません。

Tweet media one

1

10

42

@448jp

沖良矢｜世路庵

6 years

【初めて金髪にして分かったこと】・会う人全員に理由を聞かれる・白髪が目立たなくなる・鏡を見て自分でビックリする・普段着てる服がしっくりこなくなる・抜け毛が見つかりにくくなる・ヤカラだと思われがち・自分の髪の毛が伸びる速度が分かる・他の金髪の人と何となく同士感が出る

3

0

41

@448jp

沖良矢｜世路庵

9 months

Vue Fes Japan 2023にお越しいただいたみなさん、どうもありがとうございました。色んな人の、色んな想いが詰まったフェスになった気がします。みなさんはどう感じましたか？ #vuefes

Tweet media one

0

3

41

@448jp

沖良矢｜世路庵

3 years

東京都中野区在住、39歳、ワクチン接種券届きました。中野区役所のみなさん、医療従事者のみなさんに感謝を。

Tweet media one

1

1

42

@448jp

沖良矢｜世路庵

5 months

雑誌Web Designing、編集長が変わってからかなり制作者目線の雑誌に変貌を遂げていますね。以前の運営者目線ももちろん大切だと思うのですが、それだけでは雑誌の維持は難しいのかもしれません。いまの方針は実務にも役立つため、しばらく定期購入してみようと思います。 #WebDesigning

0

2

41

@448jp

沖良矢｜世路庵

4 years

Vue.jsの国際化プラグイン「vue-i18n」の発展的後継である「Intlify」のロゴをデザインしました。言語や文化の壁がIntlifyによって扉に変わり、そこに差し込む光から世界中の人々が交流しあう様を表現しています。

@kazu_pon

🐤kazupon🐤

4 years

私のOSSプロジェクトIntlifyのロゴですが、artworksという形で公開しました。今回ロゴをデザインして頂いた沖( @448jp )さん、本当にありがとうございました！

1

7

29

1

5

40

@448jp

沖良矢｜世路庵

4 years

人生はじめての法人税を納税。法人にお金を残そうとすると一定額を税金として払う必要がある、と頭では分かっていても実際にやってみたことがある人はどちらかと少数だと思いますので、貴重な経験ができてなによりでした。今日からは法人税払ってます顔で歩きたいと思います。

2

0

40

@448jp

沖良矢｜世路庵

3 years

Vue.js公式日本語ドキュメントのGitHubリポジトリのためのOGP画像（↓に表示されているやつ）をデザインしました。こういう画像があるだけで公式っぽく見えてよいですね✨ お声掛けいただいた @potato4d さん、ありがとうございました😀

Tweet card media

GitHub - vuejs-jp/ja.vuejs.org: Vue 3 official japanese translation

Vue 3 official japanese translation. Contribute to vuejs-jp/ja.vuejs.org development by creating an account on GitHub.

1

6

40

@448jp

沖良矢｜世路庵

5 years

かつてこれほど公開が待ち遠しいCMSがあっただろうか……個人的にはMovable Typeに初めて出会ったときの感動と近いものを感じています。

@miyaoka

miyaoka

5 years

STUDIO CMS

0

12

63

1

5

39

@448jp

沖良矢｜世路庵

5 years

jQueryを悪く言う人、昔付き合ってた人の悪口をバカスカ言ってそう（偏見）

0

1

40

@448jp

沖良矢｜世路庵

5 years

後悔はない…… 今までのVue Fes Japanの運営に…… これから起こる事柄に…… ぼくは後悔はない……

0

1

40

@448jp

沖良矢｜世路庵

3 years

ウェブテクノロジーでよく使われるa11yのような略語をnumeronym（ヌメロニム）と呼ぶそうな。これ使うだけでデキる人感が出ますね。 a11y...Accessibility（アクセシビリティ） i18n...Internationalization（国際化） l10n...Localization（地域化） d11n...Documentation（文書化）

1

7

39

@448jp

沖良矢｜世路庵

1 year

2008年7月に退職してブラブラしようと思っていたら、8/1になぜか別々の3人から仕事のオファーが来て、なし崩し的にフリーランスになったので今年で独立15周年です🙏

0

0

38

@448jp

沖良矢｜世路庵

5 months

懇親会でごはんが出るのはVue.jsだけ！ #v_tokyo19

Tweet media one

1

0

38