「DOM」を含む日記 RSS

はてなキーワード: DOMとは

2020-09-14

anond:20200914124736

ノードでいいんじゃね?

末端は、あえて区別するなら「リーフ」でっしゃろ。

例えばHTML DOMの要素は全部Nodeなのだわ。

2020-09-07

無職のままコロナきちゃってどうしようもないか

今日Javascriptちょっと触ってみた

変数の型を宣言しないでいいってなんかすごく雑な感じがして違和感がある

DOMでページの要素をなんでも取得していじれるところがお手軽な爽快感があってよかった

ただこれも頑張って仕事に繋げられるかというとどうなんだろうという

そもそも需要があるのかもよくわからないし…

2020-05-27

なーんだ、バーチャルDOMで魂が震えたマンもやることやってるし、結婚しても狙っていくただのオスじゃん安心して好感度上がったわ

「なおやさんへ」ルートに行かないようにな

2020-03-07

jqueryから抜け出せないってか、それで十分

jqueryで十分じゃない?

これ以上どれだけDOMをいじりたいのよ?

vue.js、react.js、nuxtとか見るたびに吐き気がする。jquery以上のバリューを発揮できてますか?って。完成品見ても何が凄いかマジで分からんかった。

jsなんてすぐに流行りが過ぎるから勉強するだけ無駄だしね。

と思うんだけど、単価はjqueryより高いんだよなあ。馬鹿馬鹿しい。

こういう事を言うと、お前の周囲のレベルが低いんだろって言われると思う。

あー、ハイハイ笑って感じだけど。

じゃあ、虎を目の前に出してみてくださいって感じ。見事に捕らえてしんぜましょうってか。

2020-03-02

[]2020年2月はてブあとで読むトップ30リスト

はてブホットエントリ(総合)で月内に数多く[あとで読む]タグを集めたエントリ

295あとで/3761users 資産運用 - shao

234あとで/1602users CTOの頭の中:技術財務表現する|Shin Takeuchi|note

225あとで/2454users Kyoto University Research Information Repository: プログラミング演習 Python 2019

219あとで/2206users 意識の低いフリーランス生存戦略

160あとで/762users TCP/IPをわかりやすく - 通信プロトコルの基礎知識を図解で学ぼう - エンジニアHub|若手Webエンジニアキャリアを考える!

160あとで/933users 京都大学Pythonによるプログラミング演習教材を無料公開:CodeZineコードジン

152あとで/1272users セキュリティエンジニアになり、そこから2年間分の勉強内容と参考になった資料とか - ぶるーたるごぶりん

142あとで/1054users コンピュータサイエンスが気になるプログラマに勧める書籍リスト - Rubyist Magazine 第61号 巻頭言

140あとで/731users 【社内資料公開】AWSに関するスキルアップ方法と一度は読むべきブログの紹介 | Developers.IO

138あとで/2534users 【書き起こし】岩田健太郎さんのYouTube動画ダイヤモンドプリンセスはCOVID-19製造機。なぜ船に入って一日で追い出されたのか。」の書き起こし

131あとで/1507users 牧歌的 Cookie終焉 | blog.jxck.io

120あとで/587users TypeScriptプロダクト開発に使う上でのベストプラクティスと心得 - Qiita

118あとで/667users プログラムの可読性を上げるための条件分岐を減らす方法7個 - Qiita

117あとで/1454users 米津玄師さんの曲はどれも心に残り、独特に感じますパプリカ子どもたちも大好きです。曲なのかメロディなのか詩なのかリズムなのか、技巧として他のアーティストと異なる特筆する点があるのでしょうか?に対するNobuhiko Izumiさんの回答 - Quora

113あとで/626users エンジニア17年の俺が、事業系の開発タスクバンバン投げてくる非エンジニアに、保守必要性死ぬほど分かりやす説明する。|みやたけ|note

112あとで/1174users 銀座有楽町周辺で800回ランチした私のおすすめランチ!|takehiro sugaya|note

108あとで/900users Excel設計書を抹殺したくて4年前にWiki設計書を導入したら、意外とちゃんと開発回ってた話。 - Qiita

