吉本 集 / aru inc. Profile Banner
吉本 集 / aru inc. Profile
吉本 集 / aru inc.

@tsuDoi220

Followers
8,264
Following
1,511
Media
1,286
Statuses
27,999

Web制作の実装者です。Webの制作会社で実績を積み、フリーランス2年半を経て、2010年にaruを設立(本社:札幌、自分は東京で活動中)。札幌出身、東京在住。

tokyo
Joined November 2009
Don't wanna be here? Send us removal request.
Explore trending content on Musk Viewer
@tsuDoi220
吉本 集 / aru inc.
10 months
ほんとだ。。。ChatGPTさん、PDFも解析できちゃうのか・・・、すごいな。この使い方、めっちゃ便利じゃん。。。
Tweet media one
4
245
2K
@tsuDoi220
吉本 集 / aru inc.
1 year
スクロールで横スライドする動きって、position: stickyを使うと簡単にできてしまうのか・・・。GSAPのScrollTriggerを使って・・・も必要なしで。 sticky便利。って、こういうスクロールで横スライドをライブラリなしで実装するの初めてかも・・・?
9
107
1K
@tsuDoi220
吉本 集 / aru inc.
1 year
VSCodeのChatGPTプラグイン、便利だ・・・。 書いたコードを最適化してくれる・・・。
Tweet media one
7
131
1K
@tsuDoi220
吉本 集 / aru inc.
3 years
やっちゃってる全てのWebデザイナーの方々に伝えたい・・・、selectのoptionタグに対して、デザインしないでください・・・。お願い・・・。そこはもうOS依存です、、、
8
137
831
@tsuDoi220
吉本 集 / aru inc.
3 years
ディレクター「HTMLのソースコードの中に、h1がないようですけど・・・」 実装者「このWebサイトを閲覧している大事なお客さん、ひとりひとりが、h1です。」 ディレクター「なるほど、素晴らしい考えですね、納得しました、これで提出します」 HTMLのマークアップの解釈は十人十色。
13
102
767
@tsuDoi220
吉本 集 / aru inc.
3 years
影響力のある人たちが皆、口を揃えて「HTML/CSSができる人はたくさんいるから、早くWordPressを覚えたほうがいい」と誘導するから、しっかりとHTML/CSSができる人がなかなか見つからないんだな。
6
86
697
@tsuDoi220
吉本 集 / aru inc.
4 years
HTML/CSSの実務レベルって、 ・他人のHTML/CSSを解析できる ・他人の実装に合わせて実装ができる ・デザインを忠実に実装 ・どんなデザインツールでも対応できる ・実装速度 ・CSS設計 この辺かと。 テクニックとか知識を深くする優先度は低い。 実務で求められるのはそこじゃない。
4
44
650
@tsuDoi220
吉本 集 / aru inc.
2 years
「旅をしながら働いてる」「時間を問わず好きな場所で働いている」Webデザイナーなんて存在しないですよね・・・? 憧れるのはわかるけど、無理よ、無理無理。
20
40
586
@tsuDoi220
吉本 集 / aru inc.
1 year
「デザインがFIXしました実装お願いします」から実装を開始して、FIXしたはずのデザインに何度も修正が入って、実装を何度もやり直すことになった時に、「知ってる、Web制作ってそういう世界」とフラットな気持ちで思えるようになったら、そこが実装者としてのスタートライン。
8
44
580
@tsuDoi220
吉本 集 / aru inc.
4 years
横並びになっている要素の中にある特定の要素の高さを揃えたいときって出てきますよね。JSのプラグインを使って特定の要素の高さを揃えるっていう方法もあるけど、CSSでも対応できるよ。 にしても、そういう図をもっと簡単に作れるツールないかな〜。作るのに時間かかる・・・。
Tweet media one
Tweet media two
Tweet media three
2
40
454
@tsuDoi220
吉本 集 / aru inc.
1 year
こちらのサイトのメインビジュアルの切り替え、 「どれどれ、どんなGLSL使ってんだろう〜」とソースコード見たら、CSSアニメーションっぽい・・・、すごい。あとで解析したい・・・。マスク画像用意して、mask-image プロパティ使ってるのか・・・。
4
31
425
@tsuDoi220
吉本 集 / aru inc.
9 months
わわ。ほんとだ。デジタル庁のWebサイトが、Drupalになってる・・・。STUDIO → Next.js → Drupal か。 なぜNext.jsからDrupalにしたのか、理由が気になる。 Drupalといえば、、、約2年前、Drupal案件のフロント実装(JavaScript部分のみ)担当したな・・・。
6
59
425
@tsuDoi220
吉本 集 / aru inc.
1 year
【アンケートのお願い】 Webデザイナーの方々にお聞きしたいです。 ■ 質問 SPレイアウトのデザインの横幅サイズはいくつで設定してデザインしていますか? 375、400px以外は、その他を選択して、コメントでサイズを教えていただけると嬉しいです。 ご協力お願いします!(拡散希望です)
375px
3029
400px
354
その他
830
閲覧用
2530
40
127
412
@tsuDoi220
吉本 集 / aru inc.
2 years
おぉ、、、 styleタグをdisplay: blockで表示させて、 contenteditable属性で編集可能にする。 この発想はすごいな・・・。
@wesbos
Wes Bos
2 years
🔥 Weird one: Any HTML element can be visible and editable with display:block; and contenteditable - including style tags!
171
2K
14K
1
86
412
@tsuDoi220
吉本 集 / aru inc.
1 year
あぁ、、、Figmaのプラグイン知らなすぎて、今、Figma Tokensを試してみたけど、これ、やばいっすね。 Figma → Figma Tokens → GitHub → Style Dictionary → CSS変数 これができるのか・・・。
1
23
389
@tsuDoi220
吉本 集 / aru inc.
4 years
Web業界に入ろうと勉強している人で 「HTML/CSSもJSもWPも勉強してます!」 っていうより 「HTML/CSSだけを集中して勉強してます!」 っていうほうが需要あったりしないですかね。 だって、JSとWPはできないけど、業界で活躍されている実装者、たくさんいますよ。
18
21
381
@tsuDoi220
吉本 集 / aru inc.
3 years
駆け出しのWebデザイナーさん向けに、「年末年始は、営業のチャンス」だという鼓舞ツイートが目に入りましたけど、年末年始はしなくていいと思いますよ。 営業される側は、どう思いますかね。。。
11
21
378
@tsuDoi220
吉本 集 / aru inc.
3 years
「Web制作でJavaScriptを書く機会はほぼない」 それは流石に主語が大きすぎないか・・・。
7
33
371
@tsuDoi220
吉本 集 / aru inc.
3 years
CSS設計の何が難しいって、全ページ全デザインがFIXした状態でスタート切れたら簡単。 デザインと同時進行、次にどんなデザインが来るかわからない、そして、直前でページが追加される。という状況の中、CSS設計をしなきゃいけないから、難しい。
1
17
343
@tsuDoi220
吉本 集 / aru inc.
3 years
フリーランスは営業力は必須だ・・・と言うのは、個人的にはちょっと疑問で。フリーランスこそ技術力が必須で、その技術力が営業力になるはずで。営業力を身につけようとするのではなく、とにかく技術力を磨いてくださいと言いたい。って、僕以外にも2、3人はそう思ってるはず。たぶん。きっと。
0
15
314
@tsuDoi220
吉本 集 / aru inc.
3 years
コーダーという職種の上にフロントエンドという職種があるという話はあまり好きではないなぁ。フロントエンドが担当したHTML/CSSの実装がひどくて、コーダーが巻き取ったという話は身近でもよく聞く。上下の関係ではなく、得意分野が違うということで良いかと。個人的には職種名分けなくてもよいかと。
2
17
310
@tsuDoi220
吉本 集 / aru inc.
4 years
スマホなどの端末の高さを取得するときは、 $(window).height() → これ使用しちゃだめ。 window.innerHeight → こっち使って! 何度も何度も言ってますよ!
3
22
301
@tsuDoi220
吉本 集 / aru inc.
3 years
実装者「修正をテスト環境に反映しました」 ↓ 担当者「反映されてません」 ↓ 実装者「キャッシュをクリアしてからご確認いただいてもよろしいでしょうか」 たぶん、これ、ずっと言ってる。 これからも、たぶん、ずっと言う。
1
35
297
@tsuDoi220
吉本 集 / aru inc.
3 years
実装者「このボリュームであれば作業費〇〇円ですかね〜」 ディレクタ「おけっす。あ、デザインデータ、これっす」 実装者「あざっす、確認します」 デザインデータ確認中... 実装者「作業費1.5倍にしたいっす・・・」 って、言いたくなった経験のある実装者、それなりにいそう。
6
13
295
@tsuDoi220
吉本 集 / aru inc.
4 years
まだまだIE対応案件が多い・・・。 IE11だと、スクロール時にfixedした要素がガタガタ動いてしまう。 これは、IE11のスムーズスクロール機能が原因らしく、これを無効にするには、IE11に次のJavaScriptコードを設定する。 これ、たまに必要になって、毎回なんだったっけ?ってなるので、メモ。 ↓
3
23
296
@tsuDoi220
吉本 集 / aru inc.
4 years
HTMLコーダー(HTML+CSS+jQueryがちゃんと書ける)の市場価値が低い、というのは賛否ありそうなんだけど、どうなんだろうか・・・。 意外とちゃんと書ける人いませんよね、、、CSS設計とか難しいですよ。 でも、業界で見た時、そういうのは求められてない・・・のか? 市場価値・・・。
14
20
287
@tsuDoi220
吉本 集 / aru inc.
2 years
花粉症の症状を和らげるJavaScriptコード教えてもらった。ありがとう、これは知らなかったわ。
Tweet media one
1
44
261
@tsuDoi220
吉本 集 / aru inc.
11 months
大手企業のWebサイトの新規・リニューアルはソースコード見ちゃう。 LINEヤフー株式会社() ・TOPページにはh1がなく、下層からh1が出てくる(これは自分の考えと同じだな〜) ・mainタグ使っていないのか〜。 ・下層ページにsectionタグ使っていないのか〜。 などなど。
4
18
255
@tsuDoi220
吉本 集 / aru inc.
2 years
Twitter上ではFigmaが盛り上がっている風なんですけど、実案件でデザインデータがFigmaだった経験が未だにないんだよな・・・、もうほぼXDっす。
8
19
254
@tsuDoi220
吉本 集 / aru inc.
5 years
JSでもCSSでも「その修正は想定してなかったので無理です。」と答えちゃう実装者がいる。実はそこがスキルを問われる重要な点で、修正がない案件なんてほぼあり得ないので、どんな修正がきてもある程度想定して設計できるかが重要なスキルです。無理ですは、自分のスキル不足を露呈してしまっている。
4
34
252
@tsuDoi220
吉本 集 / aru inc.
4 years
「僕の」JavaScriptの書き方をまとめてみました。 が、1回じゃ書ききれないので、数回に分けます。 まずは、具体的なコードではなく、考え方を。 読みやすいか・・・自信ありません。 これ、わかるかな・・・。どうでしょう・・・。 #1 僕のJavaScriptの書き方
4
25
244
@tsuDoi220
吉本 集 / aru inc.
3 years
自分もここ4、5年はWeb制作でデザインデータがイラレだったことないはず・・・。 昔々は結構あったけど、流石にもうイラレでWebデザインカンプは作らないでしょ・・・?って思ってるんですけど、そんなことないですかね・・・。別に否定はしないけど、わざわざイラレにする必要性がないような・・・
16
21
233
@tsuDoi220
吉本 集 / aru inc.
3 years
いやいや。「いい���じに〜」が伝わるデザイナーさんなんていないって。デザイナーは人の心を読めるわけじゃなんだから・・・。実装者でも「いい感じに動かして〜」って言われると「いい感じ・・・とは?」ってなるから。「いい感じ」を求める人が上に立ってるプロジェクトは危険な匂いしかしない。
1
25
234
@tsuDoi220
吉本 集 / aru inc.
4 years
Webデザイナーの皆さんは最近、SPレイアウトをどのサイズでデザインされてるんだろうか。やはりまだ375pxが主流? そして、いまだに倍のサイズ(例えば750px)で作りましょうと教えてるところとかまだあるんですかね。ぜひ、等倍で作っていただきたい。
6
15
223
@tsuDoi220
吉本 集 / aru inc.
5 years
自分がフリーランスになる時にお世話になっていた派遣会社の営業の方に「今ある能力の範囲でしか仕事をしなくなるフリーランスは淘汰されていく、そんなフリーランスを多く見てきました」というお話を聞いて、12年経った今でもスキルを磨き続けなければという緊張感を持っている。初心忘るべからず。
1
31
221
@tsuDoi220
吉本 集 / aru inc.
3 years
なるほど。あっち界隈の方々が使う「Webマーケティング」って、なんだろう?ってずっと思っていたけど、「情報商材」のことか。。。
5
15
210
@tsuDoi220
吉本 集 / aru inc.
3 years
元ツイの「Web制作は、ググれば簡単に解決できる程度の作業しかない」っていう発言は、不快だなー。 Web制作業界のこと知らんのに、語るなよ。
@MHTcode_Alex
あれっくす@フロントエンド x デジタルマーケティング
3 years
私も周りだけかもしれないけど、こういう感じで仕事するから困って相談してくるクライアントが減らないんだろうな 迷惑かける先が開発メンバーではなくてお金払ってるクライアントになってるってことで悪化してるんだよね😅
Tweet media one
6
26
280
7
15
212
@tsuDoi220
吉本 集 / aru inc.
1 year
最近の見出しの演出を海外サイトなどを参考に色々作ってみた。CSSでの実装、canvasでの実装、Three.jsでの実装・・・などなど色々。 後半は、単純に定義済みのRenderPassを適用してるだけなので、面白くないかも。まぁ、、、復習を兼ねて。
1
7
208
@tsuDoi220
吉本 集 / aru inc.
3 years
うぅ・・・。 「クライアントに・・・、どの段階でも迷惑はかけるし、誰にでも最初はあるはず。」 このスタンスで、絶対にフリーランスにはなってほしくないし、仕事受けないでほしいです。
@mittani_s
みったに
3 years
Web制作でHTMLとCSSが終わったら、いったん仕事を取りに行ってもいいと思う。 クライアントに迷惑がかかるからまだ早いという人もいるかもですが、どの段階でも迷惑はかけるし、誰にでも最初はあるはず。 もし、迷惑をかけたなら、成長して恩返しすればいい。 ちょっとの勇気で得られる経験は大きい☺️
13
45
302
10
21
206
@tsuDoi220
吉本 集 / aru inc.
3 years
先ほど知らない番号から電話が来て「スマートフォン修理のサービスで・・・」と、この時間に突然の営業電話にびっくりして「僕のこの番号どこで知ったんですか?」って聞くと「090から1件1件順番にかけております」と言われ、思わず「まじかよ!」って言ってしまいました。まじかよ!
4
4
206
@tsuDoi220
吉本 集 / aru inc.
1 year
最近GLSLを触り始めて、ようやく頂点シェーダーとフラグメントシェーダーが何なのか理解し始めた・・・。 とりあえず、FragmentShaderの入門的なものを・・・。次は、VertexShaderを触ってみます。
1
11
205
@tsuDoi220
吉本 集 / aru inc.
1 year
スクロールに連動する演出で実装してみたかったやつ。 とりあえずなんとか形になった・・・っぽい。 後ろがHTMLだと少し動きが重くなる・・・かな? 後ろもWebGLで描画するやつは・・・、今後、機会があれば、、、作る。とりあえず、作り方がわかったから、満足。
9
7
204
@tsuDoi220
吉本 集 / aru inc.
2 years
かなり久しぶりに、支給されたデザインデータがPSDだ。テンション上がってきた。SPレイアウト750pxね、知ってる知ってる。
8
9
199
@tsuDoi220
吉本 集 / aru inc.
4 years
フリーランスよりレベルの高い制作会社に所属している人のほうが成長速度は速い。それを知っている(実感している)フリーランスは常に焦っています。たぶん。きっと。
1
9
200
@tsuDoi220
吉本 集 / aru inc.
3 years
「Web制作で月〇〇万を稼ぐ手順」というある記事で 「5万円~10万円見積もりをお願いします」 に対して、 「3万円でよろしくお願い致します」 と答えると、受注率が上がります。 という内容が書いてありました。 さて、仕事に戻ります。
4
28
200
@tsuDoi220
吉本 集 / aru inc.
2 years
1ヶ月間Web制作の勉強をして、2ヶ月で500件営業って・・・。何かが間違っている気が・・・。 今はノウハウを教える立場らしいので、教えられた人たちはみんなそうなるのか・・・。何かが間違っている気が・・・。
5
9
188
@tsuDoi220
吉本 集 / aru inc.
3 years
「メンタルが持たなかった」で思い出した。 昔、知人の会社がフリーランスに実装をお願いしたけど「メンタルが持たないので旅に出ます」と、途中でいなくなって、プロジェクトが大変になって、なんとか納品した後に「旅から戻りました」という連絡が来て、メンタル強いな〜っと思った。
10
10
188
@tsuDoi220
吉本 集 / aru inc.
3 years
コンポーネントにmargin設定すると、後々痛い目見るから「コンポーネントにはmarginは設定しない」をルールにしてください・・・。
2
15
182
@tsuDoi220
吉本 集 / aru inc.
1 year
あぁ、、、やばい。Github Copilot+ChatGPT、かなり勉強捗る・・・。 Copilot「次、書きたいコードこれでしょ?」 僕「先輩、あざっす!」 僕「先生、質問です。先輩から教えてもらったこのコードはどういう意味ですかね?」 GPT「あ〜、これはね・・・」 僕「先生、あざっす!」 今、こんな感じ。
1
10
174
@tsuDoi220
吉本 集 / aru inc.
4 years
コーダーが実装したデータを確認するディレクターやデザイナーがまず見るのはHTMLやCSSではないのよ。仕様やデザイン通り正確に実装されているかを見るのよ。そこが評価されるポイントなのよ。忠実に実装されている=スキル高いなのよ。だからそこに力入れて欲しいのよ。
0
7
169
@tsuDoi220
吉本 集 / aru inc.
3 years
■問い PC/SPどちらかを後追いでのデザイン支給にする場合、どちらが先が良いか ■回答 PCが先でSPが後のほうが嬉しい。 ■理由 PCが先だと、SPのレイアウトは大体想像がつく。 SPが先だと、PCのレイアウトが想像し難いので、想定して実装するのに苦労する。 なるほど。確かに。
0
8
169
@tsuDoi220
吉本 集 / aru inc.
5 years
margin: 0 auto;でなんで中央寄せになるのかわからない。 というツイートを見かけたので簡単に図を作ってみました。こういうことです。はい。
Tweet media one
1
23
167
@tsuDoi220
吉本 集 / aru inc.
4 years
ブレイクポイントが768だったら、 320の時、SPのデザインサイズ、768の時、769の時、PCのデザインサイズ、そしてそれ以上になった時、これらは実装しながら検証しないと。それに加えて、各端末でも検証しないと。これ、実装者、必須ですよ。まじで。
0
8
169
@tsuDoi220
吉本 集 / aru inc.
4 years
僕のJavaScriptの書き方をまとめようと思って、とりあえず仕事の合間にが〜っと簡単なサンプルを作ってみた。 スライダー + モーダル + ギャラリー が連動して・・・みたいなのをプラグイン・ライブラリを使わずにどう実装するか、的な記事を書こうかと。
3
17
166
@tsuDoi220
吉本 集 / aru inc.
3 years
コーディングするときは、頭の中にブラウザを起動してくださいね、、、CSSのプロパティを追加するたびにモニターのブラウザで確認してたらいつまで経ってもコーディング速度上がらない。極力、頭の中のブラウザを更新して、確認する。
0
5
166
@tsuDoi220
吉本 集 / aru inc.
4 years
独立してWeb制作やっていて、40歳が見えてきて、さぁWeb制作だけに集中して生きていけるのはそろそろ限界、家族の時間も大事、親も高齢になり心配事も増える、でも仕事もある。独立しちゃってるから守ってもらえる後ろ盾もない。そんな中、あなたにとって人生とは?みたいな話をラジオでしてみたい。
6
3
167
@tsuDoi220
吉本 集 / aru inc.
5 months
お恥ずかしながら、、、adobeのツールって、入力欄に計算式入れられるの知らなかったんですけど・・・。先ほど、デザイナーさんに教えてもらった・・・。今までずっと知りませんでした・・・。
4
8
168
@tsuDoi220
吉本 集 / aru inc.
3 years
XDだと、winで開くとフォントがズレる。 Figmaは、大丈夫でした。 Figmaの勝ちだわ。
Tweet media one
3
12
162
@tsuDoi220
吉本 集 / aru inc.
2 years
Macの中に猫を飼ってみました。
4
5
160
@tsuDoi220
吉本 集 / aru inc.
5 years
「これが月収〇〇のソースコードか・・・」と馬鹿にしたようなツイートを見かけましたが、ソースコードと月収は関係ないよな・・・と。 いや、ソースコードは大事です。 ただ、綺麗なソースコードを書けば、月収が上がるというものでもなく・・・。その逆も然りで・・・。
4
15
158
@tsuDoi220
吉本 集 / aru inc.
3 years
いや、前もツイートしちゃったけど、今日もTLで目に入ってきた「始めるのに年齢は関係ない」ツイート。 これほんと嫌いなんだよな・・・。ツイートしてる人、大体なんかの運営者。これ言って人集めたいだけでしょ。年齢は関係あるでしょ。それでもやりたい覚悟があるかどうかでしょ。
1
8
161
@tsuDoi220
吉本 集 / aru inc.
4 years
Web制作のスクールでCSS設計まで教えてるところってあるのかしら。実務レベルのCSS設計を教えられているスクールがあったらかなり優秀なスクールなイメージ。自分でも未だにCSS設計を色々と変えて試してるけど、完璧に納得のいくCSS設計に辿り着けていない。完璧は無理なのかなと思っていたり、、、
8
8
160
@tsuDoi220
吉本 集 / aru inc.
5 years
オンライン教材の記事を眺めていると面白い。 「WordPressでは、自作テーマの作成は、実務ではほぼありません」 って、教えてるけど、逆じゃね? 案件用にテーマ作りますよ。 有料テーマとか買ったことないわ。
9
16
159
@tsuDoi220
吉本 集 / aru inc.
3 years
あれ。ファミマの色、間違って納品されてるなー。納品後だけど、CSSで背景色変えるだけだから、修正依頼しても、大丈夫か。 確認不要なので、修正完了したら、差分ファイルアップしちゃってくださーい!
Tweet media one
2
12
157
@tsuDoi220
吉本 集 / aru inc.
3 years
「WebデザイナーはHTML/CSSが書けたほうが良い」は、よく聞くけど、 「実装者はWebデザインできたほうが良い」 は、あまり聞かないな。 自分、実装者でWebデザインが全くできないです。 が、Webデザインができる実装者にとてもなりたいです。
2
5
151
@tsuDoi220
吉本 集 / aru inc.
4 years
まだまだIE11は推奨環境に含まれる・・・ということで。 IE11では、buttonタグの擬似要素before、afterは初期状態では表示されないから、これで解決できるよ、って話。
Tweet media one
Tweet media two
Tweet media three
0
23
156
@tsuDoi220
吉本 集 / aru inc.
3 years
今日も見かけたけど、 「時間がないは言い訳」って言ってる人は、たぶん、本当に「時間がない」っていう状況に置かれたことのない人の意見だよなー、と見かけるたびに思う。
3
6
152
@tsuDoi220
吉本 集 / aru inc.
4 years
JavaScriptを覚えるためにはやはり基礎が大事。基礎知識がしっかり身についているかどうかで覚えるスピードも変わる。一気に変わる。まずは、オブジェクトを理解しましょう。オブジェクトとは。 焦らなくても大丈夫、勉強を継続すればどこかで頭がJS脳になるタイミングがきます。
0
8
148
@tsuDoi220
吉本 集 / aru inc.
4 years
「このサイトを実装した場合、見積もりいくらですか」 と、参考サイトのURLをメールに貼り付けて、丸投げするのは、ほんとダメですよ。 ページ数やJS・CMSの仕様・・・などなど、こちらで全部調査しなければならない。 それをわかって連絡してきてるってことですよね・・・。 本気で泣きますよ。
5
13
144
@tsuDoi220
吉本 集 / aru inc.
4 years
コーディングはTOPからではなく、下層ページを含めたパーツから作っていくのが良いという意見はわかる。 が、実務ではTOPがFIXしました、実装スタートしてください、下層のデザインは今進行中です。 っていうケースはよくあるので、TOPページから実装しなければならないケースはそれなりに多い。
6
12
145
@tsuDoi220
吉本 集 / aru inc.
3 years
「仕事を振るようになって1日の労働時間が3時間以下になりました。なので、ディレクターの仕事はめちゃめちゃ推奨派です」 ディレクターに怒られますよ、ほんとに。ほんとに。 おかしな教えは、やめてくれ・・・。
10
6
146
@tsuDoi220
吉本 集 / aru inc.
3 years
なんかこう、デザインのために本文のテキストを強制的に改行して、デザインを整えるのは、実装者(自分)から見て、Webデザイン的に好きじゃないんだけど、クライアントからの要望だった場合は、まぁ、そっちがimportantなんだろうなー、と思って、無になって対応する。
3
1
144
@tsuDoi220
吉本 集 / aru inc.
4 years
HTML/CSSの知識が身に付いた ↓ HTML/CSSできます! ではなく、 HTML/CSSの知識が身に付いた ↓ スタートラインに立った だと思います。 HTML/CSSに限らず。
5
9
145
@tsuDoi220
吉本 集 / aru inc.
3 years
Zeplinの良さを伝えてみる(その1) 1. XDからZeplinに変換 2. そのデータで使用されているカラーリストが生成される(CSSの変数も出力してくれる) 3. 変数名も変えられる 4. 該当箇所を選択すると、その変数が設定される どうですか・・・。
Tweet media one
Tweet media two
Tweet media three
Tweet media four
5
15
143
@tsuDoi220
吉本 集 / aru inc.
3 years
自分も興味があってリツイートさせてもらった一連の件、当人は「WEBデザイナーの価値が低くく見られるのは必然、指示待ちデザイナー達が多い証拠、デザインの価値を下げている」というデザイナー側に問題がある、ということでまとめたのか・・・。皆さんのご意見って、そうでしたか・・・?
6
7
143
@tsuDoi220
吉本 集 / aru inc.
3 years
要件が固まってないのに実装を進める・・・という現場にしか身を置いたことがないので、それがWeb制作だと思ってます・・。 だから次から次へとBacklogの課題が増える・・。 それに耐えられるJSの構築力が必要なんです・・。 ディレクター「実はこういう仕様でした」 実装者「想定範囲内!!!」
5
7
143
@tsuDoi220
吉本 集 / aru inc.
4 years
XDから画像を書き出すと劣化するよって話。 【左】 Psで解像度1280px(横幅)の画像を320pxにした画像。 【右】 XDで解像度1280px(横幅)の画像を320pxにして、デザイン倍率を2xで書き出した画像。 XDで書き出した画像の品質が、Psと比較して劣化するのがわかる。
Tweet media one
7
16
140
@tsuDoi220
吉本 集 / aru inc.
3 years
例えば1280pxでPCレイアウトのデザインをしてる時に768pxとか1960pxとかで見た時のことを考えながらデザインするのは、難易度高いことなのか、当たり前のことなのか、どうなんだろう。気になる。アンケート取ってみたい、、、
3
7
142
@tsuDoi220
吉本 集 / aru inc.
3 years
何やらすごい人が言語で一番難しいのは「CSS」です、とTwitterしてたけど、自分はJavaScriptのほうが難しいと思ってて(CSSが簡単だとは思ってない)、でも、これ、マジでCSSのほうが難しいと思ってる人、どのくらいいるか知りたい。。。
17
14
139
@tsuDoi220
吉本 集 / aru inc.
2 years
デザイン通りにCSSを当てるだけだと、やっぱりスキルとしてはまだまだで「もしかすると今後〇〇なケースが出てくるかも」までを想定してCSSを当てられるかどうか・・・な気がするけど、それは意識するかどうかの話で、意識しない人はずっとしないんだろうな、とも思ったり。
1
6
141
@tsuDoi220
吉本 集 / aru inc.
3 years
ついつい、買ってしまった。 そして、飛んだ。
Tweet media one
6
11
140
@tsuDoi220
吉本 集 / aru inc.
3 years
ここ最近、JavaScriptで頭の使う作業ばかりなので、たまには、100ページくらい無心でHTML/CSSのコーディングがしたくなる。。。
3
3
136
@tsuDoi220
吉本 集 / aru inc.
4 years
昨日作ったリスト「Web制作業界を1人で生き抜いている人たち」が、おかげさまで72人まで増えました。 Googleで「フリーランス Web制作」とかで検索しても、フリーランスを紹介しているサイトってないんですね。 昔もボソッとTweetとしたけど、そういう紹介サイト作ってみたい。。。
8
5
135
@tsuDoi220
吉本 集 / aru inc.
3 years
たまたま見たあるサービスのWebサイトのソースコード・・・。 実装者の中に、裏切り者がいる・・・。
Tweet media one
4
9
136
@tsuDoi220
吉本 集 / aru inc.
1 year
画面が固定されるパターンとスクロールに連動するパターンで、文字が「1文字ずつ」と「1行ずつ」表示されるやつ、実装してみた。
1
13
135
@tsuDoi220
吉本 集 / aru inc.
3 years
HTML/CSSを早々に卒業してJS学んで得意になってフロントエンドを名乗るのは良いけどHTML/CSSに関しては、いわゆる優秀なコーダー以下だぞ、そこ、勘違いするなよ、ってこと。
0
5
133
@tsuDoi220
吉本 集 / aru inc.
3 years
デザインで使用している font-family font-size letter-spacing line-height のセットパターンと デザインで使用している color が、デザインデータとは別にリスト化されたデータがあると、実装者としては、とても助かります。。。
@tsumemii
つまみ🀄️麻雀店を開業するWebデザイナー
3 years
私も知りたいです! コーダーさん、具体的な実例があればリプライほしいな
0
2
23
1
15
136
@tsuDoi220
吉本 集 / aru inc.
3 years
「Web制作で独立したいのですがどうすればいいですか?」に対して、「一旦、制作会社・代理店に就職して上を目指せ」しか答えを持ち合わせていないので、未経験者でいきなり独立したい場合���、自分もどうアドバイスしていいのかわからない・・・、が、興味はある。
3
5
132
@tsuDoi220
吉本 集 / aru inc.
4 years
まじか・・・。 コードを書いてサイトを作る時代が・・・、終わってた。 知らなかった・・・。
5
24
131
@tsuDoi220
吉本 集 / aru inc.
3 years
「LPのデザイン手伝ってください、これから良い関係を築けると思います、拡散お願いします」みたいなツイートしてるアカウントの会社のサイトを見ると、 「LPを一律激安5万円で作ります」 と謳っていて、どう頑張っても良い関係を築ける気がしない。。。
0
5
133
@tsuDoi220
吉本 集 / aru inc.
3 years
JavaScriptに限らずCSSとかもそうだと思うけど、勉強方法として、0から100まで自分で作って覚えようとするより、100のソースコードを0になるまで分解して、その過程で覚えていく(理解する)・・・という流れのほうが早い気がします。たぶん。基礎知識があることは前提かも。
1
1
132
@tsuDoi220
吉本 集 / aru inc.
1 year
「Web制作会社合同勉強会」って、、、ヨダレが出るほど参加してみたいんですけど・・・。普段独り者なので、夢のような世界だ・・・。一番後ろの席で気づかれないように静かにしてるので・・・、参加したいです。
6
1
134
@tsuDoi220
吉本 集 / aru inc.
4 years
「HTML/CSSがしっかりできる人」っていうと、マークアップの理解や、CSSのテクニック的な長けている人に聞こえるかもしれませんが、僕が求めているのは、 ・デザインを忠実に再現するスキル ・コーディング速度が早い ・他の実装者の作業環境に合わせられるスキル ・柔軟性 です。はい。
2
8
131
@tsuDoi220
吉本 集 / aru inc.
5 years
750pxのSPデザイン、1280pxのPCデザインを支給、ブレイクポイントは768pxっていう案件がほとんどで「ブラウザの横幅768pxの時、ここのPCレイアウトどうします?」ってほぼ間違いなく確認することになるんですが、これを事前に回避したいと毎回思ってます。って思ってる実装者、多いと思ってる。
4
24
133
@tsuDoi220
吉本 集 / aru inc.
3 years
最近のWebサイトを見ると、 html { font-size: 62.5%; } この設定がだいぶ減ってきているように思いました。
3
3
131
@tsuDoi220
吉本 集 / aru inc.
3 years
わわわ。ほんとだ! Psから、Webp書き出しができるようになった・・・。 待ってました!
Tweet media one
1
17
132
@tsuDoi220
吉本 集 / aru inc.
3 years
■ XDでデザインデータを開いた時に、テキストずれません? 左がwinで開いた時の見え方。 右がmacで開いた時の見え方。 テキストがズレる・・・。 え。winで作業しているコーダーさん、これ、どうしてるんですか・・・?
Tweet media one
7
26
130
@tsuDoi220
吉本 集 / aru inc.
3 years
たまたま見た記事で$(this)の説明してて、 $('p').click(function() { $(this).css('color', 'red') }) この$(this)は、$('p')のことだから、 $('p').click(function() { $('p').css('color', 'red') }) これと同じです。 って、説明してたけど、違うな、うん。 全てのpが大変なことになるな。
3
8
126
@tsuDoi220
吉本 集 / aru inc.
5 years
jQueryはオワコンではないので、習得した方が良いと思います。 で、気になるのが、いまだにjQueryがオワコンって言われてるのって、発信元はどこ(だれ)なんだろう・・・。 Web制作の現場レベルの人以外のはずなんだけど・・・。
@ulla_mikage
みかげうら@うつ病こーだー(仮)
5 years
jQuery はじめてみました。 記述がJavaScriptより簡単なんですね。 なんで、オワコンって言われるんだろう… ただ、この内容をJavaScriptコースでやってくれないかなぁ。 「jQuery 学習コース 初級編」コースを修了しました! #Progate
0
2
13
6
27
127
@tsuDoi220
吉本 集 / aru inc.
4 years
同事務所の実装者さんがJSで行き詰まっているということで、助っ人として呼ばれました。 こういう助っ人的な需要、他にないかしら。 名付けて「JSおじさん」 呼ばれたら参上します。 あなたの行き詰まったJS、私が助けます。
1
10
127