セカヤサフリーランスエンジニア💻小林 秀樹
@hideki-climax.bsky.social
【案件特化のWeb制作の知識を発信】
フリーランス8年目｜「世界一初心者に優しい」→セカヤサ｜
Web制作で生きる人を輩出し続ける人
技術ブログ： http://itokoba.com
雑記ブログ： http://zakki.itokoba.com
セカヤサBooks： http://zenn.dev/hideki_climax?tab=books
実績： https://tan-band-c66.notion.site/37abe7077b184b338fd8f53f6873ca1d
フリーランス8年目｜「世界一初心者に優しい」→セカヤサ｜
Web制作で生きる人を輩出し続ける人
技術ブログ： http://itokoba.com
雑記ブログ： http://zakki.itokoba.com
セカヤサBooks： http://zenn.dev/hideki_climax?tab=books
実績： https://tan-band-c66.notion.site/37abe7077b184b338fd8f53f6873ca1d
デザイン上でテキストボックスの上下の余白がなく、line-heightが絡むと綺麗にコーディングしにくい場合の解決法です。
最近はFigmaなどのWebデザインツールの気が利いてるのであまり問題にならないかもしれませんが、困っている方はぜひお試しを。
itokoba.com/archives/1286
#Web制作 #CSS
最近はFigmaなどのWebデザインツールの気が利いてるのであまり問題にならないかもしれませんが、困っている方はぜひお試しを。
itokoba.com/archives/1286
#Web制作 #CSS
line-heightの邪魔な上下の余白をこの世から消す
こんにちは。html上のテキスト、文字の行間を調整するcssプロパティ、line-heightってありますよね。でも余計な上下の余白に困ったことはありませんか？ 今回は、line-heightの邪魔な上下の余白をこの世から消す方法を解説しま
itokoba.com
March 27, 2024 at 12:47 PM
デザイン上でテキストボックスの上下の余白がなく、line-heightが絡むと綺麗にコーディングしにくい場合の解決法です。
最近はFigmaなどのWebデザインツールの気が利いてるのであまり問題にならないかもしれませんが、困っている方はぜひお試しを。
itokoba.com/archives/1286
#Web制作 #CSS
最近はFigmaなどのWebデザインツールの気が利いてるのであまり問題にならないかもしれませんが、困っている方はぜひお試しを。
itokoba.com/archives/1286
#Web制作 #CSS
OpenAIのサム・アルトマンが作ってる仮想通貨もらいに行ってみた。
アプリインストールして虹彩登録したら使えるように。
虹彩登録は新宿など実際に登録する機械があるところでやるんですが、なんか近未来って感じでした。
まあ気づいたら消滅してるかもしれないけど笑
アプリインストールはこちら→ join.worldcoin.org/6EZPYFX
取得方法→ nochihareblog.com/start-worldc...
アプリインストールして虹彩登録したら使えるように。
虹彩登録は新宿など実際に登録する機械があるところでやるんですが、なんか近未来って感じでした。
まあ気づいたら消滅してるかもしれないけど笑
アプリインストールはこちら→ join.worldcoin.org/6EZPYFX
取得方法→ nochihareblog.com/start-worldc...
Join Worldcoin
You received an invite to Worldcoin
join.worldcoin.org
March 27, 2024 at 11:34 AM
OpenAIのサム・アルトマンが作ってる仮想通貨もらいに行ってみた。
アプリインストールして虹彩登録したら使えるように。
虹彩登録は新宿など実際に登録する機械があるところでやるんですが、なんか近未来って感じでした。
まあ気づいたら消滅してるかもしれないけど笑
アプリインストールはこちら→ join.worldcoin.org/6EZPYFX
取得方法→ nochihareblog.com/start-worldc...
アプリインストールして虹彩登録したら使えるように。
虹彩登録は新宿など実際に登録する機械があるところでやるんですが、なんか近未来って感じでした。
まあ気づいたら消滅してるかもしれないけど笑
アプリインストールはこちら→ join.worldcoin.org/6EZPYFX
取得方法→ nochihareblog.com/start-worldc...
Sassの目玉機能としてよく&記法が紹介されます。
入れ子にしたとき、クラス名の文字列を結合してくれます。
例）----
.Box {
&__Child {
color: red;
}
}
---------
確かに記述量は減るので効率が良いように見えるのですが、コード検索にかからないという最大のデメリットがあるんですよね。
これが本当に最悪で、大きいプロジェクトだと数百ファイルの中から手作業で探さないといけなくてやばいです。
安易に使わないようにしましょう。
入れ子にしたとき、クラス名の文字列を結合してくれます。
例）----
.Box {
&__Child {
color: red;
}
}
---------
確かに記述量は減るので効率が良いように見えるのですが、コード検索にかからないという最大のデメリットがあるんですよね。
これが本当に最悪で、大きいプロジェクトだと数百ファイルの中から手作業で探さないといけなくてやばいです。
安易に使わないようにしましょう。
March 26, 2024 at 2:21 PM
Sassの目玉機能としてよく&記法が紹介されます。
入れ子にしたとき、クラス名の文字列を結合してくれます。
例）----
.Box {
&__Child {
color: red;
}
}
---------
確かに記述量は減るので効率が良いように見えるのですが、コード検索にかからないという最大のデメリットがあるんですよね。
これが本当に最悪で、大きいプロジェクトだと数百ファイルの中から手作業で探さないといけなくてやばいです。
安易に使わないようにしましょう。
入れ子にしたとき、クラス名の文字列を結合してくれます。
例）----
.Box {
&__Child {
color: red;
}
}
---------
確かに記述量は減るので効率が良いように見えるのですが、コード検索にかからないという最大のデメリットがあるんですよね。
これが本当に最悪で、大きいプロジェクトだと数百ファイルの中から手作業で探さないといけなくてやばいです。
安易に使わないようにしましょう。
なんか意外と知られていないんですが、Codeiumっていう無料でAIがコーディングしてくれるVSCodeの神拡張機能があるんですよね。
GitHub Copilotがネームバリューすごすぎるからかな？
これ知らないのマジでもったいないんでマジで使ってみてほしい！
marketplace.visualstudio.com/items?itemNa...
GitHub Copilotがネームバリューすごすぎるからかな？
これ知らないのマジでもったいないんでマジで使ってみてほしい！
marketplace.visualstudio.com/items?itemNa...
Codeium: AI Coding Autocomplete and Chat for Python, Javascript, Typescript, Java, Go, and more - Visual Studio Marketplace
Extension for Visual Studio Code - The modern coding superpower: free AI code acceleration plugin for your favorite languages. Type less. Code more. Ship faster.
marketplace.visualstudio.com
March 25, 2024 at 3:14 AM
なんか意外と知られていないんですが、Codeiumっていう無料でAIがコーディングしてくれるVSCodeの神拡張機能があるんですよね。
GitHub Copilotがネームバリューすごすぎるからかな？
これ知らないのマジでもったいないんでマジで使ってみてほしい！
marketplace.visualstudio.com/items?itemNa...
GitHub Copilotがネームバリューすごすぎるからかな？
これ知らないのマジでもったいないんでマジで使ってみてほしい！
marketplace.visualstudio.com/items?itemNa...
著作権周りで何かと話題、炎上する #生成AI 。
実は自分のサイトに載せている情報なら学習させないようにブロックすることができます。
ちょっと設定を書くだけですのでぜひお試しを。声を上げるだけではなく、しっかり自衛も忘れずに。
itokoba.com/archives/10044
実は自分のサイトに載せている情報なら学習させないようにブロックすることができます。
ちょっと設定を書くだけですのでぜひお試しを。声を上げるだけではなく、しっかり自衛も忘れずに。
itokoba.com/archives/10044
自分のサイト、ブログをAIに学習させない方法
最近AIの学習データ周りはいろんな意見が出ていますよね。ChatGPTなどの生成AIが一気に普及しましたから議論が加速しています。 著作権保護の観点からさまざまな団体も無断学習に対する反対声明を出しています。先日は「才能の民主化」なんて言葉
itokoba.com
March 25, 2024 at 2:54 AM
著作権周りで何かと話題、炎上する #生成AI 。
実は自分のサイトに載せている情報なら学習させないようにブロックすることができます。
ちょっと設定を書くだけですのでぜひお試しを。声を上げるだけではなく、しっかり自衛も忘れずに。
itokoba.com/archives/10044
実は自分のサイトに載せている情報なら学習させないようにブロックすることができます。
ちょっと設定を書くだけですのでぜひお試しを。声を上げるだけではなく、しっかり自衛も忘れずに。
itokoba.com/archives/10044
転職や案件獲得に必要とされるポートフォリオ。
しかし近年はスクールの流行により似たようなものばかり見せられ、採用担当者もうんざりだそう。
そこで本当に採用されるための方法を徹底解説しました。 転職を目指している方は今すぐクリック！
itokoba.com/archives/9617
しかし近年はスクールの流行により似たようなものばかり見せられ、採用担当者もうんざりだそう。
そこで本当に採用されるための方法を徹底解説しました。 転職を目指している方は今すぐクリック！
itokoba.com/archives/9617
【サンプル付き】Web制作未経験者のための「本当に採用される」ポートフォリオの作り方
Web制作の領域で転職や案件獲得をしたい時、自分のスキルや作品を見せる方法が必要ですよね。それにはポートフォリオが必要です。自分が何ができるのか、どんな仕事をしたいのかを簡単に伝えることができます。 でも、いいポートフォリオってどうやって作
itokoba.com
March 25, 2024 at 2:51 AM
転職や案件獲得に必要とされるポートフォリオ。
しかし近年はスクールの流行により似たようなものばかり見せられ、採用担当者もうんざりだそう。
そこで本当に採用されるための方法を徹底解説しました。 転職を目指している方は今すぐクリック！
itokoba.com/archives/9617
しかし近年はスクールの流行により似たようなものばかり見せられ、採用担当者もうんざりだそう。
そこで本当に採用されるための方法を徹底解説しました。 転職を目指している方は今すぐクリック！
itokoba.com/archives/9617
コーダー必見！VSCodeでWeb制作のコーディングを加速させるショートカット一覧を公開しました。
知っているか知らないか、こういった小さな差が積み重なって大きな差を生みます。
効率的にコーディングしましょう！
itokoba.com/archives/9832
知っているか知らないか、こういった小さな差が積み重なって大きな差を生みます。
効率的にコーディングしましょう！
itokoba.com/archives/9832
【コーダー必見！】VSCodeのショートカット一覧【Web制作特化】
エンジニア、コーダーなら多くの人が使っているVSCode。せっかく素晴らしいツールですから、なるべく多くの機能を使って効率的に開発したいところ。 VSCodeのようなリッチテキストエディタを使うメリットの1つは、なんと言ってもショートカット
itokoba.com
March 20, 2024 at 2:52 AM
コーダー必見！VSCodeでWeb制作のコーディングを加速させるショートカット一覧を公開しました。
知っているか知らないか、こういった小さな差が積み重なって大きな差を生みます。
効率的にコーディングしましょう！
itokoba.com/archives/9832
知っているか知らないか、こういった小さな差が積み重なって大きな差を生みます。
効率的にコーディングしましょう！
itokoba.com/archives/9832
LPを画像コーディングすることのメリットデメリットを徹底的に解説しました。
実は画像でコーディングすると離脱率の上昇やクリック単価の高騰など思いもよらないリスクがあるんです。
解決策も書いているので知りたい方はぜひ読んでください！
itokoba.com/archives/9714
実は画像でコーディングすると離脱率の上昇やクリック単価の高騰など思いもよらないリスクがあるんです。
解決策も書いているので知りたい方はぜひ読んでください！
itokoba.com/archives/9714
LPを画像でコーディングしていいのか、メリットとデメリットを徹底解説
みなさんこんにちは。商品を宣伝し購入を促したい時、LP（ランディングページ）を作りますよね。 リスティング広告やSNS広告などのWEB広告をクリックしたときの遷移先ページとして使われることが多いLPですが、制作時に工数やデザインの再現難易度
itokoba.com
March 20, 2024 at 2:52 AM
LPを画像コーディングすることのメリットデメリットを徹底的に解説しました。
実は画像でコーディングすると離脱率の上昇やクリック単価の高騰など思いもよらないリスクがあるんです。
解決策も書いているので知りたい方はぜひ読んでください！
itokoba.com/archives/9714
実は画像でコーディングすると離脱率の上昇やクリック単価の高騰など思いもよらないリスクがあるんです。
解決策も書いているので知りたい方はぜひ読んでください！
itokoba.com/archives/9714
何事も、前提の話が分かってないとそこから何を言おうが頭に入らないですよね。
例えばReactってコンポーネント指向から説明されることが多いけど本当はその前に「宣言的UI」について触れるべきだし、
WordPressも「テンプレート階層」と「メインループ/サブループ」が理解できないとかなり詰む。
この辺が分からないといつまで経ってもコピペエンジニア以上になれない。
例えばReactってコンポーネント指向から説明されることが多いけど本当はその前に「宣言的UI」について触れるべきだし、
WordPressも「テンプレート階層」と「メインループ/サブループ」が理解できないとかなり詰む。
この辺が分からないといつまで経ってもコピペエンジニア以上になれない。
February 23, 2024 at 9:43 AM
何事も、前提の話が分かってないとそこから何を言おうが頭に入らないですよね。
例えばReactってコンポーネント指向から説明されることが多いけど本当はその前に「宣言的UI」について触れるべきだし、
WordPressも「テンプレート階層」と「メインループ/サブループ」が理解できないとかなり詰む。
この辺が分からないといつまで経ってもコピペエンジニア以上になれない。
例えばReactってコンポーネント指向から説明されることが多いけど本当はその前に「宣言的UI」について触れるべきだし、
WordPressも「テンプレート階層」と「メインループ/サブループ」が理解できないとかなり詰む。
この辺が分からないといつまで経ってもコピペエンジニア以上になれない。
「報告連絡相談ができないのは問題」←正当な批評
「報告連絡相談ができないのは小学生以下、園児ニアだ」←レッテル貼り（お人形遊びとも言う）
この違いが分からない人には発信する資格がないと思う。
後者は要するに、自分が攻撃したい対象を「自分以下の存在である」と都合よく認定する行為。
「報告連絡相談ができないのは小学生以下、園児ニアだ」←レッテル貼り（お人形遊びとも言う）
この違いが分からない人には発信する資格がないと思う。
後者は要するに、自分が攻撃したい対象を「自分以下の存在である」と都合よく認定する行為。
February 19, 2024 at 6:57 AM
「報告連絡相談ができないのは問題」←正当な批評
「報告連絡相談ができないのは小学生以下、園児ニアだ」←レッテル貼り（お人形遊びとも言う）
この違いが分からない人には発信する資格がないと思う。
後者は要するに、自分が攻撃したい対象を「自分以下の存在である」と都合よく認定する行為。
「報告連絡相談ができないのは小学生以下、園児ニアだ」←レッテル貼り（お人形遊びとも言う）
この違いが分からない人には発信する資格がないと思う。
後者は要するに、自分が攻撃したい対象を「自分以下の存在である」と都合よく認定する行為。
まあそうは言ってもGoogleのシェアが現時点では圧倒的だと思うが、代替サービスや次世代サービスと言えるようなものがその牙城を崩しつつあるということか。
markezine.jp/article/deta...
markezine.jp/article/deta...
いまGoogleを使ってない人は、何を使っているのか？
米国大手IT企業・プラットフォーマーを数社にわたり経験してきた著者によるコラム。「1st Party Data プラットフォーマー」の時代に移行が進むいま、世界のリーダーだちが利用している検索エンジンのトレンドとは？
markezine.jp
February 16, 2024 at 9:48 AM
まあそうは言ってもGoogleのシェアが現時点では圧倒的だと思うが、代替サービスや次世代サービスと言えるようなものがその牙城を崩しつつあるということか。
markezine.jp/article/deta...
markezine.jp/article/deta...
Web制作、もしくはプログラミングを学び始めた段階では間違える人がほとんどだと思うので共有しておきます。
Web制作とWeb開発、言葉は似ていていも中身は全然違います。向き不向きも大きく変わってくるので必ず確認しておきましょう。
itokoba.com/archives/2790
Web制作とWeb開発、言葉は似ていていも中身は全然違います。向き不向きも大きく変わってくるので必ず確認しておきましょう。
itokoba.com/archives/2790
【フリーランス8年目が語る】Web制作とWeb開発は似て非なるものである
こんにちは。 皆さんはWeb制作とWeb開発の違いをきちんと理解していますか？ この2つは非常に似た言葉ですが、全く違うものを指しています。これらを混同してしまうと、間違ったものを学んでしまう可能性があります。 そこで今回はこの2つの言葉が
itokoba.com
February 14, 2024 at 8:18 AM
Web制作、もしくはプログラミングを学び始めた段階では間違える人がほとんどだと思うので共有しておきます。
Web制作とWeb開発、言葉は似ていていも中身は全然違います。向き不向きも大きく変わってくるので必ず確認しておきましょう。
itokoba.com/archives/2790
Web制作とWeb開発、言葉は似ていていも中身は全然違います。向き不向きも大きく変わってくるので必ず確認しておきましょう。
itokoba.com/archives/2790
なんか知らんけど、もしかして「Webエンジニアならいくら見下してもいい」みたいな風潮ある？
ゲーム開発の人からすると「Webは誰でもできる」らしい。
ゲーム開発の人からすると「Webは誰でもできる」らしい。
February 14, 2024 at 4:57 AM
なんか知らんけど、もしかして「Webエンジニアならいくら見下してもいい」みたいな風潮ある？
ゲーム開発の人からすると「Webは誰でもできる」らしい。
ゲーム開発の人からすると「Webは誰でもできる」らしい。
各カテゴリーのエンジニアが何をどの順番で学ぶべきかがまとまったロードマップ集があるんですけど、これまじで神なんで全員ブックマークしておいてください。
この通りに学ぶというよりも、その分野の全体像がある程度見えるというのが一番の価値。
roadmap.sh
#ITエンジニア
この通りに学ぶというよりも、その分野の全体像がある程度見えるというのが一番の価値。
roadmap.sh
#ITエンジニア
Developer Roadmaps - roadmap.sh
Community driven roadmaps, articles and guides for developers to grow in their career.
roadmap.sh
February 11, 2024 at 8:42 AM
各カテゴリーのエンジニアが何をどの順番で学ぶべきかがまとまったロードマップ集があるんですけど、これまじで神なんで全員ブックマークしておいてください。
この通りに学ぶというよりも、その分野の全体像がある程度見えるというのが一番の価値。
roadmap.sh
#ITエンジニア
この通りに学ぶというよりも、その分野の全体像がある程度見えるというのが一番の価値。
roadmap.sh
#ITエンジニア
deck.blue
Get the most out of Bluesky with a multi-column layout
deck.blue
February 11, 2024 at 8:39 AM