104あとで/1175users 『ヤバい本が出ようとしている』みずほ銀行システム統合歴史を綴った本が出版される模様「最恐のホラー小説」「章題を見るだけで闇を感じる」 - Togetter

103あとで/1072users 「相当まともな文章を書いてきますよ」関西大学ゼミで配布されている『レポート論文の基礎ルール』が本当に大切なことばかり - Togetter

101あとで/453users 大規模システムでの Linuxメモリ管理

101あとで/1172users 村井純教授1月16日最終講義文書き起こし – Matsubo engineering blog

100あとで/1379users 【鬼滅の刃】恋柱に注目するなら乳だけでなく下半身も見ろ - 本しゃぶり

98あとで/605users 質とスピード(2020春版) / Quality and Speed 2020 Spring Edition - Speaker Deck

97あとで/1572users EM菌の正体(構成微生物を調べました)|片瀬久美子|note

96あとで/446users 仮想DOMは本当に“速い”のか? DOM操作の新しい考え方を、フレームワーク実装して理解しよう - エンジニアHub|若手Webエンジニアキャリアを考える!

95あとで/527users JavaScriptの次の仕様ES2020で追加されることが決定した新機能まとめ - ICS MEDIA

93あとで/847users ふなっしー最近テレビで見ない理由、「本人」ロングインタビュー(上) | News&Analysis | ダイヤモンドオンライン

93あとで/531users 「AIをどう習得したのか教えて」と大募集し、技術から集まった記事49本を紹介 | 日経クロステック(xTECH)

92あとで/793users 中国AI企業が開発した中国語学習サイトが凄い|ばやし@イマチュウ|note

92あとで/1452users 鉄のフライパン再生メンテナンス樋口直哉(TravelingFoodLab.)|note

92あとで/1575users 書いたな、俺の前で、革靴の話題を!

92あとで/797users ls よりも exa を使おう!モダンLinux コマンド達を紹介 - Qiita

いつもの月に比べてあとで読むタグが少ない。あとで読みたくなるような記事が少なかったのか、あとで読むを付けるタイプの人が寄り付かなくなったのか。

2019-07-03

役に立たないReactJS vs Vue.js

Reactはライフサイクルを細かく設定でき、その辺きちんと設定できないとまともに動かない。一方Vue.もライフサイクルを細かく設定できるが、適当に書いてもなんとなく動く感じがある。書き方はReactのほうが好きで、フックを使って疎結合コンポーネントを作れるのは大きい。

あとReactはVirtualDOMからTypeScript恩恵を受けやすそうな気がする。VueTypeScriptは試してないけど、DOM内のv-なんちゃらattributeのSyntaxチェック働かなさそうだし。

2019-01-12

スクールに通って未経験からwebプログラマ転職して一発逆転!!

を狙ってるそこのお前

どうせお前のスキルセットは「html,css,js,rails」だろ?

揃いも揃ってそんなんばっかり

スクール講師に言われるがまま

このご時世にjqueryでせっせとDOM操作して

プリプロセッサも使わずしこしこcss書いて

HTTPメソッドSQL理解せずにそれっぽく動くN+1だらけのクソ作っただけだろ?

webプログラマ目指すくせに開発環境構築にDockerも使わず理解してないコマンドコピペしてローカルに直でインストール

せっかく無料枠あるのにawsじゃなくてHerokuにプッシュするだけのデプロイ

テストコードも書かず

CI/CDツールも使わず

ブランチ運用なんて考えずmasterブランチに直プッシュか?

会社に入れさえすれば先輩がつきっきりで教えてくれるとでも思ってんのか?

先輩を質問責めにする気か?

むりむりやめとけ

そんなんじゃせいぜい年収300

諦めた方が身のため

あばよ


どうしてもなりたいなら↑で挙げたものぐらいは最低限を理解しとけ

メモ帳一つでプログラマ」なんて時代は終わったんだよ

ここまで言って調べる気にならないなら本当に向いてないよ

2019-01-06

