セカヤサフリーランスエンジニア&Web制作者💻小林 秀樹
@hideki_climax
Followers
11,830
Following
2,777
Media
752
Statuses
12,719
【案件特化のWeb制作の知識を発信】 フリーランス8年目 | 法律事務所のマーケティングディレクター 技術ブログ： セカヤサBooks： インプレゾンビ対策拡張機能公開中→
東京
Joined April 2013
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
Pinned Tweet
#Web
制作 の本を販売中です！
1. 【最速でゴールへ】 JSロードマップ
2. 【時給を数倍に】 爆速コーディングガイド
3. 【高品質コーダーになって単価UP】コーディングテクニック集
#駆け出しエンジニアと繋がりたい
0
1
17
確定申告完了したと思ったら納税してないやつが納税の意味語ってて草
舐めてんのか？
4
3K
11K
とうとうテレビでもこんなこと言い出しやがったか
あのなぁ、それまでプログラミングに何にも関わってこなかった人間が週5働いた残りの時間で30万稼げると思うか？
本気でそう思えるなら小学校からやり直してこいや
89
3K
7K
IE終了したら俺達はどうやってGoogle Chromeをダウンロードすればいいんだ・・・
29
808
2K
インプレゾンビ対策のミュートすべき文字置いておきます。4言語あって面倒ですが一文字ずつミュートが必要。
【アラビア文字】 ق غ ف ى ء ظ ط خ ض ص ن م ح ث ش ل ة س ه ر ت ذ ي و ك ج د ب ا
【サンスクリット文字】 क ख ग घ ङ च छ ज झ ञ य श 어 ड ढ ण रr ष ड़ तt थ th द d ध न ल स फ ब भ म व
11
628
2K
WebPの圧縮率イカれてないか・・・？
1.9MBの画像が突然126KBになってしかも見た目的な劣化はほとんどない（少なくとも人間の目ではわからない）とかすげーな・・・
Googleが作ってるSquooshっていうツールで圧縮できます。
2
144
1K
最近思うけど、HTMLの勉強って変な教材買うよりMarkuplintのエラーを一個一個調べてルール覚えていく方がいいかもしれん。
いやほんとにMarkuplintは神ツールなのよ、最低限コード書けるようになったらこいつにガンガン指摘されて覚えていこう！
#Web
制作
2
136
1K
アカネのミルタンクなんかより、こおりのぬけみちの方がきつかった。
#ポケモン金銀20周年
9
552
951
IT事業部の人間が「JavaScriptはJavaの派生言語」って認識はあかんやろ・・・
22
186
886
これまでお世話になったjQueryですが、本当に別れを告げる時が来たようです。
その理由と移行先の候補になるライブラリについて解説しました。ぜひ読んでみてください。
特に、今Web制作を学んでいる人は別の技術に触れた方が良さそうです。
#Web
制作
#jQuery
#JavaScript
4
143
771
最近発信が全くできていませんでしたが、その理由と、その間に考えていたことを書きました。
プログラミングを学びたいと思っている全ての人が、不幸にならないことを願っています。
もし今、プログラミングを学ぼうか迷っている人はぜひ読んでみてください。
15
98
736
【実は新しい書き方になっているCSS3選】
1. display
「inline flex」のように「要素自体の並び方 要素の中の並び方」と分けて書くのが最新です。
2. rgb()
色と透明度を同時に指定したい場合、rgbaではなくrgbが最新です。
3. transform系
rotateやtranslateを個別に指定可能です。
#CSS
2
92
767
【やめた方がいい略し方とやっても良い略し方】
「一般的でない略し方」は基本やめた方が良い。
■やめた方がいい
・title → ttl
・count → cnt
・index → idx
■やっても良い
・image → img（htmlタグで使われており多くの人に認知されている）
・text → txt（拡張子で使われている）
26
128
743
ごめん、どうしても言いたい
未経験からプログラミング講師になったとかいうとんでもない人を見つけてしまった
しかも超大手スクールでやってるとか
いやね、そんなのに何十万も払って教わる人はどうなっちゃうの？
しかもそのアカウントで堂々とプログラミング学習○日目！とかやってる訳よ 続く
21
241
695
【1週間だけ無料🎄】
有料公開中のJavaScriptロードマップ()ですが、クリスマスなので限定無料配布します！
★条件
・本ツイをいいね＆RT
・僕をフォロー
・本ツイに「JavaScriptロードマップ欲しいです！」とリプ
・DM開放
★期限
12/24 23:59
Web制作学習中の方はぜひ！
441
406
642
教材「プログラミングをする時はエラーログをしっかり読もう！」
初心者「ほーん、エラーは大事なんやな」
CSS「は？エラーとか出さないが」
初心者「」
8
94
644
俺が知ってる中での最強のITエンジニアは、
「旅行でみんなで目的地に向かう車の中、PCを開きコードを書く」
ような奴だ。お前らこいつに勝てるか？
38
106
497
マジで変な教材に30万も出すなら3000円のこっち買ってくれえええええええええ
絶対案件で役立つからあああああああああ頼むううううううううううう（ダイマ）
#駆け出しエンジニアと繋がりたい
#Web
制作
5
52
482
CSSのdisplayプロパティの書き方が変わるみたいですね。2つの値を指定するようになるようです。
1つ目の値がボックス自身の、2つ目の値がボックスの中（＝子要素）の挙動を制御します。
もちろん従来の書き方も可能です。
参考：
1
93
481
あああああもうレスポンシブがわからない人もCSSが崩れる人もタグの違いがわからない人もハンバーガーメニューが実装できない人もWordPressが苦手な人もみーーーんな僕をフォローしてくれ
全員まとめて救ってやる
#駆け出しエンジニアと繋がりたい
#Web
制作
11
18
460
新社会人コーダーになる皆様にこんなのは覚えない方が幸��な日本語をまとめました。
6
91
406
【悲報】paypay、AWS障害により死亡
3
488
397
【cssによる文章の両端揃え】
意外と知られてないようなのですが、
text-align: justify;
という指定を行うと文章を両端揃えにできます。
文章の右端がずれてると見た目があまり良くないので、覚えてみてください。
0
37
412
jQueryとお別れをする時が来たということで、改めてJavaScriptをどのように学べば良いかをまとめました。
学習ロードマップ＋頻出パーツをVanilla JSで実装した例を徹底解説しています。
改めて生のJavaScriptを学ぶため、ぜひお買い求めください！
#jQuery
#JavaScript
1
39
391
マジでWeb制作学んでる人には本当に分かって欲しいんだけど、デザインをちゃんとHTML/CSSで綺麗にレスポンシブでコーディング出来る人ってガチで価値高いのよ。
逆に言えばそれが出来る人ってマジで少ないのよ。
地道にコーディング磨いたらちゃんと分かる人には評価してもらえるから。
3
48
390
rgbaで書くのは古いらしく（明確にlegacy扱い）、rgbで記述すれば良いとのこと。
旧：rgba(0, 0, 0, .5)
新：rgb(0 0 0 / .5)
2
76
384
VSCodeのGithub Copilotプラグイン、しばらく使ってみたけどガチでコーディング爆速になる。
何をして欲しいかコメントで書けば一瞬でコード書いてくれる。
これだけでもすごいけど、もっとコーディング速度を上げたい方はこちら（）を読んでみてね
#AI
#プログラミング
1
49
380
こーれはガチでいいな。
VSCodeのおすすめ拡張機能まとめ。
0
39
365
【cssによる文章の両端揃え】
意外と知られてないようなのですが、text-align: justify;という指定を行うと、文章を両端揃えにすることができます。
文章の右端がずれてると見た目があまり良くないので、覚えてみてください〜
0
45
379
これはマジで神。
JavaScript関連の最新情報をまとめてくれいている神サイト。各種ライブラリの更新情報なんかを漏らさずキャッチアップできる。
正直知らなかったの恥ずかしいレベルかも。
週刊版とリアルタイム版が両方用意されているのもありがたい。
1
33
378
position: absolute;ではなく、display: grid;を使って要素を重ねる方法を解説しました。
慣れていないとposition: absolute;は思わぬレイアウト崩れを起こすことがあるので、苦手意識がある方はこちらの方法も試してみると良いですよ。
#CSS
0
42
368
これすごいな。CSSでフォントサイズをレスポンシブ対応の可変にできる。
元々はCSSのプロパティにclamp()っていう関数があってそれを使っているとのこと
細かい調整が必要ならclamp()を普通に覚えて使うのが良さそう？
0
54
344
また記事を書きました。
今回は真面目にガイドラインを考えました。
独学で学習するならどうすればいいか、細かく説明しています。
とはいえプログラミングを「学習する」ことの限界も正直あります。
一番大事なのは早く仕事に就いて実践することです。
4
47
328
HTML/CSSを学んで簡単なデザインがコーディングできるようになったら、csslayout․ioで色んなパターンのレイアウトの実装を練習しましょう。
100以上のレイアウト、UIパーツのコードが載っているおすすめサイト。
これを覚えれば案件も余裕ですね。
#Web
制作
0
48
329
【フリーランスWeb制作者がコーディング以外に知るべきこと】
1️⃣ サーバー契約からドメイン設定まで
2️⃣ テスト環境の構築
3️⃣ .htaccess、robots.txtの書き方
4️⃣ FTPアップロード
5️⃣ サイトのバックアップ方法
6️⃣ Google Analytics / Search Consoleの設定
7️⃣ Google Fontsの使い方
8️⃣ PageSpeed
1
36
307
phpもjavaもrubyもやる初心者。
それ効率悪いから！！！
誰に吹き込まれたのか知らんけど初心者で同時に言語やる理由がどこにあるんだ！？
というか役割被ってる！！！
どれか一個だけやって！！！！！
野球選手でバッターもピッチャーもやる奴いるか！？！？！？
大谷ってやつがいたわ！！！！
3
52
296
あ、あとこれも神。
Next.jsのサンプル集。300個以上の例があるので、欲しいものは大抵あるはず。
0
30
286
あの…いい歳して本当にお恥ずかしい限りなのですが、実は今日27歳の誕生日なんです。心優しい方…どうか「いいね」を押していただけると、とても幸せです。 その後僕のプロフと固定ツイートを見てみてください。特に金を稼げる方法とかは書いてないです。
14
0
275
【letter-spacingの落とし穴】
ここ数日フォロワーが増えたので、個人的に伝えたいCSSのTipsを。
letter-spacingといえば文字間を調整するプロパティですが、文字の右側に余白を作る仕様になっています。
最後の文字でも余白を作るので、単にletter-spacingだけを指定すると中央に揃わなくなります。
0
24
270
Web制作学んでてJavaScriptに入って壁にぶつかってる人はこれ買って読んでください。
確実に壁を乗り越えられます。
Web制作領域ならこれがちゃんと出来れば出来れば最低限30万円前後のサイトの案件はこなせます。
#駆け出しエンジニアと繋がりたい
3
32
261
え？emmetって自動で画像のwidth / height入力する機能あるの！？知らなかった・・・
「command + shift + U」でsrc属性で指定した画像のサイズを自動で取得して属性に反映してくれる。
imgタグには必ずwidth / height属性を指定するのが良い（参考：）のでこれは神。
1
25
266
ああああもう稼ぎたいなら俺の本買えよ！
謎教材に30万出せてなんで全部で5000円の本買えねーんだよそんな��スト感覚だから商材屋に騙されんだろうが💢
JSロードマップ900円だぞ！？算数をご存知でない！？
買った全員救うから！(発狂)
#駆け出しエンジニアと繋がりたい
4
33
252
「HTML CSS Support」っていう拡張機能はガチでおすすめ。
CSSのクラス名を参照してHTML側で候補を出してくれる。
クラスの命名規則的に長めのクラス名を使っている場合はかなり手間が減る。
#VSCode
0
26
245
この記事すごい。html/css/jsのブラウザでの読み込み速度の話がかなり詳しく書かれている。
UX改善を行いたいなら、この記事を読んでおくと有利。
特にscriptタグにasync属性をつける意味、効果がちゃんと書かれているところが良い。正直僕もちゃんと理解してなかったので。
0
65
246
最強のReactベストプラクティス集。
勉強中の方からするとちょっと難しいかもしれませんが、参考になる部分も数多くあると思います。
絶対に知っておいて損はないのでぜひのぞいてみてください。
#React
3
15
247
新たに見られるようになったインプレゾンビ対策の言語
【デーヴァナーガリ文字】 अ आ इ ई उ ऊ ऋऋल लु ए ऐ ओ औ क ख ग घ ङ च छ ज झ ञ ट ठ ड ढ ण त थ द ध न प फ ब भ म यरल व श ष स ह
【(古)マラーティー語】 उ ध प म स 𑘁 𑘁 𑘃 𑘄 𑘎 𑘐 𑘑 𑘓 𑘓𑘼 𑘕𑘰 𑘛 𑘝 𑘠 𑘢 𑘤 𑘥 𑘨 𑘭 𑘮
0
95
237
いやさ、質問答えたのにその後無視はいくらなんでもやべーだろ
教えてもらって当然みたいな奴がだんだん増えてきてこっちも流石に色々考えるわ
世界一初心者に優しいとは言っているけど、俺はあんたらの「無料で使える便利な道具」ではないぞ
6
14
231
マジでWebの画像は圧縮率イカれてるWebPに圧縮して使って欲しい
1.9MBの画像が突然126KBになってしかも見た目的な劣化はほとんど��い（少なくとも人間の目ではわからない）とかすげーことやってる
Googleが作ってるSquooshっていうツールで圧縮できます。
0
29
225
エンジニアになるためのロードマップ完全版です。
#駆け出しエンジニアと繋がりたい
3
23
213
【インプレゾンビ対策のミュートワード設定を自動で行う方法】
PCからでないと出来ないのでご注意を。
1. にアクセスする。
2. 開発者ツールを開く。Chromeの場合、「表示」→「開発 / 管理」→ 「デベロッパーツール」をクリック。
7
74
207
マジでTwitterの駆け出しエンジニア向けの発信してるっぽいアカウント、どいつもこいつも怪しい商材やってるからプログラミング初心者には割とガチでまずtwitterをやめることから始めさせなければならなくなってきている
#駆け出しエンジニアと繋がりたい
#おまいう
4
8
205
【ファーストビューの落とし穴】
ファーストビューの画像はimgタグではなくCSSのbackground-imageで実装することもありますよね。
しかし、実はbackground-imageで指定した画像は読み込まれる順番が遅く、表示も遅くなってしまいます。
そんな時は、
<link rel="preload"
1
15
208
は？素のCSSで変数使えるってマジ？
--var_name: 10px;
みたいな形で宣言して、
margin: var(--var_name);
って感じで使えるらしい。
Sass、Lessとはいったい・・・
なおIE
4
67
201
他にも日本人の情報商材系をブロックするには、以下のワードも設定しておくのがおすすめ。
ぷろふから
プロフから
ぷろふのリンク
プロフのリンク
ぷろふみて
プロフみて
プロフリンク
プロフをみて
プロフを見て
プロフ見て
0
80
196
この本ガチで駆け出しエンジニア全員に買ってほし��と思っているのでガチで拡散お願いします！
特にWeb制作学んでる人には絶対に損はさせません。
900円で、自由な働き方に一歩近づいて下さい。
#駆け出しエンジニアと繋がりたい
#プログラミング初心者
#Web
制作
0
15
188
web開発学びたかったら下手に本買ったりスクール行くより、もうとりあえずここ読んで概要を理解する方が良いんじゃないか？
読みやすいもんじゃないけど知ってるのと知らないのじゃ言語触った時の理解度全然違うし
#プログラミング初心者
#駆け出しエンジニアと繋がりたい
0
29
188
マジで変な教材に30万も出すなら3000円のこっち買ってくれえええええええええ
絶対案件で役立つからあああああああああ頼むううううううううううう（ダイマ）
#駆け出しエンジニアと繋がりたい
#Web
制作
2
10
185
きれいなマークアップがしたいなら、Markuplintっていうツールを導入するのがいいですよ。
VSCodeの拡張機能として導入できて、コードに色々指摘をしてくれます。
SEO的に良いマークアップは、要するに正しいマークアップということなのでぜひ使ってみてください。
0
18
186
こういうちゃんとした検定あるんだなぁ。
問題ざっと見てみたけど、勉強になりそう。
0
15
178
PHP、Laravelでデスクトップアプリ作れるようになるってマジ？
これでもPHPがレガシーって言えるか？
6
30
177
人生最大のクソコードに出会ったぞ！
どうしてこんなものを納品できるのか、信じられないレベルだ！一応ギリギリ実害はなかったものの、こんなの入門書の1ページ目に書いてあるレベルだ！
さあ、どこがどうクソかわかるかな？
<div class=contact>ダミーテキスト</div>
20
22
176
HTML/CSSとjQueryを1ヶ月学んだら月5万ねぇ・・・
そんなわけあるかいな。
1
7
170
なんだこの神記事！
CSS結構わかってきたけど細かいところが頭に入らなくて困ってる人は一度読んでみると良さそう。
0
18
166
LINE公式アカウントを作りました。
まずはブログやzenn本の更新情報を配信しようと思います。
その他告知だったりお役立ち情報も、通知がうるさくならない程度に配信しようと思いますのでぜひご登録ください！
#駆け出しエンジニアと繋がりたい
#Web
制作 #プログラミング
1
41
161
行動力が無いやつはだめだとか、行動力があるやつは成功するとか、
誰しもが耳にした経験があると思います。
でも行動力って僕は独立した1つの概念ではなく、
相対的なものだと思うんですよね。 続く
4
23
153
こんなことを超大手のスクールがやってるんです。許せませんよ。
でもね、いいですか皆さん、これが現実です。
僕は本当にこんなスクール事情を変えたい。
でも僕一人では変えられません。ごめんなさい。
少しずつ自分の出来ることを増やして、いつかこんなふざけたスクールが無い世界を作りたい。
6
33
158
そういう訳のわからない情報に少しでも風穴を空けるために本を書いてます。
読んでみてください。
2
28
158
XでWeb制作の情報集めようとしてる人はその時間使ってマジでMDN読んだ方が良いよ
間違いを平気で「私しか知らない高等テクニックをみんなに共有！」みたいな感じで広めるやつが多すぎる。
読むの難しいし大変なのはわかるけどこういう情報を読む癖つけとかないと後で死ぬ
0
15
156
ページの読み込み速度をほんのひと手間で実質10倍以上にする方法です。
これは誇張でもなんでもなく、コードにしてたったの1行指定するだけで大幅に描画を高速化します。
ヒントは「ページに使われている画像が多いほど効果が大きい」です。
ぜひご覧ください！
0
11
153
一平すら学歴詐称なんだから、
「月収100万」
「副業で不労所得」
「3ヶ月でエンジニアになれる」
とか余裕で嘘なのみんな気づこうな。
2
23
148
昨今話題に上がることが多くなったアクセシビリティに関して、実際に視覚障害を持っている方に話を聞いてみました。
当事者でないとわからない困り事など色々学びがあったので共有します。
#Web
制作
#アクセシビリティ
2
40
146
自分で作っといてアレなんですが、マジで一部のサイト除外するだけで検索結果がめちゃくちゃ快適になってる。
プログラミング関係はもちろん、個人的にゲーム関係のしょーもない企業wiki消せたのがデカかったですね。特にポケモン。
マジでみんなに使ってほしい。
1
52
147
記事を書きました！
CSSを爆速で書く方法をお伝えしているので、学習は一段落したという方、次のステップへ進むためにぜひお読みください！
1
15
142
普通にさ、HTML/CSS/JSを学んでる人はemmetも覚えるべきじゃない？
ここまでコーディングを直接高速化できるツールってそうそう無いよ！？
- 短縮記法を入力
- Tabキーで展開
これだけでとんでもないタイプ数の削減。
詳しい導入法、使い方はこれ見て！→
#Web
制作
0
12
144