Advertisement · 728 × 90

Posts by セカヤサフリーランスエンジニア💻小林 秀樹

Preview
line-heightの邪魔な上下の余白をこの世から消す こんにちは。html上のテキスト、文字の行間を調整するcssプロパティ、line-heightってありますよね。でも余計な上下の余白に困ったことはありませんか? 今回は、line-heightの邪魔な上下の余白をこの世から消す方法を解説しま

デザイン上でテキストボックスの上下の余白がなく、line-heightが絡むと綺麗にコーディングしにくい場合の解決法です。

最近はFigmaなどのWebデザインツールの気が利いてるのであまり問題にならないかもしれませんが、困っている方はぜひお試しを。

itokoba.com/archives/1286

#Web制作 #CSS

2 years ago 3 0 0 0
Preview
Join Worldcoin You received an invite to Worldcoin

OpenAIのサム・アルトマンが作ってる仮想通貨もらいに行ってみた。

アプリインストールして虹彩登録したら使えるように。

虹彩登録は新宿など実際に登録する機械があるところでやるんですが、なんか近未来って感じでした。

まあ気づいたら消滅してるかもしれないけど笑

アプリインストールはこちら→ join.worldcoin.org/6EZPYFX

取得方法→ nochihareblog.com/start-worldc...

2 years ago 2 0 0 0
Post image

Sassの目玉機能としてよく&記法が紹介されます。
入れ子にしたとき、クラス名の文字列を結合してくれます。

例)----
.Box {
&__Child {
color: red;
}
}
---------

確かに記述量は減るので効率が良いように見えるのですが、コード検索にかからないという最大のデメリットがあるんですよね。

これが本当に最悪で、大きいプロジェクトだと数百ファイルの中から手作業で探さないといけなくてやばいです。

安易に使わないようにしましょう。

2 years ago 0 0 0 0
Post image

CSSのdisplayプロパティの書き方が新しくなってから久しいですが皆さん使ってますか?

新記法では2つの値を指定するようになっています。 1つ目の値がボックス自身の、2つ目の値がボックスの中(=子要素)の挙動を制御します。

もちろん従来の書き方も可能です。

#Web制作 #CSS

2 years ago 6 0 0 0
Preview
【2024最新版】WebエンジニアがVSCodeに絶対に入れるべき拡張機能11選と、実はもう入れなくていい拡張機能4選 Web制作やWeb開発をしている方の多くはコードエディタにVSCodeを採用していますよね。シェア率70%を超えているという調査もあるほどです。その一因は、拡張機能で自分好みにカスタマイズできるからでしょう。 しかし一方でデフォルトの機能も

その他コーディングを効率化できるおすすめのVSCode拡張機能も紹介しています!

itokoba.com/archives/9850

2 years ago 0 0 0 0
Preview
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.

なんか意外と知られていないんですが、Codeiumっていう無料でAIがコーディングしてくれるVSCodeの神拡張機能があるんですよね。

GitHub Copilotがネームバリューすごすぎるからかな?

これ知らないのマジでもったいないんでマジで使ってみてほしい!

marketplace.visualstudio.com/items?itemNa...

2 years ago 1 0 1 0
Preview
自分のサイト、ブログをAIに学習させない方法 最近AIの学習データ周りはいろんな意見が出ていますよね。ChatGPTなどの生成AIが一気に普及しましたから議論が加速しています。 著作権保護の観点からさまざまな団体も無断学習に対する反対声明を出しています。先日は「才能の民主化」なんて言葉

著作権周りで何かと話題、炎上する #生成AI

実は自分のサイトに載せている情報なら学習させないようにブロックすることができます。

ちょっと設定を書くだけですのでぜひお試しを。声を上げるだけではなく、しっかり自衛も忘れずに。

itokoba.com/archives/10044

2 years ago 0 0 0 0
Preview
【サンプル付き】Web制作未経験者のための「本当に採用される」ポートフォリオの作り方 Web制作の領域で転職や案件獲得をしたい時、自分のスキルや作品を見せる方法が必要ですよね。それにはポートフォリオが必要です。自分が何ができるのか、どんな仕事をしたいのかを簡単に伝えることができます。 でも、いいポートフォリオってどうやって作

転職や案件獲得に必要とされるポートフォリオ。

しかし近年はスクールの流行により似たようなものばかり見せられ、採用担当者もうんざりだそう。

そこで本当に採用されるための方法を徹底解説しました。 転職を目指している方は今すぐクリック!

itokoba.com/archives/9617

2 years ago 0 0 0 0
Preview
【コーダー必見!】VSCodeのショートカット一覧【Web制作特化】 エンジニア、コーダーなら多くの人が使っているVSCode。せっかく素晴らしいツールですから、なるべく多くの機能を使って効率的に開発したいところ。 VSCodeのようなリッチテキストエディタを使うメリットの1つは、なんと言ってもショートカット