iOSの標準ライブラリってDOMXMLパーサねえのな(SAXはあった)

まずDOMを作るところからか…

あーめんどくさ

いや、libxml2は使えるのか

こっちにしよ

SAXだとXMLを出力する時に大変だしな…

2018-11-29

anond:20181129122239

Domの話で言うならIDハッシュ化したところでそれを引くパス別にあるので大して難読化にはならんよ。

2018-09-03

エンジニアの俺のパソコンが低スペック

パソコンが低スペックなのである

ITベンダの俺の職場パソコンがとにかく低スペックなのである予算がないだのなんだのいいながらちっとも買ってくれないのである2018年も半分以上過ぎているのに、メモリは4GBしか乗ってないし、画面も狭いノートパソコンが、ただあるだけである

会社働き方改革を推進している。定時で帰らなければならない。作業効率化して、生産性を上げて。もちろん、会議を削ったり、タスクの優先度をつけたりして生産量を上げる努力はしている。でも開発効率はなんともならない。だってパソコンが重いんだもの。でもパソコンは買ってくれない。

とかくフリーズするのであるrails s でデーモンを立ち上げてChromeでみたいし、インスペクタDOMも解析したいんだけど、そうするとフリーズするのである。もちろんRuby Mineなんてない。買ってもらえないし、あっても動かないかである

技術も使ってみたいのである。できればdockerなんかも使ってみたい。CI組んでみたい。でもパソコンが耐えないのである

同時にスマホアプリ開発死ぬであるAndroid Studioを立ち上げると、パソコンが。とまるのである

動かない場合はどうするか。

ひたすら「待つ」のである

ブラウザがとまると、要するにスワッピングしてるんだけど、そうすると数分待たされる。もちろんSSDなどでなくHDDだ。スワッピングならまだいい。パソコンフリーズしていたら、さらに待たされる。そもそも画面に反応がないので、スワッピングしてるんだかフリーズしてるんだかわからない。とりあえず再起動するしか方法がない。

なぜパソコン、ひいてはエンジニア環境投資しないのだろうか。環境が整えば、1日に1時間効率化できる。ざっと30万の投資としても、2ヶ月程度で損益分岐点に達する。精神面でいってもエンジニア安心・満足するし、そうすると意欲的な開発ができる。使える技術の幅が広がることは管理職にとってもメリットがあるはずだ。こんなに簡単判断をなぜ会社はしないんだろう。

我々はどうも苦労がどこかで報われると思っているようだ。これだけ苦労しているのだから、いずれなにかよいことがある。今苦労しておけば、明るい未来が待っている。贅沢しないのだ、敵だから。欲しがってはいけない、勝つまでは。

富豪的環境でなく貧者な環境で開発していると、最新環境でなくレガシー環境で開発していると、IDEでなくEmacsで開発していると、そのうちその努力は報われると思ってしまうのである

しかし、竹槍で爆撃機はおとせない。

競合は常にいろんな最新兵器を使っている。鎖国している俺の職場からは何も聞こえない。聞こえないフリをしている。攻め入られても竹槍でやりかえせばいいのだ。だから、今のこの環境で頑張る意味はあると。

そういうことに意味見出ししまっているのである

2018-07-25

はてなNG代替品 Chrome1.0.3/Firefox1.0.1 を公開した

https://anond.hatelabo.jp/20180609124213

はてなフィルタ - Chrome ウェブストア

https://chrome.google.com/webstore/detail/%E3%81%AF%E3%81%A6%E3%81%AA%E3%83%95%E3%82%A3%E3%83%AB%E3%82%BF/nogcpadcgpkonifnaagfghkaiiojdcap

はてなフィルタ - Firefox 向けアドオン

https://addons.mozilla.org/ja/firefox/addon/%E3%81%AF%E3%81%A6%E3%81%AA%E3%83%95%E3%82%A3%E3%83%AB%E3%82%BF/

更新履歴 Chrome 1.0.3 / Firefox 1.0.1

自分スターを付けたブコメの強調表示機能追加
不具合修正

更新履歴 Chrome 1.0.3.2 / Firefox 1.0.1.3 (8月6日追記)

