「css」を含む日記

■YouTubeであた〇おかしい変なサムネ対処法

「わかめ洗ったら寄生虫が出てきた」とかいう控えめにいって頭お〇しいサムネ動画がお勧めに出てきたのでGreaseMonkeyで一発消去。

やっぱユーザーJS（ユーザーCSS）って有益なんだってわかんだね。

Goo〇leとか運営者の人格が見えちゃう系のサービスの場合にとくに有効。

そうえいばヤフーとかでも10年前とか画像検索結果にあた〇おかしい画像が挟まれてたりしたけど、

「運営あた〇かやな」って何度も指摘してたらいつのまにか修正されてた。

Permalink | 記事への反応(2) | 13:10

ツイートシェア

■anond:20240428102227

どうでもいいけど「ブラウザの仕様」じゃなくて、HTMLとかCSSとかJavascriptの仕様じゃないの？

Permalink | 記事への反応(0) | 20:55

ツイートシェア

■anond:20240429164203

はい、ブラウザの実装は確かに**コンピュータサイエンス**の一部です。以下に、その理由をいくつか挙げてみます：

1. **アルゴリズムとデータ構造**：ブラウザは、効率的な検索、ソート、データの格納と取得など、多くのアルゴリズムとデータ構造を使用します。

2. **ネットワーキング**：ブラウザは、HTTPやHTTPSなどのプロトコルを通じてインターネットと通信します。これらのプロトコルの理解と実装は、コンピュータサイエンスのネットワーキングの分野に直接関連しています。

3. **レンダリングエンジン**：ブラウザのレンダリングエンジンは、HTML、CSS、JavaScriptなどのコードを解析し、それをユーザーが見ることができる視覚的なウェブページに変換します。このプロセスは、計算理論、グラフィックス、プログラミング言語の理解を必要とします。

4. **セキュリティ**：ブラウザは、ユーザーのデータを保護するために、さまざまなセキュリティメカニズムを実装します。これには、暗号化、サンドボックス化、同一生成元ポリシーなどが含まれます。

これらすべての要素は、コンピュータサイエンスの基本的な概念に基づいています。したがって、ブラウザの実装は、その「サイエンス」の部分を明確に示しています。ブラウザの設計と実装は、これらの理論を実際の製品に適用するための実践的なフレームワークを提供します。それらは、問題解決、効率的な設計、そして最終的にはユーザーに価値を提供するための方法を探求します。これが、ブラウザの実装がコンピュータサイエンスである理由です。

Permalink | 記事への反応(2) | 16:45

ツイートシェア

■anond:20240428125045

はい、MDN Web Docsではブラウザの仕様を見ることができます。

MDN Web Docsは開発者向けのリソースで、CSS、HTML、JavaScriptなどのウェブ技術についての情報が豊富に揃っています。

Web APIの詳細な仕様を見ることができます。これらのページでは、各APIの使用方法、パラメーター、戻り値などが詳しく説明されています。

また、ブラウザ自体の仕様については、MDNの用語集で「ブラウザ」の項目を参照すると、ブラウザがどのようにウェブページを取得して表示し、ユーザーがハイパーリンクを通じて他のページにアクセスできるようにするかについて説明されています。

Permalink | 記事への反応(1) | 12:55

ツイートシェア

■anond:20240428005254

「ブラウザの仕様」を調べるなら、ブラウザはFirefoxだけじゃないんだから、Mozillaのドキュメント見ても出てこないよ（笑）

まさかCSSやJavaScriptの主要ブラウザでの対応状況のことを言ってるの？

技術力低そう……（笑）

Permalink | 記事への反応(2) | 01:38

ツイートシェア

■anond:20240422040644

• 国旗フォントリビア
  
  
  🇱🇾
• CSSデコりリビア
  
  
  

  
  ☾✭
  

  
  
• エジプトくんと絶交後のカダフィくんのリビア
  
  ███████
  ███████
  ███████
  

Permalink | 記事への反応(0) | 01:01

ツイートシェア

■市場価値のない無能が勢いでSES企業を辞めたのでご相談

追記(04/14)

今時点で頂いているトラバもブコメもすべて目を通しました。

はてなの皆さん、増田の皆さんたくさんの反応ありがとうございます。

どうしたもんかと悩んでる状況の中で、エージェントの人に話してもあまりピンと来ない反応が返ってくるし、周りに相談出来る人もいないしで、かなり勇気づけられました。

とりあえず今時点で返せる分だけお返事返しておこうと思う。

