長谷川喜洋★星のソムリエ®/HASEGAWA Yoshihiro
@hiro_ghap1
Followers
2,209
Following
1,836
Media
1,771
Statuses
27,795
株式会社How to Use CTO/株式会社ステラクリエイト CEO/株式会社ダブルノット サポーター/デジハリ・ロクナナ・京都芸術デザイン専門学校 講師/だし・星のソムリエ®/Friends of Figma Osaka Leader ※発言は個人の■お酒と紅茶とチョコレートが好きです
大阪市
Joined August 2010
Don't wanna be here?
Send us removal request.
Explore trending content on Musk Viewer
#WeAreSeriesEP15
• 510252 Tweets
CENTURY OF LOVE EP1
• 217747 Tweets
PondPhuwin WeAre EP15
• 195226 Tweets
JISOO CARTIER TRINITY
• 147629 Tweets
Coutinho
• 99778 Tweets
#GalaxyZFlip6
• 94442 Tweets
#GalaxyZFold6
• 92424 Tweets
Morgan
• 58388 Tweets
XO MV TEASER 2
• 52150 Tweets
WeAre WinnySatang EP15
• 45488 Tweets
Team USA
• 42985 Tweets
ヴォルタ
• 41812 Tweets
#JO1ANNX
• 37576 Tweets
#BliblixSamsung
• 30927 Tweets
Andrew Garfield
• 30441 Tweets
F-16
• 29318 Tweets
Kawhi
• 28608 Tweets
アーリャさん
• 27440 Tweets
Leandro
• 26916 Tweets
Florence Pugh
• 26260 Tweets
A. Interpreter
• 25726 Tweets
George Clooney
• 18365 Tweets
TXT & Enhypen
• 17811 Tweets
ボムギュ
• 16932 Tweets
VASCO DA GAMA
• 16668 Tweets
先行セール
• 13559 Tweets
Derrick White
• 12532 Tweets
Balotelli
• 12393 Tweets
Vingegaard
• 11015 Tweets
Ingrid
• 10906 Tweets
Kyrie
• 10223 Tweets
OUR DREAM IN TIME CAPSULE
• 10006 Tweets
「ABOUT」みたいなすべて大文字のテキストを表示する時、HTML上では「About」のように小文字（or先頭大文字）にして、CSSの text-transform: uppercase;で大文字にするのは、ブラウザに「エービーオー…」と読み上げられないためです。
※英語圏ではすべて大文字にすると略語として扱われます。OMGとか
3
463
2K
OSの領域は CSS の env関数を使うことで取得できます。
例えば下部固定メニューに iOS のホームバー領域分のpadding を設定したいとき。
env(safe-area-inset-bottom)
で、ホームバーが viewport に干渉しているときのみ padding が入ります。
1
214
1K
JavaScript から DOM を操作するとき、できるだけ id を使いましょうというのは、getElementById が毎回DOM を検索しているのではなく、ブラウザが id の場所の情報を別途持っているからです。
つまり早い。
パワー
1
124
862
月に5回以上するやりとり
僕「inputのフォントサイズ、PCより大きくなってもいいので、スマホは16px以上にしません？iPhone使ってます？
「使ってます
僕「入力フォームをタップしたら拡大されるの、うっとおしくないですか？
「うっとおしいです！
僕「16pxだとそうならないので、大きくしましょう！
2
88
672
「HP作りたいんですけど
僕「今はInstagramだけをされているんですね
「はい。HPを作ったほうがいいと言われまして
僕「Instagramはこのまま続けて、Googleマイビジネスを登録しましょう。予約はLINEで取れば十分です。HPはお一人で捌けなくなってから考えましょう
「えっとじゃあ
僕「頑張って下さい
3
51
431
スクロールエフェクトやリサイズ時の処理、JavaScriptで'scroll'や'resize'イベントを使っていたら、これを Intersection Observer と matchMedia に置き換えるだけでパフォーマンスが良くなります。
何となくサイトが重いなーと思ったらお試しください。
1
27
298
僕が jQuery を勧めないのは、jQuery でできることはほぼピュアな JS で解決できるからであって、React だろうが Vue.js だろうが Angular だろうが、ピュアJSで簡単にできることをフレームワークやライブラリに頼るというのは、「意思疎通することに通訳を通す」行為だから、パフォーマンスが落ちる→
2
41
269
<img src="xxx.jpg" alt="" width="300" height="200">
imgタグの width、height属性には単位を入れず、そして画面上に表示したいサイズではなく、元の画像のサイズを入力してください。
「ブラウザに画像の縦横比を伝える」のが彼らの今のメインの仕事です！
表示サイズはCSSでコントロールを。
3
28
265
いつもお願いしてるデザイナーさん、キレイにパーツ分けされて注釈しっかり入ったデータをくれるんだけど、今回テキストフィールドのフォントサイズが14pxになってて「指示があったため。実装上問題が発生する場合は交渉します」と注釈があって、「これがWebデザイナー…！」って惚れ直した。
2
16
245
普段著作権がどうとか発言してるデザイナー系のアカウントが、許可を出していないアニメや芸能人の画像をアップし、嬉々として大喜利に参加しているのを見たときの僕
2
83
191
SCSS案件なんて来たことない
TypeScript案件なんて聞いたことない
Figmaデザインなんて指定されたことない
「あんなん、Twitterとかで騒いでるだけで実務では使えへんで」
いやいや、あなたが「使えないから」来ないんですよ、仕事では！
できない人のところに仕事が来ないだけ！
逆だから！発想が！
3
14
183
一応解説しておくと、
・モバイルサイズのテキストフィールドの font-sizeを16px未満にしない→iOSの挙動を知っている
・それでも14px→iOS挙動を考慮しつつ16px未満にする方法があるのを知っている
・上記によって他所への影響がある可能性を考慮している
実装の知識のあるデザイナーさんは強い
いつもお願いしてるデザイナーさん、キレイにパーツ分けされて注釈しっかり入ったデータをくれるんだけど、今回テキストフィールドのフォントサイズが14pxになってて「指示があったため。実装上問題が発生する場合は交渉します」と注釈があって、「これがWebデザイナー…！」って惚れ直した。
2
16
245
1
18
164
IE11対応より、デザインファイルがイラレの場合の追加料金を高くすることにしました。
イラレが駄目と言うより、イラレで納品されるデザインがWebデザインであることを理解されていないケースが多いからです。
1
23
158
「Figma for VS Code」でサクッとコーディング👨💻
⏰明日12月29日（金）19:00〜
オンライン開催:無料
Friends of Figma Osaka
#03
FigmaのデザインからVS Codeを使って簡単にレスポンシブのコンポーネントをコーディングします！
↓ご参加はこちらから！
#figma
#fof_osaka
1
27
155
僕は pictureタグ推しなのでこのやり方を推奨しているわけではないですが、例えばPC/SPの画像を CSS の display で出し分ける昭和のやり方でも、loading="lazy" を付与することで、非表示の画像を読み込ませないようにすることができます。
Above the fold の画像だと pictureタグじゃないとですが…
1
15
150
WordPress、僕は結構何でもかんでも機能をプラグインに切り分けちゃうんだけど、それを見た他の制作会社の方が「こんなもんfunctionに書いたらいいのにわかってへん」と言われたらしく「お、運用の話するか？未来のリニューアルアップデートの話するか？そもそもfunctionってなんやねん」という文字数
1
10
147
「Web上で浅い知見を振りまいている人、ついていけなくなって教育側に回ろうとしているのか？（一部の要約）」というツイートを見て、なかなか痛いところをつくなと思ったりした。
2
15
142
iPhone のカメラから文字をコピペできるようになったとき、今まで手打ちしないといけなかった画像資料がほとんど撮影→ユニバーサルクリップボードコピペで解決できるようになって「優勝！」と思ったのが、
いつの間にか Mac OS
0
21
139
＞ページ表示がめちゃくちゃ速い。これはやばいですね。阿部寛のホームページ以上に速いんじゃないかと思います。クリックする前にページが表示されるレベルでページ遷移がスムーズです。
まじで早いよデジタル庁のサイト。
デジタル庁のサイトやばすぎるwww
#Qiita
1
19
131
堂本剛のサイト、ほんと好き。
0
45
128
基本的に同じ意見です。
全数検査をしないことを丁寧に説明する人がいたり、孫さんの検査キット配布へは反対ばかりだったり、それを孫さんも素直に受け入れたり、声の大きな人は目立ちますが、日本って良識ある人が多いって改めて感じましたで候。
ちなみにあたしは今の日本の政策はけっこう賢いと思ってる。今、日本がやってるのは、感染「爆発」だけ押さえながら、着々と医療体制を整えるという作戦。
将来どうせどこかで感染「爆発」が起きる。その時の死者数を最小化する、のを最も大きな目標にしてるっぽい。
これはわりと賛成できる方針
23
339
2K
0
19
123
これを読んで「はい、ジグザグはだめ。終わり」となるのは、ちゃんと内容を読めてないってことでは。
3
11
114
届きました！（あれ、発売前…？）
iタグはiconのiじゃないとか、今どきHTML5って書いてあると信用できないとか、○○タグにdivを入れちゃ駄目とか、しょっちゅう生徒さんに言ってることばっかりでニヤッとしてしまった笑
#HTML
解体新書
0
8
108
フリーランスでドメインとサーバーを契約ごと預かるのって、自分が突然事故で死んだりしたらどうするつもりなんだろうっていつも思ってるんですが、そういうことをする人に聞くと、だいたい「（突然死んだらという言葉にだけ反応して）失礼な！」って怒り出すんですけど、なんなんだろうか…
1
13
101
スマホの上部セーフエリアの色をサイトのテーマカラーに変更してしまいましょう。
<meta name="theme-color" content="
#eeeeee
">
また、ダークモードに対応させることも可能です。
1
13
91
建築関係のサイトで、「やっぱりこれはいらない1からこういうのを作って」と言われて「御社では木造一戸建てを建てたあとに鉄筋マンションに変更してと言われて、無償で対応するんですか！すごいですね！」と返したらマジギレされたことがある。
「費用がどうしても出せないのだけどこの機能がないと困る」と言われ、
「では、僕と今からコンビニ言って『お金がないけど、このポテチがどうしてもいるんです』と言って、コンビニが無料で提供してくれたら僕もやります、一緒にいきましょう」
と言ったことはある。
0
59
236
2
31
90
昨日の若者、また歴だけ長いんだろうという別のおっさんに絡まれてて、「こんな程度でプラグイン使うな、functions.phpに書け」と言われ、「機能はプラグインに切り分けるべきです。リニューアルで迷惑するのもトラブル時に困るのもクライアントさんです」とピシャリだった。素晴らしい。
シェアオフィスで「横文字ばっかり使いやがって、分かるように説明しろ、○○さんも困ってるだろ」と怒るおっさんに「○○さんには都度噛み砕いて説明してます。専門家同士は専門用語で会話するほうが効率いいでしょう」と冷静に返してて、今の若者は優秀だなあと。
噛み砕いた説明もわかりやすかった
0
6
53
1
7
88
何気ないポストから唐突にhtmx勉強会の配信が決定しました！
2024年06月21日(金) 22:00〜 spicatoさんの配信をお借りして、みんなでわちゃわちゃとhtmxを触りつつあれこれ好き勝手喋ります！
@kenji_clown5
@spicato_kana
@_unshift
@miminari
↓参加登録お願いします！
3
16
84
「Androidはどんな明朝が搭載されているかわからないので、明朝を選んだ時点でWebフォントにしましょう」は月に10回は言います。
そもそも Android に OS として明朝が搭載されてからまだ1年ちょっとしか経ってない（はず）。
検索してもあまり情報にたどり着かない。
パッと出てくるのはこちらの記事くらい。
手持ちのAndroidで確認したら、Pixel 3a、6、UMIDIGI A9、A11 Pro Max は明朝に、HUAWEI P20lite はゴシックのままだった。
どこに切り替わりのタイミングがあるんだろう。
0
1
11
1
10
83
我が名はシッタカ！
Web講師をしている。生徒に WordPress について聞かれたため、page-xxx.php というファイルに HTML をコピペしたらいいと説明したら、別の講師に Twitter でバカにされた！
なぜか！
1
5
80
左から Pinterest、PayPay、PayPay銀行です。
ご査収ください。
4
7
77
全然追えてなかった…Wix ヘッドレスってあるんですね…
世の中こっちなのか〜
1
9
74
セカンドスクールと呼ぶのか、学び直し系のWebスクール、もっと広まって欲しい。
意欲はあるけど環境が伴ってない子が、「制作会社経験あり」なのに成長できてないの、不憫すぎる。
意欲があるなら自学習できるだろと言われればそうかもしれないんですが、皆が皆できるわけではないので…
5
6
67
Twitterは知見の塊か…
aタグで
#top
にリンクするとページ先頭にスクロールするのは仕様
それ自体は仕様だけど、クリックしてページ先頭へ遷移後に Safari ではフォーカスを失い、Firefox ではフォーカスの移動がなかった(
#top
が設定されたaタグのままだった)
勉強になった…
@hiro_ghap1
最近のモダンブラウザは、アンカー先要素に対し適切にフォーカスを移すようになっているのです。しかしhref属性値に
#top
を指定した際、明示的にid属性値を指定しないとこの場合のみ、適切なフォーカス移動をしないことを確認しています🥺
実際に仕事では明示的にbody要素等にidを振っています
1
2
11
1
12
69
あー、そこのあなた！
ちょこっとアニメーションさせるためだけに jQuery 入れようとしてませんか？
もうIE11いいですよね？
GSAPだけで大丈夫ですから！
スクロールアニメーションもGSAPでできますから！
1
6
67
テキストエディタでHTMLを作って投稿するのが負担と相談されたWordPressサイト（ver4.x）、アップデートついでにブロックパターンを作ってそのまま投稿できるようにしたら「すごくやりやすくなった！」と喜んでいただいたんですけど、元々契約してる制作会社にClassicEditorを入れられて元に戻ったと…
1
5
65
イナダさん、もし未読だったらミスター味っ子2を読んで欲しいです。
相変わらずギャグ的な受け入れもありますが、「世の中の大半の人は味に興味がない」「安くて高品質を求められるシステムに料理人は必要ない」「客側にも義務がある」等、現代への風刺が熱く語られています。
美味しんぼが理想主義的な価値観にもとづいているのはその通りだと思います。
ですが問題は理想主義的であることではなく、それがあまりにも単純化されすぎたところにあるのではないかとも思っています。
その世界…
続きは質問箱へ
#Peing
#質問箱
3
80
196
0
12
61
10月のCSS Nite、「Googleに理解されやすいコーディング」として、Googleがランキング要素と明言していない部分のコーディングについてお話します！
流行りの構造化データ、metaタグをすぐに使えるように解説します。
他の方のセッションも見応えたっぷりなので、ぜひご参加ください〜！
コーディング特集 第2弾を10月14日に開催
・Tailwind CSSを参考に作る自分用のユーティリティCSS
@tamshow_
・フロントエンド開発環境をwebpack で便利に
@uidev1116
・Web技術で作るスマホネイティブアプリ
@PentaPROgram
・Googleに理解されやすいコーディング
@hiro_ghap1
0
11
38
0
5
58
GitHubが必須かは置いておいて、僕の身近にいる自称「コーディングの強いWebデザイナー」さんたちが、まったく同じ語り口で「SCSSなんて現場で使わない」「jQueryで十分」と言ってたりするので、これはもうRT元の方も僕も、発言者全員がポジショントークである前提と思うほうがいいかな。
エンジニアはGitHub必須という意見をTwitterではよく見かけるけど、5年くらいでいろんな現場に行った経験の中では仕事で使ったことは一度もないな。AWSも使ったことないし、Linuxもほぼない。
32
154
953
2
11
59
コーディングできる必要はなくても、コーディングの知識は必要だと思うんですよ。
建築士が大工と同じことができなくても、「●階建ての鉄筋の建物には●m以上の土台が必要」って知らないのはおかしいでしょ。
なんで「Web」デザイナーにWebの知識が不要でいいと思うのか疑問。
「デザイナーさんがコーディングを学ぶべきか」問題、以前は「学んだほうがいい派」だったんですが
最近「別に学んでも学ばなくてもいいんじゃない？」派になりました
色々理由はあるんですが「こっちでなんとかするので」を通すやり方を学んだほうがの方が結果はやくて楽だと気づいたのが大きいです
1
7
126
2
10
60
のは当たり前のことなんですよ。
「jQueryはもうやばいらしい！」となったなら、代替のフレームワークやライブラリを採用する前に「ピュアJSで十分ではないか」を考えてみてください。
ダサいとか古いとかの話じゃなくて、パフォーマンスの話で、達成に通訳を付けないといけないことかどうかの話です
1
6
56
WebデザインやるならMac？Win？に「Winで十分！」って回答してる人は Safari っていうブラウザが Windows にはない上に癖が強すぎるの知らないんですかね…と思ってたけど、よく考えたら実装しない人には関係ないのか…
でもまあ、そういう人はきっと入力フォームのフォントサイズを14pxとかで文字数
2
9
57
「サイトにZoomみたいな機能つけてもらって」
僕「それZoomでいいんじゃないですかね？」
2
8
57
古いWordPressのアップデートのみとか、カオスな作りをしているテーマに機能追加とか、作業中盤に差し掛かって「明らかにこの金額で受けちゃだめだった」というケースを学んだ1年だった。
多分、「その程度のことでこんなにとるの？」っていう見積もりが正しいです、古いWordPressのサイト様。。。
2
0
53
FigmaとXDを比べて「XDだとブチギレる」という方がイラレデータを受け取ったらどうなるのか気になります…
ここずっとデザインデータをXDで納品という案件にブチ当たってるんだけど、マジでブチギレそう。Figmaだったら1/3の時間でできるんですが！！！
1
1
24
4
4
54
htmx勉強会配信をご覧頂いた皆様、遅くまでありがとうございました！
ゆるゆるとした企画でしたが、また機会がございましたら、配信したいと思います！
その際はよろしくお願いいたします！
↓アーカイブはこちら
#Togetter
@togetter_jp
より
0
11
54
確かにdivには「適切な要素が他にない場合に備えて、最後の手段として div 要素を参照することを強くお勧めします。 」と書いてあるが、「divを避けるために拡大解釈をしてでもdiv以外の要素でマークアップせよ」とは書いてないよ。
0
10
53
レスポンシブがあるから、アクセシビリティへの考慮が一般的になったから「HTML/CSSが難しくなった」というのは以前から触っている人の感覚で、今はその難易度が当たり前に必要なんだから、初学者さんには「以前のような難易度にデチューンしたもの」じゃなくて、最初から「今の難易度」で
1
3
53
シェアオフィスで「横文字ばっかり使いやがって、分かるように説明しろ、○○さんも困ってるだろ」と怒るおっさんに「○○さんには都度噛み砕いて説明してます。専門家同士は専門用語で会話するほうが効率いいでしょう」と冷静に返してて、今の若者は優秀だなあと。
噛み砕いた説明もわかりやすかった
0
6
53
HTMLは国語問題と思っていて、僕も「ちゃんとした日本語を書きたい」みたいなところがある。
全部divだと漢字を使ってない文章だし、むやみにdivを避けてふさわしくないpやliが使われてるコードを見ると、何でもかんでも変換に任せて漢字を使ってる（下手くそな）文章だなあと思ってしまいます。
わたしも本質的には「HTMLちゃんと書けたらカッケー！」のヒトなんだよなぁ……。カッコよさだけでは「みんなでやる」のに足りないから「なぜちゃんとやるか、どんな価値があるのか」を考えたときアクセシビリティという社会的価値をみいだしたにすぎない感じ。
1
0
11
3
12
52
Friends of Figma Osaka の Figma Community Advocateを拝命いたしました🌛
大阪の制作会社に勤める長谷川と申します📷⭐
Community Advocate3名で大阪のFigmaコミュニティを盛り上げていきたいです！
よろしくお願いいたします📷
#figma
#fof_osaka
5
6
51
シェアオフィスのオープンスペースで打ち合わせしているとき、すごくぐずっている子供がいて、周囲も「う〜ん」という顔をしていたんだけど、僕と打ち合わせしていた社長さんがカバンから子供向けのキラキラシールを出して渡すと、すぐに泣き止んだ。
「これが一番いいねん」と言ってたその社長さん。
1
1
50
なんで���う、「jQueryはまだまだ現役！初学者は学ぶべき！」みたいな人って、React や Vue.js を引き合いに出すんだろう…初学者の習得で比べるならバニラでしょうに…
#と思うようなことがあった
3
3
50
エンジン組めなくても溶接できなくても、車の構造を理解していないカーデザイナーはいないでしょ。
実際に実装レベルのコードが書けるかどうかは置いておいて、Webデザイナーにコーディングの知識ゼロはありえないわけですよ。
2
4
50
「ハンバーガーはdivじゃなくてbuttonで作るのか」って生徒さんのポストを見ちゃうと、なんで！僕の！チェックを！受けてくれなかったのか！！ってなってしまう悲しみ。
3
3
50
いよいよ #朝までマークアップ が今晩開催されます！
Figma for VS Codeを使って、カードタイプのコンポーネントが一瞬でできあがるところを少しだけご紹介！
Figmaデータは特典からダウンロードできます！
僕は早朝4:00台に出演します！
↓無料お申し込みはこちらから
#朝までマークアップ 2,400人超!!
本日開催。21:00からオンライン配信
※翌日は祝日＝連休直前です。
─────────────────
マークアップ（HTMLやCSSなど）について、25名の猛者が持ち時間10分、合計8時間のボリュームでお届けします。
2023年11月2日（木） オンライン開催
1
57
122
2
10
50
今晩から夜空を見上げるのが楽しくなる星のイベント「スターリーテラー®星の話芸ナイト」
プレスリリース出しました！
1月31日19:00〜YouTubeLiveで開催です。
@keistella
さんの星の話芸、めっちゃ面白いのでぜひ事前登録してご視聴ください！！
@PRTIMES_JP
より
1
25
48
これ何度でも言うのですが、一休レストランの前日確認メール、当日の天気とドレスコードが隣接してるのが素晴らしいんですよね。
1
9
49
Snow Monkey Forms でGoogle Calendarと連携した予約フォーム作った話とか需要ある？
Zoomのスケジュールも一緒に自動化したり、Slackに通知飛ばしたりなんやかんや。
5
2
45
IE11対応しなくていいなら、jQueryなんてやめて、スクロールアニメーションも Intersection Observer にしたらいいし、PCスマホの画像の切り替えなんか pictureタグでやったらいいのに（いや、これはIE11対応でも）、なんでどんくさいやり方ばっかり教えるんだろう…
0
8
47
NTTドコモと KDDI が解約ページを noindex にしていたとして総務省から注意を受けてますが、古くは謝罪文を画像にする手法から、最近ではそもそもインデックスされない Notion で謝罪など、隠蔽方法は色々ありますなぁ。。。
0
21
46
今さらすぎるんだけど、TinyPNG の Photoshopプラグインってあったんですね…
0
7
46
夢の中でコードを書いてて、「これでいける」と目が覚めたとき、自分がかいてたのはコードではなくいびきだと妻から知らされた1月3日です。
2
1
45
うお、display: contents; すると Intersection Observer の監視が出来なくなるのか…！
言われてみるとなるほどだけど、盲点だった…
0
8
43
せっかくなのでデジタル庁のWebアクセシビリティ導入ガイドブックを読む会的なのをやりましょうと裏で無理矢理声をかけたので、生徒さん＆卒業生さんご興味あれば。
まだやるとは決まってないですが汗
6
5
43
HPって略してるのは文字数の問題で、お客様が最初に「ホームページ」と言えばこちらからも「ホームページ」と返します。
webサイトと言うかどうかは相手次第です。
#何となく防衛
1
2
43
僕の担当の生徒さんなら、こんな話も授業でしたりしてます（タイミングによったりしますけど…）
コンテンツの文脈を理解しておかないといけないし、アクセシビリティか画像検索含むSEOを優先させるかを決定して入れるべきだし。
altも本質的にはコーダーの領域にするべきじゃないですよね。
正しく扱うなら。
0
5
26
1
5
43
アクセシビリティ、間違った対応ならやらないほうがマシというのもあるだろうけど、いきなり完璧じゃなくても（間違ってない範囲で）ちょっとずつやっていけるといいなと思います！
初学者の皆さんには、まずは「URLが変わらないクリックできる要素は button要素」を覚えていっていただければと！
1
7
43
まさかのCSS Niteでhtmx！
フロントからお手軽に付き合う方法についてご説明します！
よろしくお願いいたします！
長谷川 喜洋さん
@hiro_ghap1
、たにぐち まことさん
@seltzer
をお迎えし、フロントエンド・サーバーサイドの両側からhtmxについて解説いただきます。
2024年9月13日（金）21:00 - 22:00 オンライン開催
htmx入門 - JSが苦手な方のための、やさしいライブラリ
#htmx
入門
0
13
71
1
7
42
なんでWordPress制作がHTML/CSS実装から脱却できないかって、教えてる側がアップデートしてないからですよ
#個人の感想です
2
4
41
まさかの！
spicatoさんとお話しさせていただきます！
皆さんが気になるspiactoさんのあれやこれやをお聞きしたいと思います！！
緊張するー！
5月10日金曜日19時からデジハリなどで講師をされている長谷川さんをお招きして「デザイナーとエンジニアの関わり方」についてスペースでお話します！
ぜひお聴きください。
【SPEAKER】
ゲスト：株式会社 How to Use CTO 長谷川喜洋さん（
@hiro_ghap1
）
spicato：細尾・鍋谷・笠井
1
21
166
0
4
41
我々制作サイドの人間が持っているSEOの知識ってせいぜい「Googleがこう言ってる」止まりなんだけど、SEOの専門家が持っているのはそれを前提にして実運用をPDCAしまくった最適化の知識と経験なので、全然違うと思いますよ〜。
2
6
40
「文字を小さくするために smallタグを使わない」「iタグはiconのiじゃない」「dtとddをdivでグルーピングしてよくなって5年以上��つ」「BEMなんだからクラス名が長くなっても問題ない」これらのセリフ、月に1〜2回は言う…どこかに犯人がいるな、これ…
2
4
40
なんかどっかで聞いた話だなと思ったら、僕もお客さんを全力で止めたやつやわ。（資料出てきた）
3
3
39
5億年ぶりにjQueryに触れて、slideToggleだけは国宝だなと思ってる。
2
2
38
たまに「jQueryは画像より軽い」と言われることがあるんですが、そうじゃなくて「命令文を使うたびにVanillaより余分な処理をしている」というのが問題なんですよね。
そういうところの啓蒙も必要だなと。
WebパフォーマンスにおけるjQueryの問題点は、処理時間の遅延です。VanillaなJavaScriptを使用した場合、処理時間が0.8ミリ秒程度で済むような処理が、jQueryを使用すると50～100ミリ秒にまで増大します。このような処理が10回繰り返されると、合計で1秒近くの時間がかかります。この遅延は、Webサイト
0
20
118
0
5
39
本当に、未だにスマホを375でデザインされることが多くて、逆に「なぜ？」と思う(今までそうだったからを打ち破るほどの理由がないからそのままと言いたいのはわかる)。
正解について論ずるつもりはなくて、ただ業界内を走り続けるつもりがないとしんどいよと駆け出しさんに
1
4
39
久しぶりに読み返した。
4年前の本だけど、今読んでも全然古くない。
トレンドは変わっても、CSS設計との向き合い方は変わらないよねと。
1
1
39
これが言語化…！
強い…（わかりやすい）
パワポ使う人の義務教育に入るべきでは
1
2
38
MDNをちゃんとやれば、独学でも無料で十分力がつくというポストを見て、それは概ね賛成なんだけど、初見で「HTTPはステートレス」とか言われて「なるほどー！！ふむふむ！」ってなる人がどれくらい居るんだろう。
2
4
38
先日のイベントでちらっと言っていた、記事タイトル＋カバー画像のファーストビュー、「重要とされる画像にalt属性を入れられる＋decoding="async"でレンダリングを非同期にできるから」という理由で background ではなく imgタグでマークアップしましょうの一例です。
grid
0
6
38
これが紙の人苦手なんだよね。
気持ちはわかるけど現実受け止めてほしい。
「レスポンシブデザインは一つの寸法で 100 点を目指す思想ではなく、より多くの寸法で 90 点が出るように最適化する思想だと僕は考えている。」
俺流レスポンシブコーディング｜TAK
#zenn
0
11
37
京都のコーダー「神は細部に宿るいいますもんなあ。小数点までつこて配置するなんて、ようできたデザイナーはんですわー。」
0
5
38
ブロックエディタになってからまだ6年しか経ってないんだ。
もっと遠い昔な気がしてた。
0
6
37
就職の報告に来てくれる生徒さん、いつも「エンジニアで採用決まりました！」なんだけど、なんでだろう…
Webデザイナー専攻なんだけどなあ…
2
0
36