ユーザーブックマークページにも強調表示を適用
不具合修正
ソース整理

あとがき

不具合修正だけでアップデートするの嫌だったのでなにかないかと思っていたところ

はてなの社長に物申してくる

こちらのトップコメントが目に止まり

id:theband

自分スターつけたブコメが一目でわかるよう色や印がつくと、自分が支持した意見や参考になった意見が一覧にできて、考えや参照情報が整理しやすくなると思う。あと、自己客観視しやすい。賛同してくれる人いる?

それをそのまま実装した形です。

どこにマークするかはいろいろ試した結果、AddStarボタンの枠線に落ち着きました。目に付きやすいし同じブコメ意図せず複数回★付けるのを防ぐ意味で。色は黄色や青だと馴染んでしまうので赤です。

自体にもマークするのはちょっとやりすぎかなぁと。うっかりデマにつられてしまって★消したいけど100個も200個も★付いてて探すの大変!ということはあるかもしれませんが。レアケースでしょう。

ちなみにinner_starというのは「★17★」みたいなやつです。HatenaStar.jsでそのように命名されてます

ここから8月6日追記

使っているうちにこまごま見つかった不具合をちまちまと潰し、潰してはエンバグして、また潰し、とやってなんとか一段落しました。

不具合5は特に酷く、★フィルタ作成時に「色情報が入っていてそのままでは使えない」からこそaltでなくhrefから取得することにしたにもかかわらず、それをすっかり忘れてエンバグしてしまうのだから情けないこと頻り。忘れるのはわかりきっているので通常は当たり前でない処理にはコメントを入れて未来自分に注意を促すわけです。今回は忘れることを忘れてしまってコメントを入れなかったのが敗因ですね。

mobile版含め落ち着いたので次は環境固有の不具合…と言いたいところですが報告のあったアドオンの組み合わせバグはどうしようもないかもしれないなと正直思ってます。まだ何も調べてませんが。うまく直れば「同一ユーザーの★をまとめる機能」と合わせて1.1.0をリリースしたい気持ちお気持ちの表明。

2018-07-18

%windir%\system32\drivers\etc\lmhostsクラブ

anond:20180718224721

192.168.1.31 fileserver1 #PRE #DOM:EXAMPLEDOM

192.168.1.32 fileserver2 #PRE #DOM:EXAMPLEDOM

192.168.1.33 fileserver3 #PRE

2018-06-14

YoutubeNG(フィルタ)も作った

anond:20180609124213

Youtubeフィルタ - Chrome ウェブストア

https://chrome.google.com/webstore/detail/youtube%E3%83%95%E3%82%A3%E3%83%AB%E3%82%BF/dfbfdjepofdfhdddfdggabjjndhiggji?hl=ja&gl=JP

github

https://github.com/lvnkae/youtube-filter

機能

使い方

基本設定

非表示チャンネルタイトルの設定は見たまま。セレクトボックスで項目選んで単語入力するのみ。

詳細設定

設定した単語ダブルクリックで詳細設定へ

 a. チャンネル固有の非表示タイトル設定

 b. チャンネルフィルタ適用方法指定

   正規表現ON/OFF

   完全一ON/OFF

   大文字/小文字区別なしON/OFF (正規化)

  をチェックボックスにて指定

 ※完全一致と正規表現排他

 ※両方設定した場合正規表現が勝ち完全一致は無視される

 例1)

  非表示チャンネルgam全一ON 大小区別なしON

   gam

   gaM

   gAm

   gAM

   Gam

   GaM

   GAm

   GAM

  の8パターンにヒット。

  gameやGambleやagamにはヒットしない。

  短すぎるチャンネル非表示に入れたい場合は完全一致で。

 例2)

  非表示チャンネル:sadamitsu[0-9]+ 正規表現ON

  末尾に数字を点けて増殖するタイプチャンネルをまとめて補足したい場合