フィヨルドブートキャンプやれば？

恥ずかしながらこんなサービスがあるのを知りませんでした。

今の状況では1000時間学習してから転職ってのは難しいんだけど、転職活動終えたら利用してみたいなという気持ち。

開発に夢見すぎ

自己評価低い

その通り、かもしれない。

技術記事とか書いてアウトプットしてる同世代以下の優秀な技術者たち見てて、自分とのスキルギャップに絶望してたところだったんだ。

5年弱ぐらいローコードじゃなくて、コーディングで実務経験積めてたらなあって。

後悔してもどうしようもないのは分かってるんだけども。

IT業界に詳しい皆さんに頼りたい。

私のキャリアについて言葉を選ばず相談するので、言葉を選ばずレスポンスしてもらいたい。

鞭歓迎。

当協会にご登録頂ければ、~~~

ありがとうございます。登録させてもらいました。

弊社来ない?

！！！

すごくめちゃくちゃたいへんありがたいお誘いなんですが、

増田に相談してそれで就職してっていうのがとんでもなく恥ずかしい。

甘えず自分で転職活動頑張ります。

でも、本当にありがとうございます。

snowflakeとdbt覚えて~

DWHの知識に疎いので、勉強してみます。

ありがとう。

あと色々突込み入ってた「作りたいWebサービス」については実際にdjnango使って手を付けてる段階です。

何てことない内容なので、確かにこれを作るためにわざわざ転職する必要はなさそうだ...。

プロフィール

・30歳

・単身

・3月に転職先も決めないまま5年ほど勤めていた会社を辞めた

・MARCH文系卒

・持ってる資格はIパス,基本情報技術者のみ

前職

SES。企業規模100人ぐらいの小さな会社。

ETLツール(ローコードの開発ツール)を使ってデータ連携基盤を作成するための開発エンジニアとしていくつかプロジェクトに参加してきた。

年収400~500ぐらい。

平均的な残業時間は30hぐらい？少人数で本番稼働と運用保守のトラブル対応してた時は100時間は優に超えてたぐらい。

身についたこと

・特定のETLツールについての知識(前社の人員の中では最も実装/設計/開発の能力があった。と思う。)

・DBの浅～～～い知識(基本的なDDL,DML,DCLなら全て書ける程度。チューニングとかはやったことないので分からない。)

・BashやらPowerShellやらの浅～～～～い知識(プロジェクトで簡単なスクリプトを作成した経験があってその時に色々調べた程度。)

・開発チームのリーダーをやっていたのでそのあたりのマネジメント経験(PM/PLは未経験)

・顧客折衝経験

・大規模プロジェクトでの設計から運用保守までの経験

・VBAで簡単なマクロが組める

以下は会社辞めてから独学

・Javaとそのフレームワークの入門書籍一冊分ぐらいの知識

・Pythonとそのフレームワークの入門書籍一冊分ぐらいの知識

・html,CSSの入門書籍一冊分ぐらいの知識

・Linuxの入門書籍一冊分ぐらいの知識(資格取得に向けて勉強中)

いつかこんな風になりたい。

・受託開発、自社プロダクトの開発をしている企業に勤めたい

・私服で作業したい

・モダンな技術で仕事したい

・プログラミングの知識を身に着けたい

・作りたいWebサービスがあるので、プライベートでそれ作りたい

相談の経緯

基本的なプログラミングの部分を全く業務で触ることなく仕事してきた。

前職を辞めて、出来上がったのはローコードの開発ツールの経験しか持っていない、市場価値のない化け物だった。

でも、前職みたいなローコードツールを使った開発から離れたいのよ。つまらないし、同じことの繰り返しだし、地味だし。

技術的に未熟な部分が多すぎて一足飛びに理想の企業に勤めるのが無理なのは分かってる。

とはいえ、年齢的にももうデッドラインが近いんじゃないかと焦ってる状態。

転職活動の状況

色々エージェント登録して求人見ながら自分でも出来そうな社内SEのポジションに3つほど応募した。(結果はまだ)

前職の経験踏まえたコンサルのオファーが来るが、給料は魅力的なものの「開発とか技術とかからは遠のいちゃうんじゃないか」って足踏みしてる。

SESと前職に似た開発,PM/PLポジションのオファーもたくさん来る。

相談したいこと

化け物が「いつかこんな風になりたい」を実現するためには実務経験のためにSESで基礎から3年ほど実務経験を積んでからって思ってるんだけど悠長すぎる？

