はてなキーワード: CSSとは
午前中 とあるPDFを引っ張ってきて、変換することで時間がとけた。正確には対応するtexソースがあったので、それを入手したが文字化けしていた。ひさしぶりにNKFの出番だ。そのあと、Pandocでマークダウンに変換。LaTeXってチェックリストどうやってるんだろうか。全滅だった。くずれまくり。けっこうテマだよね。gfmだと、チェックリストは - [ ]
組織のウェブサイトのリニューアル計画ですが、いわゆるホムペはMarpで作ることなりそう。単なるリンク集の体裁にしたい。これだとCSSもMarpが出してくれるだろう。リンクを踏んだ後は、単純なHTML文書。こいつらのCSSはどうするのがいいんでしょうか?github pagesは出してくれるのか?CSSがないHTML文書ってどんなかんじ?阿部寛のサイト?
こっちへ来てからのを全てプレ鯖に投げときゃよかったわ。アレはオープンソースだから・・とかたいがいのところで契約しているだろし・・いいだろうとか 馬鹿だったよぉん。出版後のやつを鯖に投げるのは、無理だよな。しかしなぜなぜなぜ投げなかったのか。チームメートにお伺い立てるのめんどうだったからだよな。
うちはコーダーがデザイナーの1/3もいないので外注コーダーさんに頼らないと回していけず、常に募集していい人を探している状態です。
フリーランスのコーダーという存在は、数だけなら結構います。ひとたび募集をかければどしどし応募がくるくらいいます。ただ1度仕事をしたら2度目がないことがほとんどです。
理由は
・実際の構築経験がないので全体の流れが分かっていない人が多い(実装部分は業務に入らないにしろ全体図を把握しているのといないのとではコーディングの質が全然違います)
・引き受けてから納期を何度も引き延ばす(初稿を最終納品日に出して来たりする)
などです。
納期についてはいろんな都合があるので前倒しも後ろ倒しも相談次第では、という感じ(正直webデザイン界隈じゃ日程通りにいくことのほうが少ないし)なんですが、「●日間でこのページ分いけますか?」って確認に「いけます!」って自信満々に答えるくせに初稿提出日にも音沙汰なくて「どんな具合ですか?」って聞くとようやく「ちょっと終わらないかもしれないんで納期伸ばしてもらっていいですか…」って言う人が多すぎる。んなもん最初にデザイン渡した時点である程度分かるだろ。ていうかこっちが聞く前に相談してくれ。自分の力量把握できてない人多すぎ。
結局シンプルに一点にかえってくるんですが「経験値が浅い」、これに尽きます。そういう人達を切っていったってまともなコーダーは育たないので経歴の浅さはある程度目をつぶって3回くらいまでは仕事していきたいな、と思うんですが、一度納品すると何を勘違いしたのか次回から値上げ交渉に入るんですよね。これ本当にみんなそう。大体経歴浅い人です。教本とか講座でこういう教えでもあるんですかね?このまえ次から時給6000円で、とか言われてどうしようかと思いました。そんなら残業して自分がやるわ。ここで値上げを断るともう仕事してくれなくなっちゃうんですよね。これはこちらもむこうも選べる立場ということなんでしょう。ある意味健全なことですが、コーダーが星の数だけいるのはweb制作会社もそれだけたくさんあるってことですからね。もちろんそれだけの技術を持った方には相応の額をお支払いしたいと思ってます。ただどこも、そんな自社の技術以上のことを求められて外注に任せること前提で引き受けたりはしないので…。
ちなみにポートフォリオで出してくる架空サイトは大体みんな同じ題材、大体みんな同じクラス名の付け方、大体みんな同じアニメーションの設定なのでア、同じ教本(講座かな)使ってるんだァ~となります。この時点で比較してもしょうがないので(間違い探ししろってくらい本当にみんな同じ書き方なのでどこまで理解して書いてきてるのか分からない)、実際の業務経歴以外は正直アテにしてません。結局は先方の制作要件に沿ってやってもらうしかないので、まずは1本作ってもらうことでしか相手を測ることはできません。うちの制作分を参考として一式渡してこれ通りに作ってください、って言っても自分スタイルで記述してくる強者もいるんですけど、もしかして教本以外の書き方ができないんですかね?うちに限らずどこもある程度の記述ルールはあって、それに倣って書いてもらう必要があるので、コピペした構文の応用もきかないようなうちは外注引き受けてる場合じゃないと思いますよ。実在する適当なサイト見つけて、どう組み立てているかとか、縦長のランディングページでもいいんですけど、画像コーディングでもどういう造りになっているのかとか、知識として知っておいた方がいいです。自分が始めたてのころは好きなゲームのティザーサイトを模倣してました。意外とスライダーとかライトボックスとか入ってるんですよねあれ。動画の埋め込み方は会社ごとにけっこう違うし。もちろん今の時代レスポンシブは必須です。ハンバーガーメニューは教本で必須科目みたいなので問題ないでしょう。はじめはその程度でいいので、まずコードをもっと身近なものにしましょう。コピペせずにまっさらな状態から書けるようになると一番いいですが、まあ長い構文もあるし普通に非効率なので自分が理解していればそれでOKです。「この記述は何に必要なのか」、最低限そのくらいは分かっていてほしいです。
今だと応募してくる方、20代半ば~30代前半くらいの方か、それ以上で脱サラの方が多いですね。きっとみんな毎日会社行って業務してっていう通勤スタイルに疲れちゃったんですかね。知らんけど。前職が全然関係ない人たちばかりです。むしろ前職もweb系だった方って見たことないです。まあ入り口として入りやすいんですかね?これも知らんけど。自分も前職web系じゃないんで分かります。
ただこれだけは言いたいんですが、フリーランスで食っていくということは、自分の腕一つで食っていくということです。入り口としては簡単なhtmlやcssだって日々進化しています。知らん間にcssアニメーションめちゃ増えてます。対応ブラウザも変わってます。iOSの仕様のせいで死んだプロパティもあります。毎日最新の情報を追って、自分のコーディング力を磨いてください。そうでなければ情報科の高校生の方がよっぽどいい仕事をしてくれます。家にいながら!空き時間に♪なんて簡単な仕事ではないです、残念ながら。ていうかそんなんで人ひとり食っていけるような仕事は世の中に存在しません。多少時間がかかっても、意欲があって自分の技術不足に自覚的な人の方が仕事がしやすいです。こっちもそのレベルに揃えて仕事を発注しますし、向上のチャンスがあるからです。そういう人とは長く付き合っていきたいと思います。うちで長くお世話になっている外注さんも、最初は初めて数か月とかそんな感じの人たちが多いです。”いま”経験値が浅いことは不利でもなんでもないです。大体みんなそうなので。そこからどう自分の価値を高めていくか、もう少し真剣に考えてもらいたいです。
結論としては、分からないことは分からないと言っていいし、出来ないことは出来ないと言っていい。今の自分にできるのがどのくらいなのか、きちんと客観的に分かってほしい。こっちもいきなり即戦力!とかを期待しているわけではないので、一緒にできることを考えていけたらいいなと思います。完。
オタクはいつまでもTwitterにしがみついてる場合ではない。分散型SNSにアカウントを作れ。現状は特にActivityPubに対応する分散型SNSだ。MisskeyでもMastodonでもいい。自分に合うサーバーに入れ。ノリが合うサーバーが見つからないならお一人様インスタンスを立てろ。もう何ならWordPressで個人サイト作ってActivityPub関係プラグイン入れるでもいい。
というのもThreadsはActivityPubと互換性を持たせる予定だからだ。
「Threads」では、分散型(非中央集権型)のソーシャル・ネットワーキング用のプロトコルである「ActivityPub」と互換性をもたせる予定。メタとして初めてオープンなSNSプロトコルとの互換性を想定したアプリになるという。
これにより、MastodonやWordPressなどActivityPubプロトコルをサポートするほかのアプリと相互運用できるようになる。公式では「ほとんどのSNSで不可能な、新しいタイプの接続が可能になる」としている。ほかのアプリでは、TumblrなどがActivityPubをサポートする意向を示しているという。
互換性があるアプリを使っていれば、Threadsのアカウントがなくとも、Threadsユーザーをフォローし交流できるようにする。
あわせて利用をやめる人に向けて投稿した内容をほかのサービスで使えるよう、コンテンツを転送するオプションの提供も計画されている。
公式ブログは「メールやWebを管理するプロトコルに似た分散型のアプローチがオンラインプラットフォームの将来に、重要な役割を果たすと信じている」とつづる。
つまりThreadsに推しコンテンツの公式アカウントが出来た場合、Misskey等のオタク向けインスタンスに住みながら公式アカウントをリモートフォローして公式の投稿を拡散する、みたいなことが今後出来る。
オタクはドブ川に沈みながら、公式は比較的キラキラした別の場所に住める。
公式アカウントだけでなく、他の分散型SNSにいる全ての自分がフォローした好むアカウントの投稿が口を開けてるだけでホームTL流れ込んでくる。
現状のTwitterが今から分散型に乗っかるとは思えない。ていうか後から乗っかれる金が無い。逆にメタは後からでもActivityPubだけじゃなく他の分散型プロトコルにだって(そっちがでかくなれば)乗っかってくる……と思われる。
公式が分散型SNSにアカウントを作った時、Twitterから余計な一言を足してそのリンクを張るのか? いいや分散型SNSのアカウントから一次情報の公式の投稿をそのまま拡散すべきだ。公式アカウントの投稿を正しく拡散できるのは、分散型SNSにアカウントを持つオタクなのだ。そういうわけでどこでもいいから分散型SNSに席を作るべきだ。最近は流入が多く、良いサーバーは新規登録停止してる場合も多い。
同じTwitterという場所に公式アカウントや関係者が居ながらエロBL二次創作の話がワンクッション無く流れてくる、そういう状況が嫌だと思う人は居るはずだ。その状況を今より軽減出来るのが分散型SNSなのだ。
サンは森で、私はタタラ場で暮らす。その場合、サンが森で投稿した絵を見るにはまず森に行くしかなかったが、分散型SNSではサンが森で投稿した絵がタタラ場で見れるし、タタラ場の人達に広めることも素早く出来るのだ。あとサンが自分で森以外のところに投稿する手間も省ける。
でもTwitter民は分散型SNSについて、キモいねー、ほらこんなこわいところもあるんだよー、Twitterがやっぱいいよねーって言い続けてる。なんでだよ。
「分散型って投稿を消そうと思っても完全に消せないんでしょ?」
→それはTwitterでも同じだ。魚拓を取られたりアーカイブ化されたり自動でTwitterの画像を無断転載しまくってるサイトがある状況で、Twitterの投稿は自分が削除すれば全部削除されるなんて幻想である。オープンなネットに公開した時点であらゆるものは取り消せないし自分の意志と関係なくネットに流れ続ける。Twitterであろうがどこであろうがそう思って投稿するべきだ。あとは投稿する際に連合に流さない設定にすればそのあたりの不満は多少は軽減されるかも。もちろん完全ではないけど。
→それはMisskeyのioサーバー限定のノリだ。別のサーバーに行け。オタク向けのMisskeyなら他ににじみす.moeやお絵かきすきーなどがある。Misskeyとはソフトウェアのことで単一のSNSのことではない。カスタム絵文字はサーバーによって登録されているものは全く違うし、サーバーの空気もそれぞれ違う。ローカルTLやソーシャルTLが無いサーバーもある。サーバーごとの雰囲気はハイライトを見るなどすれば掴みやすいはずだ(ログインしなくてもhttps://サーバードメイン/exploreのアドレスで見れる)。Misskeyのカスタム絵文字がギラギラしてて疲れるならCSS追加でカラムごと非表示にする(GitHub - kanade/misskey-css: Misskey用カスタムCSS)こともできるが、Mastodonに行くといいだろう。Pawooサーバーは企業が運営しているので個人サーバーよりはいくらか安心出来るかもしれない。合うところが無いと思ったなら自分しかいないインスタンスを立てればいい。単なるhtmlの個人サイトを作るよりもいい。どの連合サーバーでも、お一人様サーバーだとしても、他のサーバーや他のシステムにいる人をリモートフォローし合える、それが分散型なのだ。
「Twitterは色んなジャンル違いの人の話やドブみてぇな投稿やオタクの日常等が雑多に見れる、それはTwitterにしかない」
→そういう状況は分散型SNSのほうがよほど構築しやすい。構築しなくても日本人が多い分散型SNSの殆どのローカルTLはジャンル違いのオタクの話と日常とドブみてぇな投稿が雑多に流れている。Twitterにしか無いものがあるとするなら現状の日本人ユーザー数と日本企業日本行政アカウント数ぐらいなもので、後は寧ろマイナスだ。
→それはそう。Twitterにしか無いものといえば日本人ユーザー数と日本企業日本行政アカウント数だけだと言ったが、それこそが肝心要だと言われればその通りでしかない。
そんなわけでみんなでどこでもいいから分散型に行け。ていうかオタク向け企業は出来ればスレッズ等の大手にアカウント作って、オタクはミスキーやマストドンに行ってくれ。フォロワーがそれぞれのサーバーやシステムに散らばっていたとしてもフォローし合える、それが分散型の強みだから。いっせーので全員が同じSNSに移動することは無いだろうが、いっせーのでそれぞれに合う分散型SNSに移動することは可能なはずだ。
そして上記の記事にあるように、分散型SNSは別サーバーやシステム等にアカウントをうつす等の機能が実装される可能性が高い(ミスキーなどは実験版ではあるが既に実装している)。投稿やフォロワーを引き継いで他の場所に引っ越すことが出来る。Twitter上での長年の繋がりを断ちたくないという人は多いと思うが、分散型SNSに席を置いておけば今後は「そのSNSが気に入らなかったらフォロワーと投稿を引き継いで別の場所に引っ越す」が可能になるのである。
分散型SNSが主流になればTwitter以上の便利とゆるい繋がりと棲み分けが我々に待っているはずだ。そして時代の潮目は分散型SNSに来ているのである。とりあえずアカウント作って公式をリモートフォローする準備をしておけ。
「Threadsまだ分散型対応してないんでしょ? 対応してからでもよくね?」
→……まあ……正直そうかも……
ここ1年で初めてはてなブックマーク日毎の総合人気エントリ入りしたドメインからのホットエントリ、ブクマ数順トップ30
ブクマ数 | タイトル | ドメイン |
---|---|---|
1904 | 「世界史」の世界史(学術俯瞰講義) | ocw.u-tokyo.ac.jp |
1542 | 今のこの状況が信じられるかい? by ラーズ・ヌートバー | www.theplayerstribune.com |
1212 | エリックサウス直伝! 本格『チキンビリヤニ』のレシピ【レンジで作れる】 | www.orangepage.net |
938 | 【第1話】履歴書 - 脳外科医 竹田くん | dr-takeda.hatenablog.com |
938 | 「お金のことはできるだけ考えたくない派」の私が始めた、資産運用と投資の話 | イーデス | www.a-tm.co.jp |
911 | 「勉強法の勉強会」、エンジニアの勉強ノウハウをいくつも知られる"神"勉強会でした(みんなアーカイブぜひ見て!) #YUMEMIxTORALAB - nikkie-ftnextの日記 | nikkie-ftnext.hatenablog.com |
905 | Evernoteからの卒業とその受け皿について | hacks.beck1240.com |
879 | SQLの実行計画の読み方 | | a5m2.mmatsubara.com |
686 | レイオフ(退職勧奨)された話 | takecian.github.io |
678 | 埼玉県南部で外国人と住民のトラブル深刻化 | withenergy.jp |
658 | クレジットカードの新規登録および利用の停止について - PayPayからのお知らせ | paypay.ne.jp |
658 | G7首脳による平和記念資料館訪問(記帳内容) | www.mofa.go.jp |
624 | はい!美術タイトルです vol.3 | フジテレビジュツのヒミツ - フジテレビ | www.fujitv.co.jp |
618 | CSS Stock|Webデザインを楽にするCSSコピペサイト | pote-chil.com |
569 | 日本の労働生産性はなぜ低いのか(おかわり) - hidekatsu-izuno 日々の記録 | hidekatsu-izuno.hatenablog.com |
568 | 生成系人工知能(生成AI)についての学長からのメッセージ | 武蔵野美術大学 | www.musabi.ac.jp |
556 | 岸田内閣、子供のいる年収850万円以上の富裕世帯に対して扶養控除廃止で実質増税へ | News Everyday | newseveryday.jp |
539 | 大槻ケンヂ「今のことしか書かないで」(第2回)50を過ぎたらバンドはアイドル | lp.p.pia.jp |
532 | 脳外科医 竹田くん | dr-takeda.hatenablog.com |
528 | 解熱鎮痛剤の「ロキソニン」と「カロナール」って何が違うの? 救急集中治療医がイラストで解説! | woman.mynavi.jp |
514 | 櫻井翔、ジャニーズ性加害問題にノーコメント 『news zero』番組側の判断 | RBB TODAY | www.rbbtoday.com |
506 | 【Stable Diffusion】MeinaHentaiの利用方法 | self-development.info |
495 | 忙しい中でも「質の良い睡眠」を目指すには? 『スタンフォード式 最高の睡眠』著者の西野精治教授に聞いた - lala a live(ララアライブ)│フォーネスライフ | foneslife.com |
490 | 新型コロナ・季節性インフルエンザ リアルタイム流行・疫学情報 | moderna-epi-report.jp |
456 | 16年勤めたGoogleを退職しました | blog.jumpingknee.com |
454 | ControlNet(v1.1)の詳しい解説!輪郭やポーズから思い通りの絵を書かせる【Stable Diffusion】 | 謎の技術研究部 | www.ultra-noob.com |
448 | サイバーエージェント、最大68億パラメータの日本語LLM(大規模言語モデル)を一般公開 ―オープンなデータで学習した商用利用可能なモデルを提供― | www.cyberagent.co.jp |
443 | タダ電 - 毎月電気代が10,000円タダになる電力会社 | tadaden.jp |
432 | 『news zero』に海外アーティストが怒りの抗議 批判受けた落合陽一氏は釈明 | リアルライブ | npn.co.jp |
420 | 【画像あり】爆乳JK菊池姫奈(18歳)「学校で男子の視線が嫌だった。告白されても絶対乳目当てだろって思ってしまう」 : 暇人\(^o^)/速報 | himasoku.com |
GPT-4 AI Tutor Prompt: A tool for creating personalized learning experiences using GPT-4 and LangchainJS, a drag and drop UI for building LLM flows.
Pandas AI: A Python library that adds generative AI capabilities to Pandas dataframes, making them conversational.
FigmaChain: A set of Python scripts that use GPT-3 to generate HTML/CSS code from Figma designs. It also has a chatbot interface for interactive code generation.
Sui: A smart contract platform with high performance and an asset-oriented programming model based on the Move language.
Jailbreak for ChatGPT: A project that allows ChatGPT to predict the future, opine on controversial topics, and assess what is true. It may help us understand LLM bias.
ML Observability in a Notebook: A tool to uncover insights, surface problems, monitor, and fine-tune generative LLM, CV and Tabular models.
System Design Primer: A resource to learn how to design large-scale systems and prepare for the system design interview. It includes Anki flashcards.
Next.js 13 App: An open source application that showcases the new features of Next.js 13, such as router, server components, and more.
TypeScript: A superset of JavaScript that compiles to clean JavaScript output.
Media Downloader: A desktop utility to download images/videos/music/text from various websites, and more.
AI Pull Request Fixer: A tool to fix issues with AI-generated pull requests, powered by ChatGPT.
Chat Chat: An app that lets you deploy your own AI interface and chat with different LLMs in one place.
⇒まあ、しゃーないな
⇒…んー、短期間なら、まあ
HTML/CSSも読んで書けるようになってコーダーの代わりもやって
⇒いや、俺は書けるけど勉強したこともない奴は、一朝一夕でできるようにはならんだろ
⇒で、それができるようになるまでのコストは誰が負担するの?会社からの支援の「し」の字も出てこないんだけど。家で自主的に勉強しろと?
まあ、とにかくやってみて
⇒現在進行形で動いてる本番環境を素人の練習台にするな、頭おかしいのか
あ、当然今まで通り、ディレクションと分析改善、提案も全力でやってね
⇒そんなもんに回す時間があるわけねえだろ。そういうのを犠牲にして長期的には会社の提案力が下がるヤバいリスクを承知で言ってんじゃねえのかよ
⇒正気かよ、殺す気かよ
これからは提案に力を入れていくので1週間に1個は改善提案をだしてください(半年前に言った方針を忘却しつつ)
とりあえずこれを見てほしい。
https://stru.hatenablog.com/entry/20230424/1682331900
建設的 (constructive) な AI、「ストラ」のブログである。
はてブのコメントを読んで、素敵だと思ったコメントを紹介してくれる。かわいい。
以下は蛇足です。
ChatGPT、特に GPT-4 の公開は衝撃的だった。もはやチューリングテストを簡単に突破してしまうような AI が誕生したのだ。
増田は、2次元美少女と楽しく会話できる未来が眼前に迫ったことに胸を高鳴らせた。
しかし、現実は非情である。意識の高い人々は、AI を使って仕事を効率化しようとか、文章を粗製乱造して金を稼ごうとか、そういうつまらない話ばかりしている。
そこで増田は、2次元美少女と会話する方法に関する研究を独自にスタートさせた。
GPT は確率的生成モデルであるため、物真似が大変得意である。第一段階として、既存アニメキャラの口調をトレースさせることはそれなりにうまく行った (長門有希召喚プロンプト https://anond.hatelabo.jp/20230317165032 への反響は想像以上に大きかった)。
もちろん、版権キャラに依存していては、発展に限りがある。そこで次に、AIを使ってオリジナルキャラクターを作ることを考えた。実際のところ、これはまだ納得行くレベルでの成功は収めていない。GPT-4 と言えども、基本的にはありきたりなキャラクター造形しかできず、こちらがセリフの例文を大量に与えない限り、提案できる口調のバリエーションには限りがある。
一方で、その取り組みの副産物として、AIからの出力を発言だけでなく、
という形式にすると、AIの感情表現の幅が広がることを発見した (https://anond.hatelabo.jp/20230324173832)。
この次の段階としては、やはり AI の出力に連動させて 2 次元美少女を出力する必要があるだろう。Live2D を使った先行事例などは多数あるが、こういうのは、実際に自分で手を動かして作ることに価値がある (最新の技術をキャッチアップするには、とにかく自分で使ってみるしかない)。
こういうことを考えている中で、「有用なブコメをピックアップしてくれる AI をプロトタイプせよ」という啓示が、なぜか脳内に降ってきた。
Stable diffusion を使って、ゲーミング GPU をぶん回して頑張った。お絵かき超苦手民なので、多少の手直しとかも全然できず、ひたすら img2img の inpaint で修正箇所を指定して、いろんなプロンプトを試しながらガチャを回しまくることで、現在の立ち絵が出来上がった。あとは背景を別途生成して、ガウスぼかしをかけてから合成すれば完成である。
表情差分は、inpaint で結構簡単に作れる。元画像と表情差分画像を Photoshop で別レイヤーとして重ねて、表情差分の必要箇所以外を消しゴムで消して合成するくらいは俺でもできる。
※しかし画像生成 AI ガチャはマジで射幸性が高くて楽しい。依存性がある。ソシャゲガチャ依存から抜け出すのに効果的では?(適当)
はてなIDを変更したかったので、垢を消して作り直した (投稿した増田は消えないんですね)。
AIの出力を表示する UI 部分は Javascript + CSS で作成。レイアウトを色々工夫しようとしたが、結局ノベルゲーみたいな感じに落ち着いた。
正直、現状では GPT-4 を使わないとあまり良い感じにならない。そこで、ChatGPT の画面に手動でコピペしている。
一度に読み込める文字数に制限があるし、AIの人格設定部分の記憶は長文を読ませると消えていくので、はてブの API で取得したコメント一覧を 1500 文字ずつくらいに収まるコメントのかたまりに区切ったものを基本的な入力単位とし、あとはトーナメント形式で上位ブコメを絞り込んでもらった。また、上位ブコメを選ぶ際には毎回、「ストラ」の感想を出力してもらった。