タイトルフィルタの詳細設定

 単語の頭に <> を付けると正規表現ON

 例)

  <>宇佐美 *定満

   宇佐美定満

   宇佐美 定満

   宇佐美 定満

   宇佐美 定満

  等、姓名間にスペースが0個以上ある定満は全てヒット


[対象サイト]

URL概要ブロック対象
https://www.youtube.com/youtubeトップ動画/チャンネル/プレイリスト
https://www.youtube.com/watch動画ページ次の動画
https://www.youtube.com/feed/trending急上昇動画
https://www.youtube.com/channel or userチャンネルページ動画/チャンネル/プレリス
https://www.google.co.jpgoogle日本語検索youtube動画/チャンネル/プレイリスト
https://www.google.comgoogle英語検索同上

結果

文字列が流れるだけの動画不愉快変顔サムネを目にする機会が減った。

しかし多すぎて終わりが見えない。

動機

技術

youtubeDOMContentLoadedが発生するの初回だけでその後のページ遷移はelementの出し入れだけでやってるのですね。

DOM構築完了からすべてが始まる構成だったのでだいぶ手直しが必要でした。

2回め以降はURL変更をトリガーにしてるのですが、ホームからホーム選択などURL変わらないパターンもあり…。

フィルタ抜ける経路がまだあるかもしれません。

アイコンはてなフィルタに合わせて拾ってきたフリーのやつです。

アップデート予定

不具合修正くらいです

普段youtube見る時はfirefox使ってるからそっちでも作りたいなぁという気持ちだけはあります

何も調べてないのでゼロからですが。

スマホ対応google先生次第です。iOSandroidでのchrome拡張対応は全く予定がないそうなので。

スマホタブレットで動けば、幼子に見せたくない虚無動画チャンネルフィルタしたりできるんですけどね。

小学校上るくらいまではyoutubegoogleを塞ぐことでごまかし切れるでしょう)

2018-06-11

はてなNG代替品1.0.1を公開した

https://anond.hatelabo.jp/20180609124213

はてなフィルタ - Chrome ウェブストア

https://chrome.google.com/webstore/detail/%E3%81%AF%E3%81%A6%E3%81%AA%E3%83%95%E3%82%A3%E3%83%AB%E3%82%BF/nogcpadcgpkonifnaagfghkaiiojdcap

更新履歴 1.0.1

URL(ドメイン)ごとのタイトルフィルタ指定
タイトルフィルタ正規表現対応

例1)

 <>宇佐美 *定満

  宇佐美定満

  宇佐美 定満

  宇佐美  定満

  宇佐美   定満

 等、姓名間にスペースが0個以上ある定満にヒット

例2)

 <>ジョン[・|・]*万次郎

  ジョン万次郎

  ジョン・万次郎

  ジョン・万次郎

  ジョン・・万次郎

  ジョン・・・万次郎

 等、中黒(全角/半角)が0個以上ある万次郎にヒット

不具合修正

twitter.com/usami_sadamitsu

と設定した場合

twitter.com/Usami_Sadamitsu

がヒットしていなかったので正規化しました。

URL大文字/小文字区別はないので問題ないはずですが一部例外があることもわかっています

instagramとか。問題が多発するようなら使い分けられるようになんか考えましょう。

トラバで指摘頂いた不具合です。

anond:20180611052543

強制フィルタの判定にミスが有り、そこで弾かれてました。

headlines全体でなく、特定タイトルだけ非表示にしていた都合で。

アップデート予定

不具合修正くらいでしょうか。

ポップアップ閉じた時に自動フィルタかけ直す処理はあんまり需要なさそうなのでやめときます

せっかく$5払ったしほとんど使い回せるのでyoutubeフィルタも作り始めてまして

ほぼ実装はできたものの、フレーム内のDOM構築完了タイミングがうまく取れなくてハマッてるところです。

リロードすれば反映されるものの、あんまりリロードしてるとbot扱いで閉め出されたり。

機能としては

 非表示チャンネル指定動画チャンネルプレイリストを消す)

 タイトル非表示動画を消す)

という感じで先達のVideo Blockerと似たものです。

youtube内だけでなくgoogle検索結果からも除外できるようにしたところ唯一新しいところでしょうか。