諦めて別の道、もしくは元の経験を活かせる道を探したほうが良い？

特定避けるために端折っている部分も多いけど、不足していて伝えたほうが良さそうな情報がありそうだったらあとで追記する。

Permalink | 記事への反応(19) | 14:03

ツイートシェア

■anond:20240409084539

20年くらい前にCSSが広まり出した頃に、マウスオーバーで打ち消し線を出すのはわりとあった気がする

Permalink | 記事への反応(0) | 22:00

ツイートシェア

■

cssは改良が早すぎて全くついていけない

Permalink | 記事への反応(0) | 23:19

ツイートシェア

■[稀ドメインはてブ]2024年3月滅多にホットエントリを出さないドメインからのホットエントリ

ここ1年で初めてはてなブックマーク日毎の総合人気エントリ入りしたドメインからのホットエントリ、ブクマ数順トップ30

Permalink | 記事への反応(0) | 22:38

ツイートシェア

■テキストサイト

オモコロ炎上で思い出したのがテキストサイト文化だった

テキストサイト本当好きだったなーみたいな。自分の城たるサイトを構築するために皆んな必死にhtmlとかcssを学んだもんですよね

何処まで行っても個人プレーみたいなところがあって、SNS時代の今と比べると横のつながりが薄くて、それがまた良かった

馴れ合いみたいなのは確かにあったけど、常に誰かと誰かが揉めた事で炎上してるみたいなのは無いと言いますかね…

どんだけおもろい文章を書くかで勝負する人もいれば、ちょっと詩的に自分の学生生活を書く人もいて、一方オピニオン系の記事書く人もいたわけで

文章の質や内容で競い合う、あとそのガワたるHPの見た目でもちょっと個性というか技量みたいなの出るみたいな…おもろかったよなーマジで

テキストサイト文化が完全に死んだ後オモコロが出現して、まああれはテキストサイトとは全然違うが当初その残滓はあった訳で

でも月日は流れてyoutube進出？　したかなんかで、SNSとも馴染んで違う形の、よく表現するとエンタメ集団みたいになって

テキストサイト時代はもう一生来ないんだなーってなんとなく思って、まあそれは当たり前なんだが、寂しさあるなーと思ったりする

Permalink | 記事への反応(1) | 09:01

ツイートシェア

■新卒Webコーダー諸君に告ぐ

4月から入社したコーダー諸君。

キミたちがすでにReactやVueやTypeScriptを鮮やかにコーディングできることはよく知っている。

だが、弊社が運用更新保守業務を請け負っているサイトの中には、いにしえの「XHTML」で書かれたものがまだちらほら残っている。10年以上リニューアルしていないような古めかしいサイトに多い。

そのうちのどれかを、君たちの誰かが担当することがあるかもしれない。

その時はぜひ気をつけてほしい。

XHTMLでは、＜img＞ や ＜br＞ は、閉じろ。

＜img /＞、＜br /＞ のように自分で自分を閉じるスラッシュを必ず書くのがXHTMLのルールだ。

もちろんこんなルールに丁寧に従わなくても表示は正しくされる。

だが、ソースをバリデータに通せば閉じスラッシュのない空要素はすべて文法エラーとされる。

納品先の意地悪な情シスがいちいちバリデーションして結果にケチをつけてくることだってある。

そういう隙のない納品物を目指してくれ。

なお、いくつかのXHTMLサイトは君たちの先輩が組んだものだ。CSSには君たちの知らない謎のテクニックがたくさん書かれているだろうが、それを参考にする必要はない。当時はそうするしかなかったが、もはや無用のものばかりだ。

だが、それを見てキモいとかダサいとか大きな声で嘲笑してはいけない。それを組んだ人は案外近くの席に座っていたりするからだ。傷つくんだ、けっこう。

Permalink | 記事への反応(0) | 17:31

ツイートシェア

■anond:20240331063306

俺も

HTMLとCSSしかできなかったのに

JavaScriptをやれと言われて

PHPとMySQLとApacheをやれと言われて

データベース関連さっぱりなのに無理矢理やって

俺の中途半端な知識で出来上がったアプリをみんなが使い始めて困惑して日々修正だの対応して

Windowsサーバーで設定管理しろと言われて

アクティブディレクトリとかグループポリシーとかやるはめになり

4月からはPythonでスクレイピングをやれと言われてる

なんで？

Photoshopでパノラマ画像作れとか

Illustratorで綺麗なデザインしてポスター作れとか

autoCADで内線表作れとか

