「css」を含む日記

■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 | 記事への反応(21) | 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:20240401114919

まさか。cssで実装されてるよ。

.bigplaceholder::after {

content: "ビッグ検索はこちら　ビッグ検索はこちら　";

color: #ccc;

font-family: "DotGothic16",sans-serif;

line-height: 1;

white-space: nowrap;

display: block;

animation: placeholderLoop 8s linear infinite

}

Permalink | 記事への反応(1) | 11:52

ツイートシェア

■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

ツイートシェア

■フォントの思い出

Macを使ってるデザイナーが作ったデザインをウェブ（当時はXHTML+CSS)に起こすことをやってたけど、

そのマシンにしか入ってない＆Mac専用品のフォントをデザインで使って、

それはXHTMLでは再現できないのでよく似たフォントで代用したら、デザインを完璧に再現していないと全リテイクになったことがあったなぁ。

仕方ないのでXHTMLで書くのを諦めて、デザイナーのイラレデータを細かくスライスして、各画像にALT文章を仕込むような作り方に変えたけど、

9割完成したところで、「区切り線を1px下にずらしましたので全ページ修正お願いします！」ってのが5回10回と発生したので、

そのうちめんどくさくなって、1枚画像を無加工で貼って、ホームページビルダーでイメージマップ貼るだけの作り方にして最終的に納品した。

検索エンジンからは本文がなにもない画像だけ貼ったページにしか見えないので、SEO対策としては最低最悪のクズ品質だけど、

社内からも顧客からも（デザインの良さだけで）大絶賛、いい仕事をしたと拍手喝采だったので、非常にアホくさくなった思い出。

更新、保守とか絶対にしたくないので半年後には転職した。その後、あのクズ品質ページがどうなったかは知らない。

Permalink | 記事への反応(4) | 11:28

ツイートシェア

■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

ツイートシェア

■

ホムペをアップデートした

どっかから拾ってきたCSSおよびほぼ1ファイルのHTMLソースで、構成していた。

せんじつ、一念発起した。そんでもって、honkitでホムペ作成した。ホムペ作成ツールというもの。

マークダウンファイルたちをディレクトリのしたにならべる。それでビルドコマンドをたたけば、

全部マークアップに変換してくれる。いい感じのスタイルファイルもつけてくれる。

ウェブ教科書風。もともとギットブックというツールだったのだがフォークしたようだ。

本家もまだある。ウェブアプリらしい。

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

ツイートシェア

■anond:20240227231512

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

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

ツイートシェア

■画像生成AIの使えなさ

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

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

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

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

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

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

ツイートシェア

■

あああなんかおもしろいことないかな？

ポリラ？

https://polylux.dev/book/

こんな感じのホムペつくりたい。CSSとHTML変換できるんだろうわ

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

ツイートシェア

■社内SEで思い出した。

基本、HTMLとCSS触れる事務職で入ったのに、

Flashが触れるからって、一般顧客が触るような展示補佐システムの開発を命じられたことがあった。

全然分からないことばかりで、本を買ったりして色々調べまくってなんとか最低限動くレベルのものを作れた。

その会社、営業と制作で売上を按分して、誰がどれだけ売上たかって社内で開示されるのよ。

結構苦労したからちょっとは売上に貢献しただろって思ったら、売上50万、内訳営業50万、私未記載だったね。

それなのに、今後は月イチペースで同じ仕事取ってくるからって言われて唖然としたね。

次の上司面談で、そのことに触れたら、「私ちゃんの本来の仕事じゃないから、評価査定の対象外ね。しっかり自分の仕事してね」って言われて、昇給なし、ボーナスなしだった。

あーれは精神的にきつかったなー、と言う思い出。

Permalink | 記事への反応(1) | 22: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

ツイートシェア