googleは律儀に検索結果にチャンネルを表示してくれるので助かります

ニコ動などは本家ですら検索結果に投稿者情報さないのでフィルタも作れません。

2018-03-21

web開発技術がこんなにぐちゃぐちゃになってるの

すべての元凶DOMなんじゃねーの?

DOMやめようよ

2018-03-08

IE対応と言われたら金額倍くらいを提示したい

ウェブ系の仕事をしてるが気軽にIE対応とか言われることがあるが気軽に対応できるものではない


IEは最新の11ですらもう何年も前のもの

もう5年くらいは経つのだろうか

セキュリティアップデートはあるようだが、機能更新はない


ChromeFirefoxは1,2ヶ月程度に1回アップデートをしていて毎回様々な機能が追加されている

今ではもうIEとで使える機能の差はとても大きい


未だに昔ながらのjQueryのみという作りをしているのであれば大して気にすることではないがモダンブラウザターゲットに最新機能をどんどん導入している場合IE対応がかなり辛い

実際に倍くらいの時間がかかることもある


JavaScript コア部分であれば Babel で変換したりpolyfillである程度の対応はできるが DOM などブラウザ固有の WebAPI はそうではない

別途それぞれのpolyfillを集めて多少はどうにかできるものもあるがそれですら手間になる

そして対応できない部分はIEに合わせて作り直すことになる

中途半端に動いてバグや未実装があるもの特に大変だ


またBabel等を通さなくてはいけなくなるだけでも十分に時間がかかる

frameworktypescript, flowなどを使っていて事前コンパイル必要構成であるならばさほど影響はないだろうが、モダンブラウザのみをターゲットにしてるならそういったツールなしでも十分に書ける

事前処理が必要になるだけで開発にかかる時間やめんどくささは大きく変わる

さらにはそういったツールのわかりづらいバグを踏んだり、ブラウザのdevtoolsでのできることが制限されたりもする


devtools といえばIEだとデバッグすら快適に行えない

IEでのみ発生する問題が起きると特定難易度Chrome等の倍以上と言える


これだけの苦労がIE対応させるだけで出てくるのにオマケで対応してという気軽さで頼んでくる人が多い

最初IE11だけだったのにやっぱりユーザいるか10と9もというケースもある

私はフリーではないから値段を好きには決められないが、決められるなら

IE11→x2

IE10以上→x3

IE9以上→x4

くらいは取りたい


IEを倍にすると高いと言われそうだが、モダンブラウザのみでいいなら昔ながらの作り方より何倍も簡単に作れるわけだから Chrome のみならの割引でもいい

それくらいにIE対応はしたくない

IE対応するだけでかなり相場が高くなるというのが当たり前になってくれればいいのだけど

2018-01-02

プログラミング初心者の頃の気持ちを忘れた

プログラミング教えてと言われた。

自分PCサーバ立ててドメイン通してアクセスしてみて、HTMLCSSJavaScript概要を教えた。

http://hogehoge.comを叩くとぼくのローカルPC上のHTMLを見ることができるのだ。普通これは感激するはずだ。ヤツは少しも感動しなかったが。

タグのことを教えて、formタグ使ってみて、CSSを教えてセレクタの使い方教えて、なるべくDOMというワードは避けてJavaScriptイベントの追加のしかたを教えた。

で「あとは色んなタグ覚えるだけ」「CSSで色んな組み合わせやってレイアウトを楽しんでね」「あとは色んなイベント覚えるだけだから」みたいな感じ。色んなイベントを追加してもらった。

その後データベースの話をした。

「まずエクセルファイルからデータ取ってみよう(実際はCSV)」「あ、でもこれだと取りにくいし時間かかるね」「しかもこれだとデータ矛盾ちゃうしめんどくさいね」「そこでデータベースですよ」

って言って、sqlite3を教えた。エクセルで「これがインサート、これがデリート」って説明しながら、テーブルレコードSELECT, INSERT, UPDATE, DELETEを教えた。