パワーディレクターで動画作れとか

なんでなんでなんで？

お前はDX推進委員なとか言われてなんで？って

Permalink | 記事への反応(0) | 06:53

ツイートシェア

■anond:20240325123118

UD Digi Kyokasho NK-R 派ワイ、激怒

和文の等幅ってみにくくね？ Custom CSS で欧文範囲を除いて全サイトにこの書体を強制してるけどめちゃ読みやすいよ

Permalink | 記事への反応(0) | 22:54

ツイートシェア

■anond:20240321182320

CSSやJSのパスに更新日付のクエリーパラメーターがつけてあると（ああ、キャッシュ避けの呪文が必要なクライアントなんだな）って乾いた笑いが出る

Permalink | 記事への反応(2) | 18:37

ツイートシェア

■anond:20240311133554

いうても、html5のフローだのエンデベッドだの、どのタグにどのタグを入れ子にするのが許されるのかとか、cssならどんなコードを読んでもその挙動を正しく予測できる、みたいな人は逆に高尚なプログラミング言語習得してる人でもまれじゃないかね。

プログラミング言語の基礎については難度の高低はあって、そこでマウントとる人もいるんだろうが、そんなレベルを基準にマウントとるのはおろかというか、道を究めた人ならどの言語でも貴重というか。

Permalink | 記事への反応(0) | 14:40

ツイートシェア

■anond:20240311132927

htmlやcssがプログラミング言語ってニートの中でも最下層のやつだわな

中学生がイキってるならまだ微笑ましいけど

Permalink | 記事への反応(1) | 13:35

ツイートシェア

■

haskellやってるというといかにも理系学部卒っぽい。

htmlやcssは高卒か専門か職安の訓練受けた雑魚って感じ。

明らかに習得プログラミング言語が与える印象、高尚さの違いってあるよな。

Permalink | 記事への反応(2) | 13:29

ツイートシェア

■Chromeのフォントがおかしい？

いま、122.0.6261.112 なんだけど、cssで日本語名フォントを指定しても無視されるっぽい

日本語名フォントを指定するときは英語名も併記するって、00年代の後方互換対策かと思ってたよ

20年代にまだこんなバグが復活するってすごいね

Permalink | 記事への反応(2) | 12:56

ツイートシェア

■anond:20240305114518

CSSは「文書構造」と「スタイル」を分離する。

TailwindCSSは「文書構造＋同じテーマ内でのスタイルの概要」と「スタイルの詳細」を分離する。

文書構造と見た目を分離することは諦めて、同じテーマで見た目を作ることを強制できるようにするのがTailwindCSSってことなんだと思う。

Permalink | 記事への反応(0) | 12:13

ツイートシェア

■anond:20240305114518

「CSSのクラスベースでの抽象化は可読性が下がる」みたいな事が書かれているTailwindCSSの作者が書いた記事があったはずだけどURL忘れた。

Permalink | 記事への反応(0) | 12:04

ツイートシェア

■anond:20240227231512

ではデザインしたものを実際にHTMLとCSSでレスポンシブに落とし込んでください

Permalink | 記事への反応(0) | 23:23

ツイートシェア

■画像生成AIの使えなさ

きれいなイラストが出力されるとかじゃなくてさあ

もっと実務に役立つものはないのかよ

例えばWebデザインの文脈で枠やらボタンやらのCSSとか素材がすぐ出力されるとか、

権利に問題のないオリジナルフォントが作れるとか山ほどやることがあるだろ

いつまで創作用のおもちゃにしておくの？早く人の仕事奪って？

Permalink | 記事への反応(1) | 13:20

ツイートシェア

■anond:20240210212445

じゃあワイも無責任にはてな用CSS貼っとくわ

パソコン画面右上のアイコンで選ぶ表示スタイルを一番右の「ヘッドライン」表示にしといてな

/* ヘッドライン表示を切り詰める */
/* #container 指定でCSS優先度を上げる必要がある */
body[data-entrylist-layout="headline"] #container .entrylist-main{
  padding-right: 0 !important;
}
body[data-entrylist-layout="headline"] #container .entrylist-contents{
  padding-left: 0 !important;
}
body[data-entrylist-layout="headline"] #container .entrylist-contents-users{
  position: static !important;
}
body[data-entrylist-layout="headline"] #container .entrylist-contents-users{
  top: 14px !important;
}

