はてなキーワード: Jsとは
ユーザーローカルが、ダミーの氏名・住所などの個人情報を自動生成するWebサービス「個人情報テストデータジェネレーター」の無償提供を始めた。最大1万行を生成し、CSV形式のファイルなどでダウンロードできる。システム開発時の動作テストやセキュリティチェックなどに使えるという。
生成できるのは、氏名や年齢、生年月日、性別、血液型、メールアドレス、電話番号、郵便番号、住所、会社名、クレジットカード番号と期限、マイナンバーの情報。氏名は漢字・平仮名・片仮名・ローマ字などを選択でき、年齢は「20~80歳」など指定した範囲を基に日本の人口比に合わせて出力できる。
データはCSV・TSV形式かExcelファイルでダウンロードできる。生成するデータ数は1件単位で設定できるが、1万行以上はユーザーローカルへの問い合わせが必要だ。
ユーザーローカルへの問い合わせ、ってなんかJSかなんかでローカル処理のクエリ必須、みたいに勘違いしてなんだそりゃと気になったがただの社名だった
いまもjQueryをWebアプリケーションの大事なライブラリとして使っている会社は少なくないと思う。
jQueryを会社で使っていると何が問題なのかを語っていこう。独断と偏見によるものなので、jQueryを使っていても問題ない会社も当然ある。たとえばペライチのサイトを作る会社とか小規模サイトなんかでは全く問題ない。
採用困難で売り手市場になっている時代、そして「jQueryを触らなければならない環境 vs モダンフロントエンド環境」という選択肢がある中で、あえてjQueryを選ぶフロントエンドエンジニアは少ない。
また、新人はもはやjQueryを学ぶことはない。彼らはES6以降のJavaScript / TypeScriptを書く。よしんばjQueryを学ぶことになった新人がいたとしても、それはただその新人が可哀想なだけで、現役なわけではない。ラガード(遅滞者)の仲間入りをさせているだけだ。新人でもキャリアをデザインできる新人は「jQueryはオワコン」という情報には触れているので、よほど就活で失敗しない限りはjQueryのところにたどり着かなくなっている。
そもそもバックエンドエンジニアでもモダンフロントエンドを書くような環境が増えてきた中で、2世代も前のjQueryだけでアーキテクチャに関する一考もないコードをメンテしなければいけないので、「jQuery」という言葉だけでフロントエンドエンジニアでなくとも入社を避けがちだ。(jQueryでアーキテクチャがしっかりしている可能性は低い。アーキテクチャがしっかりしているならばjQueryに依存しておらず、jQueryに依存していないのであれば簡単にjQueryから脱却できるはずで、簡単にjQueryから脱却できるならもう脱却しているはずだからだ)
メインストリームの部分はほとんどリプレイスが終わっているというでもなく、すべて現役でjQueryなのであれば尚更問題で、誰もメンテしたがらないコードの出来上がりだ。「弊社はCOBOLで書いてます!」とにこやかに言うようなものだ。
(ただし、さすがにjQueryだけでフロントをやっているという会社の求人をほとんど見かけることはない。無意識のスクリーニングで落としているのかもしれない)
jQueryを使っている会社には、フロントエンドエンジニアは一人もいないと言いきってもいいかもしれない。もしくは、今まさにjQueryをやめようとしているか、たまたま入ってきたフロントエンドエンジニアが今まさに辞めようと迷っているかのどれかだ。
「jQueryを使っていました」というエンジニアは、他社からはフロントエンドスキルが0とみなされる。つまり、フロントエンドエンジニアではないという意味だ。jQueryは、jQueryを使っている会社に対してしか武器にならないのだ(逆はできる)
jQueryを書ける人口自体は増えているだろうが、労働市場からは撤退し始めている。昔jQueryを書いていた人材の人数が上限で、そこから新たに学ぶ人の絶対数が減っているため、全体としては減っている。
私もjQueryは以前業務で書いていたが、もう数年書いていない。特にメリットを感じないからだ。遊びで、生のJavaScriptを書くことはある。
jQueryで入社するのは、昔からjQueryを使っている高齢のエンジニアか、なぜかjQueryを学ぶことになってしまった新人である可能性がある。
そのため、需要と供給に応じて、昔いたようなスキルレベルの人を今の市場で見つけようとすると費用がかかってしまう。jQuery書けますという人材が高年齢化しているのだ。そして世継ぎはいない。
リプレイスはハッキリ言って難しい。モダンなフロントエンドを学習するだけでは足りなくて、それを使いこなせた上でしかもjQueryを使用したカオスイベントコードも読めて、そしてアーキテクチャを考えてリプレイスしなければいけない。
時代が下るにつれて、そうしたハイスキル人材はより高価値になっていき、レア度も単価も高くなる。今そういう人を雇うという判断をしない会社が、どうして今後もっとハイスキルの人を雇えようか。
jQueryを使ったサービスがしっかり利益を出している点もリプレイスを難しくしている。全廃もできない。かと言ってコストに見合わなければリプレイスという経営判断も難しい。経営が困難な状態ならより厳しい。
何も理由がなくjQueryを使い続けたいという奇特な人は多くないはずだ。何か理由があってそうなっているわけだ。カッコよく言うと『ナッシュ均衡』という状態だろう。今会社にいる人材もいわゆる『jQuery人材』が多いため、そこを打破するのはとても困難な道だろう。
jQueryから抜け出すには、すでにいる人材がなんとかしてリプレイスするか、外から連れてきて改革するしかない。しかし大抵の場合、既存の従業員にとってはそんな大変なことをするよりも転職したほうが楽な道だ。(もちろん、「jQueryしかなかったサービスをモダンフロントエンドにした」というのが実績としてある人材はかなり魅力的な人材で引くてあまたなことだろう。その意味ではピンチをチャンスに変えるときの『チャンス』ではある)
ReactやVue.jsに変えたいと思ったとして「じゃあお前それですぐに利益出せんのかよ?」と詰められたら、その論争をクリアしてまで変えるのはほとんど無理に近い。通常、リプレイスそれ自体は価値を生み出さない。リプレイス後に運用コストが低下したり、人材獲得がしやすくなるために利益が出るのだ。リプレイスとは長期の投資であるため、短期的には必ず損失になる。経営が困難な状態でリプレイスしようとするのは、生活困窮世帯にリボ払いをやめさせるぐらい難しい。そのため、まず自分が身銭を切ってリプレイスするしかない。そしてリターンがあるかもわからない身銭は切りにくい。そして同僚は容易に『抵抗勢力』になる。
jQueryを今も使っているということは、裏を返せば「これまでリプレイスをしてこなかった」「リプレイスしようとしたが無理だった」という実績にもなる。
jQueryを使っている会社は、昔からあるコードをもとに書いているため、今もES6以前の文法で書いている可能性がある。そうしてどんどんと情報が少なく、古く、現代で通用しにくいものになっていく。
bundlerを使っていない可能性が高いし、もしかするとCI/CDも無いかもしれない。そうすると、モダンなインフラエンジニア(もしくはモダンなインフラ知識のあるエンジニア)がいないかもしれない。SREという概念がないかもしれない。
世間一般から見ると会社の中が古いのだが、古い会社にいると「自分が古い」とはなかなか思えないものだ。太っちょの集まりの中にいたら「自分はそんなに太ってない」と思うのと同じことだ。
すべては憶測なので、実際は違うかもしれない。
さんざんdisってきたが、そもそもjQueryは何も悪くないし、大変優れたライブラリだ。ちょっとしたプロトタイプを作るときには良いものであるかもしれない。しかも今もjQuery自体はメンテされている。そのため、状態管理さえうまくできていればjQueryだろうがなんだろうが問題ない。
問題は、jQueryというライブラリを使ってきた時代からアーキテクチャが前進していない点にある。何年もずっとその状態だということだ。そこを今日に至るまで誰1人として変えられなかったということだ。特に経営陣は何の問題視もしていない可能性が極めて高い。そうした社内のしがらみが反映された結晶体、それが『使用技術: jQuery』という言葉になっているのだと思う。また、ヤバさは、jQueryのバージョンに反比例する。
jQueryを使っているアプリケーションには、jQueryが担保していなかったアーキテクチャ部分に問題があることが多い。また、どこから呼ばれているか誰もわからない複雑なイベント、SPAもクソもないページ遷移ごとのリロード、誰もどこもテストできず、HTMLにベタ書きで書かれたJavaScriptコード、その場しのぎでデタラメに書かれた関数、無視される変数のスコープ、サポートが終わったライブラリ、ドキュメントを見つけるのすら困難なよくわからないライブラリ、高齢者しか知らない伝説の機能・伝説のハック、などもある。これらはモダンフロントエンドではほとんど発生しないものだ。
そのため、一定の基準として「jQueryを使っているかどうか」で、フロントエンドエンジニアとしてのやりがいがあるかどうかを判別できる。
そうして、フロントエンドエンジニアというのはもうjQueryに見向きもしていない。書けるけど書きたくない。パラレルワールドのようなものだ。
そういうようなことを「使用技術: jQuery」という文言から感じ取ってしまうのだ。
(そしてこれは、実際の仕事の中身が違うかどうかは関係ない。jQueryとは、そういうふうなブランドと化しているのだ)
jQueryを使っている会社からしたら「そんなことはわかっている」という部分で、「じゃあどうすればいいのか?」という部分が気になるところだと思う。
そこで、後編では「どうやってjQueryを全廃すればいいのか?」「実際にどのように全廃したのかの事例」について、だいたい来週ぐらいに書くつもりだ。
お楽しみに!
最初に結論から書くと、「データをサーバーとやりとりする掲示板のような機能の実装に1年かかっても取り組めていない」
個人的な目標があり、非IT系だが、webサイト作りをやってる。
しかし、なんとかVue.jsで静的サイトで動きを出したり、BootStrapでタブを作ったりすることはできる。
Firebaseで静的サイトや、AWSでS3にサイトhtmlを置いて公開することもできる。
掲示板の機能を持たせるには、投稿データを保存したり表示したりする必要がある。
そうなると、さーばーから情報を読み出すべきだが、そもそもサーバーに情報をどうやったらためて置けるかがわからない。
Railsの場合はセキュリティーが怖いからやめておきたい、できればクラウドサーバーの機能をそのまま使いたい。
クラウドサーバーにデータを投稿したりクラウドサーバーから読み出す機能がもっと簡単にならないかなあ。
Udemyや本を読んでも、なかなかできるようにならないです。みなさんどうしてます?
aa ʕ•̫͡•ʕ•̫͡•ʕ•̫͡•ʕ•̫͡•ʕ•̫͡•ʕ•̫͡•ʔ
じゃなくて
aa ʕ•̫͡•ʕ•̫͡•ʔ•̫͡•ʔ•̫͡•ʕ•̫͡•ʔ•̫͡•ʔ
にしたい
javascript:(function (d, lowerThan, count) { const MinimumRequiredLength = 33; let currentCount = count(); const elem = d.querySelectorAll(".bookmarkadd-comment-form")[0]; if (!elem) { return; } if (lowerThan(count(), MinimumRequiredLength)) { if (elem.value.slice(-1) !== " ") { elem.value += " "; currentCount += 1; } } if (lowerThan(count(), MinimumRequiredLength)) { const kumas = ['ʕ•̫͡•', 'ʔ•̫͡•']; const indexes = '001101'; for (let i = 0; i === 0 || (lowerThan(currentCount + i * 5, MinimumRequiredLength) || currentCount + i * 5 === MinimumRequiredLength); i++) { elem.value += kumas[indexes[i % 6]]; } elem.value += 'ʔ'; elem.dispatchEvent(new Event("input")); } })(document, function(a, b) { return Math.floor(b / a) !== 0 }, function() { return Number(document.querySelectorAll('.js-bookmarkadd-comment-count')[0].innerText) || 0 } ); //add bear
こういう、特定の URL で特定の bookmarklet を呼び出す extension とか欲しい。これは用途に合わないけれど、クマを消すやつは自動で実行されてほしいものだろうし
増田やTogetter、NHKに寡占されているはてなブックマークだが、めったにブクマされないサイトからホットエントリ入りしてくるウェブページはとても面白いコンテンツなんじゃなかろうかと思って調べてみた。
ここ1年で初めてはてなブックマーク日毎の総合人気エントリ入りしたドメインからのホットエントリ、ブクマ数順トップ30
ブクマ数 | タイトル | ドメイン |
---|---|---|
1485 | ソフトウェアエンジニア、家を買う - hichihara note | hichihara.hatenablog.com |
1477 | はてな20周年祭 - はてな | www.hatena.ne.jp |
1138 | 喫緊の課題は未来 | Dr林のこころと脳の相談室 | kokoro.squares.net |
1129 | ちいさな Web ブラウザを作ってみよう | browserbook.shift-js.info |
1073 | 共同声明「フェミニスト原則の再確認を呼びかける」 | swashweb.net |
1048 | ミクシィの21新卒技術研修の資料と動画を公開します! - mixi developers | mixi-developers.mixi.co.jp |
1042 | 「男の潮吹き」の真実 ~被験者が語る潮吹きのやり方~ - TENGA HEALTHCARE | tengahealthcare.com |
928 | ROCK IN JAPAN FESTIVAL 2021開催中止に関して、皆さんにお伝えしたいこと | ROCK IN JAPAN FESTIVAL 2021 | rijfes.jp |
804 | 【速報】五輪組織委「この3週間のコロナ悪化は想定外」/パートナー企業に謝罪 | 探査報道メディアTansaの報道 | tansajp.org |
774 | 弊社社員のSNS等での不適切発言に関する社内処分につきまして|重要なお知らせ | 株式会社ホビージャパン | hobbyjapan.co.jp |
739 | 本当は恐ろしい「〜」記号 : IT翻訳者Blog | blog.nishinos.com |
736 | シティポップの世界的ブームの背景 かれらの日本という国への目線 - インタビュー : Kompass(コンパス) ミュージックガイドマガジン by Spotify&CINRA | kompass.cinra.net |
732 | Steam Deck | www.steamdeck.com |
722 | ユダヤ人から見た小林賢太郎氏のホロコーストコント(JPN Editon) - Unseen Japan | unseenjapan.com |
717 | <ユダヤ人大量惨殺ごっこ> 五輪開会式演出・小林賢太郎に浮上した「ホロコーストいじり」の過去 | GEINOU | re-geinou.com |
703 | 人生で一番買ってよかったもの デロンギ全自動エスプレッソマシン マグニフィカS 購入6年後レビュー - toshiboo’s blog 2 | blog.toshiboo.com |
651 | 藤本タツキ先生の「ルックバック」について、統合失調症の当事者が感じたこと - 蟹の話 | mmkanimm.hatenablog.com |
634 | Linuxサーバー構築標準教科書 | linuc.org |
598 | 鳥人間コンテスト「桂ァ!あと何キロ?」の人、宇宙飛行士のパイロットへ : ガハろぐNewsヽ(・ω・)/ズコー | gahalog.2chblog.jp |
586 | Tokyo2020 聖火台 | nendo | nendo.jp |
582 | 退屈日記「仏サッカー代表選手が日本人大差別の報道を分析。くそ野郎は誰だ!」 | Design Stories | www.designstoriesinc.com |
579 | 【特別企画】なぜホビーメディアは「転売」を容認してはいけないのか 転売行為はユーザーとメーカーの幸せな関係を破壊してしまう - HOBBY Watch | hobby.watch.impress.co.jp |
545 | 新型コロナウイルス感染症 自宅療養中の方へ 東京都福祉保健局 | www.fukushihoken.metro.tokyo.lg.jp |
520 | すごい開発チーム育成ハンドブック · すごい開発チーム育成ガイド | sugoiku.c16e.com |
508 | 『ルックバック』読んだらすぐ寝るかすぐなんかやるべきと思った話|マシーナリーとも子|pixivFANBOX | tomoko.fanbox.cc |
505 | この度の田辺晋太郎氏のSNS上の発言について 【ヤマサ醤油株式会社】 | www.yamasa.com |
503 | 年収300万円から資産運用で1億円近くを築いた話 - たぱぞうの米国株投資 | www.americakabu.com |
495 | プロが教える!噛んでしまったファスナーを動かすための緊急対処法 | REFINE | www.refine.tokyo |
485 | 新宿駅前に巨大猫が出現!大迫力・超美麗3D映像で通行人の視線を釘付けに!4K相当では国内唯一の150m2超え大型街頭ビジョンが7/1からプレ放映スタート! | 株式会社クロススペースのプレスリリース | www.dreamnews.jp |
473 | 現役FPの私がおすすめするお金の勉強ができるおすすめ本30冊 | fpbank.co.jp |
473 | オリンピック連絡窓口係から東京五輪への不安(TVレポーター、グレイス・リーさんのtwitterスレッド全訳) | www.evernote.com |
クマが30匹程度では建設的と判定されないことがあるようなので、そんな時は
const MinimumRequiredLength = 30;
の部分を変えてみてください。
その際は、ドラッグし直すのでなく、
追加済みのブックマークレットを右クリック→「編集」で、30の部分だけ書き換えればOKです。
追記ここまで
https://anond.hatelabo.jp/20210803012020
に刺激を受けて作りました。
https://b.hatena.ne.jp/entry/4706344345181168386/comment/new3
で、書き込み時の自動クマ補完について書かれてたので、それを実装しました。
以下の文字列を選択して、Chromeのブックマークバーにドラッグしてください。
javascript:(function () { const MinimumRequiredLength = 30; const currentCount = Number(document.querySelectorAll(".js-bookmarkadd-comment-count")[0].innerText); if (Math.floor(MinimumRequiredLength / currentCount) !== 0) { const elem = document.querySelectorAll(".bookmarkadd-comment-form")[0]; if (elem.value.slice(-1) !== " ") { elem.value += " "; } const loopNum = Math.ceil((MinimumRequiredLength - currentCount) / 5); for (let i = 0; i !== loopNum; i++) { elem.value += "ʕ•̫͡•"; } elem.value += "ʔ"; elem.dispatchEvent(new Event("input")); } })();
「_5)」みたいな変な名前で追加されるので、右クリック→「編集」から好きな名前に変えてください。(addBearとか)
はてブのコメント書き込み画面でブックマークレットをクリックしてください。
これで追加したクマを、コメント一覧画面で削除するためのブックマークレットは、
javascript:(function () { document.querySelectorAll(".entry-comment-text").forEach(function (e) { e.innerText = e.innerText.replace(/[ʕ•̫͡•ʔ]+$/, ""); }); })();
です。
セットでお使いください。(名前はremoveBear?)
私はクマで埋めることはしないのですが、埋めたい人もいるでしょうから、道具としてはあればよいと思いました。
最後のクマだけ左頬のパーツを変えて……、など10秒くらい掛けてると思うのです。
その間、「ああ……またこんな作業をして……私ったら承認欲求の塊なのかしら、いやらしいわ」と自己嫌悪してたら可哀想なので、
少しでもネガティブな時間が短くなるよう、活用してみてください。
jsで会話したらええやん
最近のテック系の生態系を知らずに、ほとばしる若さに嫉妬して学生をぶちのめして申し訳なかったと思うようにはヒートダウンしてきた「年収270万円だった医大生」です。こんばんは!
すごく反省している。ただ、優雅に自分が学生時代に学んだ知識をもって、社会人にその勢いを保持したままで定年まで行ける可能性は高くないと私は思うのだ。おそらくは名門大で、勢いのある会社なら引く手あまたそうな貴方は自分にとっては眩しかったのだ。
本当に認識不足だった。もともと Android/iPhone や jQuery で JSON の操作をしていて、PHP/Rails/Spring でバックエンド界隈から MySQL/PostgreSQLを触り、人員不足で AWS をも触って QA および SRE をしていたエンジニアだったのだけど、ブロントエンドが DB に遠いという理由で簿給だと思っていたのは、各派遣会社の給料をみる分だと間違いだと理解した。知識がアップデートされてないのはオレ自身だったようだ。申し訳ない。
根拠は、NoSQL はスキーマ無しなのは途中までは良いけど、後で負債になる感じがするので。あと、Firebase は Google が中途でやめるとなったときが怖いぞ。JS なら express というフレームワークあるし、Kotlin もサーバーがあるから、古典的なサーバークライエントモデルで良いのじゃないかな?Next なら SSR あるし。
自分のような新卒採用を逃した身分では、サイバーエージェントのような B to C 領域でトップティアにある会社に紹介してもらえるというのは「蜘蛛の糸」のような貴重なチャンスに思えたのだよ。そりゃ、ある程度は経験積めばスカウトが来るかもしれないけどさ、自分は年食っていたから「サイバーエージェントで働けるという可能性」に全力をかけたよ。その結果が、場末の未認可SES って、しかも反社だったなんて、すごくショックだったよ。クソな「自称数学者の人工知能論を聞いて土日が終わり、平日はブラック客先常駐」な日々はうんざりだ。
年収270万の人です。フロントエンド・デザイナーについての疑問なんですけど、書き込みを眺めていて不思議に思ったことがあるので、ポストさせてください。
① Rails だろうが、React だろうがプログラマーはデザインまでして当然
という感触ですが、本気なんですか?ぎりぎりドリームウィーバーで PHP を書いていたことがある世代なのですけど、アート的なものは他者に任せるという記憶なんですが、今ってプログラマーが画像とかを集めてくるのが当然なんですか?
② フロントエンドのデザイナーを採用するとして、CSS はデザイナーが書くもの
最低「ウェブデザイナー」を名乗るなら、CSS を扱えるべきだと思っているのですけど、CSS in JS とかするとプログラマーの職務が増えるだけなんてはないでしょうか?