ヤツは「なんでそんなわかりきったことをわざわざ文字入力するんだ」と憤慨していた。こっちが憤慨したい。

で、次はWebフレームワークの話。まずWebフレームワークを使ってもらう前に、URLを叩いたらアプリケーションが走ることを確認してもらう。僕は「すごいでしょ!!」って言う。

さっきのsqlite3とつなげてみて、データを取得して表示してみた。ここで僕、「すごいでしょ!感激するでしょ!!」って言う。「ふーーん」っていう反応。「データをそのまま表示してるんだからそんなの当たり前でしょ?」みたいな。うるせぇWebサービスなんて大体そんなもんだわという言葉を飲み込みつつ、ここまで3時間

ここで初めてサーバサイドの言語を教える。for-each文、関数までは順調。そしてクラスクラスは若干詰まっていたのでぼくはまず構造体について説明した。

構造体のことはよくわかるみたいだ。まず青赤緑で構成された色の構造もどきを作って、画面に色を出力した。ぼくがこの構造もどきで画面にマリオを描くとヤツは感動していた。

そしてぼくはクラスについて教えた。「この構造体に関数がついてたら便利なときもあるもんだ」って感じ。説明がめんどくさいので「このクラスっていうのが型だよ」とか言っておいた。

共通でいてほしいものもあるけど、共通でいてほしくないものもある」と言って、ぼくはキャラクタークラスを作ってマリオオブジェクトクッパオブジェクトを生成し、FFを究極に安っぽくした感じのフィールドで戦わせた。

ヤツは興奮しているようだった。マリオは負けた。ぼくは「人は目に見えるものしか興味が沸かないんだな」と達観した。

Webフレームワークに戻ってぼくはクラスを使ってViewModel、そしてControllerを教えた。彼はなんだかかなりよくわかった様子だった。ぼくは満足した。

そろそろ5時間になろうとしていたので、ぼくは「あとはデザインパターンと言って、プログラミングしていてよくあるパターンを集めたものがあるんだ」とか「アルゴリズムを知ると色々効率よく書けるよ」とか「非同期処理とかもあるし、とにかく色んなライブラリを試してみて」「他の言語とかも試してみて」とかそんなようなことを言った。

ぼくの仕事は終わった。あとはもうヤツは自分ひとりでなんでもできるだろう。ときどきぼくが質問に答えることもあるだろうけど、ヤツはサーバサイドに必要な大まかな知識を、こんなに短期間で得たのだ。ヤツは優れたエンジニアになるに違いない。ぼくはヤツの家をあとにした。お金ぐらい払ってほしいものだ。

翌日、ヤツから電話があった。

「ごめん、HTMLってなんだっけ……?ていうかファイルってどうやって作るんだっけ……」

ヤツは何も覚えてなかった。俺は発狂した。俺はいったい、何を教えていたんだ。

あと俺、数年勉強しててこれぐらいのことしかわかってなかったのか?そう思って、なんだか猛烈に虚しくなってしまった。

そしてぼくは、二度と人に教えないことを決意した。

2017-11-29

何者にもなれなかった

フロントエンドエンジニアにもデザイナーにもなれなかった。


HTML/CSSリファレンスなしで書けるし、WAI-ARIAを用いたアクセシブルなコーディングもできる。

CSS設計意識して保守性を大切にしたコードを書いているし、CSSアニメーションインタラクション操作できる。

SVGを一から書く方法やいくつものブレイクポイントを持ったページのコーディングスキルも身につけた。

Gitバージョン管理をしたり、モジュールバンドラータスクランナーscssコンパイルリントを通したりする能力も得た。

インプットが大好きで、毎日毎日様々なWebに関する知識を頭に詰め込んだ。


だけどJavaScriptは書けない。

JQueryコピペして簡単DOM操作を行うのが限界だった。


然しながら、昨今のフロントエンドエンジニアJavaScriptが書けて当たり前だし、

各種JSフレームワークWeb AssemblyWeb Componentsを使いこなして開発している。


SSG, SSRが主流のこの時代、生のHTMLを書いているような人種は淘汰され、

数年後には食いつなぐことが厳しくなる未来しか見えない。