/* ヘッドライン表示にサムネイルを追加 */
body[data-entrylist-layout="headline"] #container .entrylist-contents-main{
  display: grid;
  grid-template:
    "users    body title"  28px
    "bookmark body domain" 20px
    / 60px 120px 1fr;
}
body[data-entrylist-layout="headline"] #container .entrylist-contents-users{
  grid-area: users;
}
body[data-entrylist-layout="headline"] #container .entrylist-contents-users a span{
  margin-right: 0;
}
body[data-entrylist-layout="headline"] #container .following-bookmarks-container{
  grid-area: bookmark;
  position: absolute;
  left: 20px;
  bottom: 2.5px;
}
body[data-entrylist-layout="headline"] #container .entrylist-contents-body{
  grid-area: body;
}
body[data-entrylist-layout="headline"] #container .entrylist-contents-title{
  grid-area: title;
  z-index: 99;
}
body[data-entrylist-layout="headline"] #container .entrylist-contents-title > a{
  margin-left: -120px;
  padding-left: 120px;
  margin-bottom: -28px;
  padding-bottom: 28px;
  width: 890px;
  white-space: nowrap;
  display: block;
}
body[data-entrylist-layout="headline"] #container .entrylist-contents-body{
  display: block !important;
}
body[data-entrylist-layout="headline"] #container .entrylist-contents-thumb{
  position: static;
}
body[data-entrylist-layout="headline"] #container .entrylist-contents-thumb span{
  width: 100px;
  height: 50px;
}
body[data-entrylist-layout="headline"] #container .entrylist-contents-thumb{
  background: #f0f0f0;
  width: 100px;
  height: 50px;
  background-position: 50%;
  background-size: cover;
  border-radius: 4px;
}
/* 2行目に、総合ではドメイン(domain), サイト内一覧ではカテゴリと時刻(meta), マウスホバー時はいずれも概要文(description) */
body[data-entrylist-layout="headline"] #container .entrylist-contents-domain,
body[data-entrylist-layout="headline"] #container .entrylist-contents-meta,
body[data-entrylist-layout="headline"] #container .entrylist-contents-description{
  grid-area: domain;
  display: block;
  opacity: 0;
  padding: 0 !important;
}
body[data-entrylist-layout="headline"] #container .entrylist-contents-meta > li{
  vertical-align: top;
}
html[data-stable-request-url^="https://b.hatena.ne.jp/entrylist/"] body[data-entrylist-layout="headline"] #container .entrylist-contents-domain,
html[data-stable-request-url^="https://b.hatena.ne.jp/site/"] body[data-entrylist-layout="headline"] #container .entrylist-contents-meta{
  opacity: 1;
}
body[data-entrylist-layout="headline"] #container .entrylist-contents:hover .entrylist-contents-domain img.favicon + span,
body[data-entrylist-layout="headline"] #container .entrylist-contents:hover .entrylist-contents-meta{
  opacity: 0;
}
body[data-entrylist-layout="headline"] #container .entrylist-contents-description{
  opacity: 0;
  position: absolute;
  top: calc(40px - 3px);
  left: calc(180px + 16px + .5em);
  height: 20px;
  line-height: 20px;
  color: #999;
  min-height: auto !important;
  padding-right: 0 !important;
  width: 890px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html[data-stable-request-url^="https://b.hatena.ne.jp/site/"] body[data-entrylist-layout="headline"] #container .entrylist-contents:hover .entrylist-contents-domain,
body[data-entrylist-layout="headline"] #container .entrylist-contents:hover .entrylist-contents-description{
  opacity: 1;
}
/* 増田調整 */
body[data-entrylist-layout="headline"] #container a[href^="/entry/s/anond.hatelabo.jp/"] .entrylist-contents-thumb{
  background-image: url('https://cdn-ak-scissors.b.st-hatena.com/image/square/b1638cdb5807a4788e4ba3c1109a984166e095fc/height=288;version=1;width=512/https%3A%2F%2Fanond.hatelabo.jp%2Fimages%2Fog-image-1500.gif');
}

/* マウスホバー時にサムネも反応させる見た目調整 */
.entrylist-contents-title:hover ~ .entrylist-contents-body .entrylist-contents-thumb{
  opacity: .90;
}

Permalink | 記事への反応(0) | 09:03

ツイートシェア

■anond:20240204013240

数年でネイティブアプリが書けるとかSQLの一個も書けるとかじゃなく

css in jsのライブラリやWebフォームライブラリを2年で3回変えましたとかの連中大丈夫かみたいのはある

Permalink | 記事への反応(0) | 02:46

ツイートシェア