コーダー必見!VSCodeでWeb制作のコーディングを加速させるショートカット一覧を公開しました。

知っているか知らないか、こういった小さな差が積み重なって大きな差を生みます。

効率的にコーディングしましょう!

itokoba.com/archives/9832

2 years ago 1 0 0 0
Preview
LPを画像でコーディングしていいのか、メリットとデメリットを徹底解説 みなさんこんにちは。商品を宣伝し購入を促したい時、LP(ランディングページ)を作りますよね。 リスティング広告やSNS広告などのWEB広告をクリックしたときの遷移先ページとして使われることが多いLPですが、制作時に工数やデザインの再現難易度

LPを画像コーディングすることのメリットデメリットを徹底的に解説しました。

実は画像でコーディングすると離脱率の上昇やクリック単価の高騰など思いもよらないリスクがあるんです。

解決策も書いているので知りたい方はぜひ読んでください!

itokoba.com/archives/9714

2 years ago 0 0 0 0
Advertisement

何事も、前提の話が分かってないとそこから何を言おうが頭に入らないですよね。

例えばReactってコンポーネント指向から説明されることが多いけど本当はその前に「宣言的UI」について触れるべきだし、

WordPressも「テンプレート階層」と「メインループ/サブループ」が理解できないとかなり詰む。

この辺が分からないといつまで経ってもコピペエンジニア以上になれない。

2 years ago 1 0 0 0

「報告連絡相談ができないのは問題」←正当な批評
「報告連絡相談ができないのは小学生以下、園児ニアだ」←レッテル貼り(お人形遊びとも言う)

この違いが分からない人には発信する資格がないと思う。

後者は要するに、自分が攻撃したい対象を「自分以下の存在である」と都合よく認定する行為。

2 years ago 2 0 0 0
Preview
いまGoogleを使ってない人は、何を使っているのか? 米国大手IT企業・プラットフォーマーを数社にわたり経験してきた著者によるコラム。「1st Party Data プラットフォーマー」の時代に移行が進むいま、世界のリーダーだちが利用している検索エンジンのトレンドとは?

まあそうは言ってもGoogleのシェアが現時点では圧倒的だと思うが、代替サービスや次世代サービスと言えるようなものがその牙城を崩しつつあるということか。

markezine.jp/article/deta...

2 years ago 0 0 0 0
Preview
【フリーランス8年目が語る】Web制作とWeb開発は似て非なるものである こんにちは。 皆さんはWeb制作とWeb開発の違いをきちんと理解していますか? この2つは非常に似た言葉ですが、全く違うものを指しています。これらを混同してしまうと、間違ったものを学んでしまう可能性があります。 そこで今回はこの2つの言葉が

Web制作、もしくはプログラミングを学び始めた段階では間違える人がほとんどだと思うので共有しておきます。

Web制作とWeb開発、言葉は似ていていも中身は全然違います。向き不向きも大きく変わってくるので必ず確認しておきましょう。

itokoba.com/archives/2790

2 years ago 3 1 0 0

なんか知らんけど、もしかして「Webエンジニアならいくら見下してもいい」みたいな風潮ある?

ゲーム開発の人からすると「Webは誰でもできる」らしい。

2 years ago 4 0 0 0
Preview
Developer Roadmaps - roadmap.sh Community driven roadmaps, articles and guides for developers to grow in their career.

各カテゴリーのエンジニアが何をどの順番で学ぶべきかがまとまったロードマップ集があるんですけど、これまじで神なんで全員ブックマークしておいてください。

この通りに学ぶというよりも、その分野の全体像がある程度見えるというのが一番の価値。

roadmap.sh

#ITエンジニア

2 years ago 2 0 0 0
Preview
deck.blue Get the most out of Bluesky with a multi-column layout

blueskyはすでに標準でdeck機能があるんだ。

deck.blue

2 years ago 1 0 0 0
Preview
JavaScriptライブラリ「jQuery 4.0.0 BETA」が公開 JavaScriptライブラリjQueryの開発チームは、最新ベータ版となる「jQuery 4.0.0 BETA」を2月6日(現地時間)に公開した。

jQuery4.0ってマジ?

codezine.jp/article/deta...

2 years ago 1 0 0 0
Advertisement
Preview
【2023年最新版】imgタグとは何か+正しい指定方法を徹底解説【コピペ可】 こんにちは。サイト制作において、使わないことはほぼないであろうimgタグ。近年はHTMLの発展によって実は記述すべき属性がいくつかあります。 具...

こっちでも変わらず色々発信していきます〜

Web制作とかフリーランスとかの話をよくしますが、こういう細かい技術的な話もします。

itokoba.com/archives/6854

2 years ago 1 0 0 0

テスト

2 years ago 0 0 0 0