両者の間には旧石器時代現代程の格差を感じる。


デザイナーなら道はあるかと思い、UIデザインにも挑戦した。

バーティカルリズムや余白設計、配色理論意識した整ったレイアウトXDIllustratorで作れるようになった。

でも「整った・整然としたレイアウト」は作れても、その先に進むことはできなかった。


全ては自分怠惰性が招いた結果である

だけど、藻掻き続けても道が拓けない。

もうこの先、どのように歩み進めればいいのかもわからない。


助けて欲しい。

何者にもなれない自分は嫌だ。

2017-11-18

anond:20171118113822

主張が良く分からん

手元で計測してみたら、

阿部 寛のホームページDOM Content Loadが100ms、Load200msから300ms

dev.toがDOM Content Loadが200ms、Load6秒から7秒

だった。

阿部 寛のホームページアクセス5回(画像2枚)で終わっているのに対して、dev.toはトップに含まれコンテンツが多いので当たり前ではあるが。

2017-11-11

IT技術の禍根

今更言ってもしかたないけど、筋が悪い技術が広まって変えられなくていろいろ災難起こしてるのってあるよね。

Cが広まったのとか。

昔はコンパイラ技術が低くて、ああい言語効率よかったけど、すでに90年ごろには最適化技術が発達して「人間テクニックを使って最適かするより素直に書いてコンパイラ最適化させたほうが実行速度が速くなる」とか言われてたし、Macなんか開発言Pascalだったし。

OSやミドルウエアが(せめて)Pascalで書かれてる世界線だったら、いまのソフトウエア脆弱性は大幅に減ってたと思うわ。

あとマークアップ言語HTMLの上で動的型のJavascriptを動かして、フロントエンドプラットホームになってしまってるのとか。

一時期、ネットアクセススマホアプリから行うのが一般的になって、Webは衰退するって観測で、いい方向に向かってたけど、最近アプリ開発までDOMの上にReactとか積み上げてJSでやろうみたいな流れがあるし。

業務アプリなんかもPHPJSの人に、昔のクラサバのほうが開発効率よくてユーザーの使い勝手もよかったって言っても全く理解できないみたいだし、どんどん悪い方向に向かってるな。

2017-10-02

うそろそろHTMLJavaScriptは終わってほしい

今そういう話題ホットエントリに入っているけど、HTML/DOMを再発明っていうか、もうやめればいい。

モバイルブラウザでなくてアプリネットアクセスしてるからPCもそうすればいい。

HTML+Javascript+PHP現場仕事をしていて、偉い人に「昔のクラサバのほうが開発効率いいしユーザーも使い勝手良かったっすよ。今のWebアプリは開発効率悪いし使いにくいけど時代の流れだからしかたないっすね」みたいなことを言ったら、すごい感情的に「それは同意できない。どういうことか言ってみろ」とか食ってかかられたわ。

Web系の動的型の言語を使ってる人たちはガチに、自分らは開発効率いいと思ってるのがすごい。

一般に公開するようなものWebがいいだろうけど、業務系は普通にPCアプリで作ったほうがいいよな。

Webアプリは、インストールしなくていいか運用が楽って触れ込みだったけど、業務系のWebアプリなんて大概、ブラウザブラウザバージョンが固定で、バージョンアップのたびに動かなくなるとかそんなんばっかりだし。

2017-05-06

結局Vue.jsが最強だった

Reactは大規模なフロントエンド開発なら良いかもしれないけど何もかも大げさすぎだし概念理解するのが大変

Angular2は最初覚えなきゃいけないことが,TypeScriptからまりES2015、依存モジュール多数と始めるのがまず大変

Knockoutは古いブラウザサポートしなきゃいけないとき以外は使わない

jQueryでのDom操作は増えてくると辛みがあるリアクティブに書くのは大変

Vue.js使うと覚えること少ないわ、リアクティブに動くわVirtualDomなんて意識しないで良いわで最高すぎる

たいていこれで良いんじゃないか

ログイン ユーザー登録
ようこそ ゲスト さん