「CSS」を含む日記 RSS

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

2017-09-24

Webエンジニアは高給だし残業ほとんどない

超優秀なごく一部の話だろうが・・・

9割は二次請け三次請けレベルSIerより給料安いし残業も多いじゃねえか・・・

SIer残業月40時間(定時17時なので毎日9時~19時)で27歳年収450万だったけど、馬鹿だったわ・・・

雑魚SIerの方が幸せなんだな

プライベート時間をすべて勉強にあてるぐらい技術好きな人間ならそれでもいいんだろうけど

土日に5,6時間プログラミングして適当Webサービス作っては壊してを楽しんでた俺レベルだとダメだった

それでも十分プログラミングが好きと言ってもいいレベルだとは思うけど、それぐらいならSEだろうが美容師だろうが会計士だろうが、仕事は別として趣味でも十分できる

勘違いしていた

俺はバカだな本当に

---

転職したのは半年

Railsチュートリアルを3周しただけで、他はHTMLCSSJavaScriptといった定番どころしかやってない

初心者ルートをこなしただけだな

適当Webサービスってのも本当に適当自分以外利用者ゼロだし(これは当然だし恥じてもいないけど)

勉強が足りないのはわかってる

でもプライベート時間すべてを使えるというほど好きではないんだなとわかった

デートもしたいし酒も飲みたいし本も読みたいし

プログラミングだって好きだけど他のことをすべて捨てられるほどではなかった

他のことを捨てずに高みを目指せるほどの才能もなかった

2017-09-20

こいつらApple叩きたいだけじゃないの?

http://b.hatena.ne.jp/entry/coliss.com/articles/build-websites/operation/work/remove-the-notch-on-iphone-x.html

記事を要約すると

1. 横向きで見るスマホサイト

2. どうしても背景色指定できなくて

3. それでもセーフエリアを埋めたい

そんな場合でもきちんと解決手段を用意してますよ、という話だぜ。

まず1・2・3を全て満たすことがほとんどない上に、

万が一そうなっても数行のCSS簡単対応できるわけだ。

まりにも読解力がなさすぎて「全てのサイトにsafe-area-insetの指定必要」と勘違いしているか

とにかくAppleを叩きたいだけの人か、どちらかでなければこのブコメ群は説明つかんぜ。

ああ、それともクライアント対応を依頼してくる心当たりが具体的に数十件単位である人か。

最後のだったら御愁傷様だが。

2017-09-18

パソコンの大先生に聞きたいんだけど

HTMLとかCSSの話

例えばウェブサイトフォントを変えたかったら

CSS書くところに

body{ font-family: Meiryo,}

みたいに打ち込めば指定したフォントに変わってくれる訳じゃん

これって要はこう言う形で打ち込めば変わるってことは分かるんだが、どういうプロセスでこれを機械理解してそれをウェブサイトに反映してるのかってのが皆目検討つかないんだが

一体全体何がどうなってそんなことを実現できるんだ

そこんとこ大先生には説明できるんけ?

メルカリシステムが糞すぎる件

(ここでいうシステムというのはビジネスモデルの事ではなくて、サーバーサイドのシステムの話)

嫁がメルカリで出品される商品を買いたいがすぐに売れてしまったりするというのでアラートが欲しいと言い出した。

どうも標準である"保存した検索条件の新着通知"という機能スピードや精度などがいまいちで使えないらしいのだ。

で、調べてみたところ2個ほどアラートアプリがあるようなのでそれを入れてみるように言ってみた。

しかし、それらのアプリでも通知結果が変だったりするらしい。(新商品の通知がきたのに、メルカリ本体検索するとひっかからないなど)

うーん?アプリが悪いのかな?

と思ったので簡易的に通知スクリプトを書いてみることにした。

一行で書くと、

検索結果ページを定期的にGETしてHTMLを解析して商品一覧を抜き出し、前回の結果になかったものがあれば通知すればいいだけ」だ。

うん。楽勝だべ。

よし、検索結果のページを解析するために見てみよう。何々、1件から48件まで表示中です。。

ふむふむ。で、結果がページ下にずらりと並ぶのか。

いーち、にー、さーん、・・・(中略)・・・・、よんじゅーろく。。 あれ?なんど数えても46件しかないぞ!

皿を数えるお岩さんの気分で何度も数えてみる。。が、やっぱり46件しかない。

「二枚足りなーい!うらめしやー!」

まあ、こんな事は些細なことさ。(CSSクラス名の単数形複数形おかしいとかももっと些細なことさ。)

とりあえずスクリプトを完成させるぜ。

・・・

・・しこしこしこ・・

・・・

じゃじゃーん!というわけでスクリプトはすぐにできたので、試しに走らせてみた。

・・・

・・おお、結構な頻度で新商品がでるんだな、さすが大手サイト

・・

・・てか出品おおすぎね?こんなマイナー商品検索しているのに1分間に7件も出品されるなんて

・・

・・( ,,`・ω・´)ンンン?

・・

なんだこれは!検索結果にときどきゴミが混じっているではないか

例えるなら、ドラえもん10検索したら、3回ぐらいの割合巨人の星マツコ・デラックスがでてくるような感じ。

通るかこんなもーん!!!

結論

アラートアプリ開発者は悪くなかった。

2017-09-13

個人サイトTwitter

から15年ぐらい前か

インターネットという無敵のツールを手に入れた俺は早速本屋HTMLだとかCSSだとかの本を買って自分ホームページを立ち上げた

最初Yahooジオシティーズってやつでつくってた

同じく一緒にサイト作った友達相互リンクをしてさ

知らないけど同じこと話題にしてる人のページを勝手リンクして掲示板に「リンクさせていただきました!」と書く

そうすると大抵の弱小個人ホームページ管理人は「こちからリンクさせていただきました!」とレスしてくれてリンクが増えていく

相互リンクページが多くなるにつれ友人に「俺の相互リンクめっちゃおおくなったわ」と自慢していたし

相互リンクページに「相互リンク感謝!」とか書いてた

今日Twitterでいきなり「フォローさせていただきました!」とリプされた

プロフィールをみると「フォロワー数1000人突破感謝!」とか書いてあった

なんかTwitterという場所に移ったけど昔のYahooジオシティーズと変わんねぇんだなとちょっと思っちゃった

そしてなぜか恥ずかしくなってそっとブロックした

2017-09-12

エンジニアは優秀だけどデザイン台無しにしている

技術集団イメージあるけど、サービスがまじでイケてないって会社って結構あるよね。

バックエンドエンジニアが優秀でレスポンスがめちゃくちゃ速くたって、デザインが全てを台無しにするような。

インフラエンジニアが超高負荷に耐えうる環境を構築したところで、ユーザーからすれば知るところではない。

そんなことより、目の前のサービス大事なんだよ。

すなわち使いやすさだ。

楽天

楽天ってエンジニアは優秀な人がたくさん集まっているイメージがある。

でもあの楽天サイトの見栄えの悪さとデザインの酷さ。

絶対エンジニアデザインしてるだろ?

リクルート

リクルートもいろんなサービス持ってるし、エンジニアガチで優秀だ。

でもあのリクルート発のサービスUI/UXの糞っぷり。

クリックで済ませるべきところを7クリックくらい要求される導線、すさまじいユーザー経験だわ。

ヤフー

もうなんかCSSは微塵も使っていないかのような初代HTMLデザイン系。

昭和時代インターネットなんてなかったのは当然理解しているけど、昭和臭すら感じる。


あ、なんかギター侍って消えた芸人を思い出した。

2017-08-22

裁量労働制問題プログラマエンジニアに呼び変えれば解決

https://news.yahoo.co.jp/byline/konnoharuki/20170821-00074756/

プログラマエンジニアと呼ぶようにし、みんな裁量労働制にしちゃえばいい。

テスト仕様書通りにテストするだけのテストエンジニアCSS書くだけのマークアップエンジニアなんて職種もあるのだし

Web系は仕様書を書かずにいきなりコーディングに入るのが主流だし

アジャイル開発を採用していれば無条件で裁量労働制適用もすべき。

2017-08-21

デフォが人気米になったの

更にスター評価粘着馬鹿が暴れるやん

つうか見づらっ

便利系CSS入れたら見づらくてアンインスコレイアウト公式がやってしまった

あっでも誰がブクマたかアイコンで分かるのは良いな

http://b.hatena.ne.jp/entry/s/note.mu/konpyu/n/nc0d2f49676ba

FacebookgithubリポジトリでPATENTSファイル存在するリポジトリリスト

./360-Capture-SDK/PATENTS

./BridgeIC/PATENTS

./CParser/PATENTS

./DelegatedRecoveryReferenceImplementation/PATENTS

./FBAllocationTracker/PATENTS

./FBFetchedResultsController/PATENTS

./FBRetainCycleDetector/PATENTS

./FBSimulatorControl/PATENTS

./Haxl/PATENTS

./IT-CPE/PATENTS

./KVOController/PATENTS

./MazeBase/PATENTS

./MemNN/PATENTS

./PathPicker/PATENTS

./Shimmer/PATENTS

./SoLoader/PATENTS

./SocketRocket/PATENTS

./Stack-RNN/PATENTS

./ThreatExchange/PATENTS

./Tweaks/PATENTS

./UETorch/PATENTS

./UdpPinger/PATENTS

./WebDriverAgent/PATENTS

./android-jsc/PATENTS

./augmented-traffic-control/PATENTS

./bistro/PATENTS

./chef-cookbooks/PATENTS

./chisel/PATENTS

./componentkit/PATENTS

./conceal/PATENTS

./dataloader/PATENTS

./device-year-class/PATENTS

./dfuse/PATENTS

./draft-js/PATENTS

./ds2/PATENTS

./emitter/PATENTS

./eyescream/PATENTS

./facebook-clang-plugins/PATENTS

./fatal/PATENTS

./fb-adb/PATENTS

./fb-caffe-exts/PATENTS

./fb-util-for-appx/PATENTS

./fb.resnet.torch/PATENTS

./fbcuda/PATENTS

./fbcunn/PATENTS

./fbjs/packages/eslint-config-fbjs-opensource/PATENTS

./fbjs/packages/eslint-config-fbjs/PATENTS

./fbjs/packages/fbjs-css-vars/PATENTS

./fbjs/packages/fbjs-eslint-utils/PATENTS

./fbjs/packages/fbjs/PATENTS

./fbjs/packages/signedsource/PATENTS

./fbkutils/PATENTS

./fblualib/PATENTS

./fbnn/PATENTS

./fboss/PATENTS

./fbpca/PATENTS

./fbpush/PATENTS

./fbshipit/PATENTS

./fbtftp/PATENTS

./fbtorch/PATENTS

./fbtracert/PATENTS

./fixed-data-table/PATENTS

./flow/PATENTS

./flux/PATENTS

./fresco/PATENTS

./gnlpy/PATENTS

./hhvm/hphp/hack/PATENTS

./iTorch/PATENTS

./immutable-js/PATENTS

./infer/PATENTS

./ios-snapshot-test-case/PATENTS

./jest/PATENTS

./jscodeshift/PATENTS

./learningSimpleAlgorithms/PATENTS

./libafdt/PATENTS

./liblogfaf/PATENTS

./litho/PATENTS

./luaffifb/PATENTS

./mcrouter/PATENTS

./mention-bot/PATENTS

./metro-bundler/PATENTS

./mysql-5.6/fbson/PATENTS

./network-connection-class/PATENTS

./nuclide/modules/atom-ide-ui/PATENTS

./nuclide/modules/big-dig-samples/PATENTS

./nuclide/modules/big-dig/PATENTS

./nuclide/modules/nuclide-commons-atom/PATENTS

./nuclide/modules/nuclide-commons-ui/PATENTS

./nuclide/modules/nuclide-commons/PATENTS

./ocpjbod/PATENTS

./openbmc/common/recipes-connectivity/lldp-util/lldp-util/src/PATENTS

./osquery/PATENTS

./planout/PATENTS

./pop/PATENTS

./pose-aligned-deep-networks/PATENTS

./prepack/PATENTS

./prop-types/PATENTS

./proxygen/PATENTS

./puewue-backend/PATENTS

./puewue-frontend/PATENTS

./react-devtools/PATENTS

./react-native-applinks/PATENTS

./react-native/PATENTS

./react-vr/PATENTS

./react-vr/ReactVR/PATENTS

./react-vr/react-vr-cli/PATENTS

./react/PATENTS

./rebound-js/PATENTS

./rebound/PATENTS

./redex/PATENTS

./regenerator/PATENTS

./relay/PATENTS

./remodel/PATENTS

./screenshot-tests-for-android/PATENTS

./shimmer-android/PATENTS

./sparts/PATENTS

./stetho/PATENTS

./thpp/PATENTS

./treadmill/PATENTS

./wangle/PATENTS

./wdt/PATENTS

./xcbuild/PATENTS

./xhp-lib/PATENTS

./yoga/PATENTS

./ztorch/PATENTS

2017-08-18

エロサイトアンテナサイト作ってみた

こんにちは

こちらに投稿するのは3回目ですかね。

過去に書いた記事

二次元系のエロサイトを作ったからいろいろ書いてみる 編集

https://anond.hatelabo.jp/20160225062051

自動更新エロサイトを作ったから自慢させて 編集

https://anond.hatelabo.jp/20150519124614

エロサイトばかり作ってます

懲りずにエロサイトアンテナサイトシステム含む)を作ったので投稿してみました。

作ったサイト

エロ萌えアンテナ
https://eromoe-antenna.link/

こりずにエロサイトです。

しかも今回はアンテナサイトという・・・

サイトを作ったきっかけとか

アンテナサイトは以前から作ってみたいとは思っていたのですが、何しろ情報が少ない。

既存無料システムなどは使い勝手が悪かったり、そもそも(私が思う)アンテナサイトの体をなしていなかったりと、不満がありました。

なら「私が思う」アンテナサイトを作ってみようと思った次第です。

また、1度作ればシステムを流用でき、昔はやった2chアンテナサイトなども簡単に作れるという打算もありました。

(今は下火ですがそれでも収益を上げることはできるので)

※このシステムは実は数年前に完成させたのですがバグだらけで一度頓挫したのを、1から作り直したものなのです。

使った技術

PHP

CSS

JavaScript

MySQL

これだけです。

かれた技術だけで作りました

仕様など

正直「アンテナサイト仕様」という情報はあまりネット上にも書籍などにも落ちていません。

なので私が思う仕様実装しました。

(有名サイトをみて「こうかな?」というのを整理しました。

ですかね。

あとはDBにいろいろ情報をぶち込んだので、後々の仕様変更にも柔軟に対応できるようにしました。

今回のアンテナサイトつくりで、だいぶSQL文の勉強になりました。

DB構造とかもWPなどのCMSを参考にリレーショナル?にしたとり、いろいろカスタマイズやすしました。

IN/OUT比率に応じてアクセスを返す処理についてはかなり悩み、これはみんな情報を出さないはずだなーと思いました。

秘伝のタレ的なものですよ・・・結局「こんなかんじかなー」というのを他サイト経験を元に推測して実装しました。

都度様子を見て変更するかもです。

こだわりの点など

お気に入り機能や、検索機能については結構実は力を入れています

検索機能は実は一番時間をかけています。世の開発者様はすごいですね。

https://eromoe-antenna.link/search.php?page=2&category=3

例えばカテゴリ3の2ページ目を表示、といった複数パラメータを持つ検索条件をどうやったらMySQLで取得するか、といったことや、

それをページャーにどうやって落とし込んでやれば良いのか、といったことがわかりませんでした。

普段WPを使っているので意識してなかったのですが、こういうところも自作システムの悩みどころですね。

あとはIN/OUTでの処理をするにあたり、一通りの情報DBに保存することで、後々いろいろ応用を利かせられるように設計しました。

その他には管理画面を設けることで、サイト更新やお知らせの投稿などを、WP並にとはいいませんが簡単に行えるようにしました。

デザインについて

完全自作です。

もともとPhotoshopで作っていたものがあったのですが、数年前に作ったものだったのでそれを基に開発を進めながら調整していきました。

スマフォサイト対応もしています

エロサイトっぽく?ピンクを使ってますが、正直もう少しやりようはあったかなーって思っています

システムさえできてしまえばデザインは後から変更し放題なので後々の課題ですね。

その他

作るのに1年以上かかってしまいましたが、何とか1システム完成させることができました。

おかげでだいぶ力がついたのではないかと思っています

今まではWPサイトを作ることが多かったので、1からシステムを作り上げて完成させるといった経験は実は皆無だったので、楽しかったです。

今は沢山のOSS無料ツールがあるので、自作する必要性も減ってきているかもしれませんが、実は自分がほしい機能ってピンポイントで無かったりすることも多いのではないでしょうか?

そういったときには是非皆さんも自作ツールを作ってみてはいかがでしょうか

以上、宣伝がてら、普段お世話になっている匿名ダイアリーにいろいろ書いてみました。

意見、ご感想などあればコメントとかくれるとうれしいです。

サイト登録申請もお待ちしています

https://eromoe-antenna.link/register/

2017-08-14

web系の専門用語多すぎ問題

門外漢からするとこんな風に聞こえてる。(所々適当に書いてるし書いてる内容は嘘デタラメ

「gulpでbowerしてsassgruntビルドすれば、cssストリーミング形式でデタッチされるから便利だよ。それにgulpはCoffeScriptとかtypescriptみたいな流行りのサードパーティも従来のJSみたいに変換してくれるしウォータフォールじゃなくてアジャイル的なプロジェクトでも使いやすい。スクラッチから書かなくてもいい感じにアジャストしてくれるよ。あと、OSSとしてgit上に上がってるんだけど、DLなんかもAWS連携させてWebGLTensorflowやらchainerやらと組み合わせればブラウザDQNとかA3CとかDCGANも動かせるスクリプトリリースされてた、バックエンドではDNNを走らせてフロントで表示する分をNode.jsカスタマイズしたりタスクランナープロセスマネージメントできるからもはやjstensorflowを含めたpythonラッパーみたいな感じで使えて便利。最近ではbluemixがBitcoinマインングをサポートしていてブラウザ上でウォレットからマイニングセットアップまでできるんだってブロックチェーンの仕組みを拡張して社内のタスクマネージャーとかNAS上のデータ分散してサーバーに保存できるみたいなこともあるんだって。」

どうしてweb系は専門用語肥大化するんだ。

2017-07-26

はてぶに変わる情報収集ツール

はてブノイズで溢れてきて辛い。

フロントエンドやってるんだが、ブロガーHTML/CSSネタはいらないし、

下世話な話題も知りたい。

RSSと違ってコメントでなんとなく内容を察せるのがありがたかったんだけど…

誰か教えてくださいです。

追記:

| 下世話な話題も知りたい。

すまん。間違えた。知りたくない!だ。

2017-07-25

やっぱ大手SIerって馬鹿だわ

大手SIer下請けベンダーに出向してる。

HTMLCSSjQueryでシコシコモックアップを作る。

百歩譲ってこれはまだいい(コンポーネント志向皆無とか後々Smarty移植することをまったく考えてないとか言いたいことはいっぱいあるが)。

その後、レビューにあたって説明資料なるものを作る。

Excelキャプチャを貼り付けて動作記載するのだが……。

なんで動くものが目の前にあるのにわざわざ文字に起こすんだよ。

動いているの見ればいいだろうがよ。

更新するボタンを押したら何が起こるのかわからいから動きを書け?

ボタンを押下したら対象データ更新する」

それでいいのかよ! 見ればわかるだろうがよ!

ちなみにこの後、この説明資料を基に画面設計書を作成する。

そしてまたレビューを行う。

この工程が分かれている理由不明

やっぱ大手SIerって馬鹿だわ。

2017-07-16

プログラマデザインがひどすぎる

プログラマにはデザインも拘る人もいれば、「デザインとかみれればどうでもよくね」って人もいる。

ウチでは後者の人が多い。

企業向けシステム受託で作ってるんだが、これを売るのかってレベルで醜い。

webシステムなんだが、ボタンテキストボックスマージン0でくっついて並んでたり、

テーブルは枠に収まらないのではみでて全体にスクロールバーがついてたり、

フォントフォントサイズマージンは揃ってないし、

ユーザ入力によってはさらに崩れるし、

ある程度までウィンドウリサイズすると崩れるのに最低幅を指定もしてない。

マージンは揃えないのに、同系統は同じで別系統別になるように作っていたところを全部同じに統一しろ言ってたりもする。

見た目には影響ないが、9割のタグがdivでできているプロジェクトもあった。

公開するwebサービスだったら一瞬で叩かれるだろってレベル

勉強仕立ての学生に無茶な納期押し付けてできたものと言っても信じられるほど。

私自身でも使わないだろう。

動作チェックなどで使っているときに見た目でストレスを感じていた。


もちろん納品先からもっと統一してとか幅がおかしいとかマージンがどうとか言われてる。

ただ最低限の言われた部分しか対応しないし、言われたことに「こんなの別にいいだろ」なんて言ってる。

いや、どうみてもおかしいしこれでいいとか美的センス大丈夫なのかと言いたい。

結局、納品先からの注文も途中でどうしようもないと思ったのか最低限見れる程度、になってる。

受託といえど、使うのがその会社だけでなく一般の人という場合もある。

それでもいつもどおりの残念な見た目だった。

自分で作るところは上記のようなものだと気持ちいからどうにかするが、全体で読み込まれCSSのせいでどうにもできないこともある。

そこだけ上書きで何かしようとすると、一部だけ特殊なことはしないでと言われる。

プロジェクト管理する人兼全体の枠を作る人がデザインに対するこだわりなんて全くない人だからどうしようもない気がする。

せめてマージンくらい揃えたいと思っても全体的にひどい(もちろんできるかぎり揃えてる人もいるが)ので他人担当箇所まで直してられない。


たまたま見つけてデザイン的なズレのせいでバグにも見える挙動があったので、直すべきでは?と提案してみてもそのスタイル使ってるところ多いから全体的に影響多いし、とそのままにするらしい。

デザイナはいないのか、と思う人もいるだろうが、少し前まではいた。

いたところで、デザインを作ってという仕事が来たら担当していただけで、webシステム場合は基本関わってこない。

プログラム書くひとがCSSもできるということでデザイナはそもそもプロジェクトがどういうものか知ってるのか不明というくらい。

ところで、プログラマについての愚痴を書いたが私も職業プログラマ側だ。

ただwebデザインが好きで、もとはwebデザイナになろうと思っていた(就活中に日本だとCSSスキルじゃなくてフォトショ画像作るのばかり求められていてやりたいことと違ったのでプログラマにした)。

今でも頻繁にこういうデザイン作りたいなと思ってはHTMLCSS書いてるし、技術文書を読んで次に使えるようになる新しい機能を調べてたり、一部ブラウザで使えるようになればすぐに試したりしている。

デザインセンスについても、昔は絵を書けば何らかの賞はもらったし、学生時代ポスターでは、数百人の中からデザイン系で最優秀となったことがあるので、平均以上にはデザインもできるとは思ってる。

なので、デザイン苦手なら任せてくれればやるつもりだった。

しかし、そういった先輩方がいうにはおまえはデザインセンスがない、らしい。

「え、あなたがそれ言うの?」ってすごく言いたかったが仮にも先輩なので、「そうですか」とだけ言っておいた。

まあ、プログラマとして入社したんだし、変なセンス上司からあれこれ言われながら作らなくて済むから別にいい。


ただ、センスない人が管理してるばかりにエンドユーザになる人達がかわいそうだなと思う。

デザイナがいなかったり重要視されてない会社ならどこもこんなものなんだろうか。

これで思ったのは、プログラマとして優れててもデザイン的な理解がない人を上にしてはいけないということ。

社長が取ってきたプロジェクトだと社長がチェックするからこういったひどいデザインだと厳しく指摘されてる。

ただそれ以外までチェックはしていなくて、プロジェクト管理する人はあの見た目でOKしてる。

こういう人が上だとだめだなって思った。

2017-07-13

ホームページ公開はどのサービスおすすめ

ブログだとライブドアFC2アメーバはてなに、と有名どこで安定してるのがいろいろある。

無料でも十分に使えて、急にサービスやめますとか言われる心配ほとんどない。

私はライブドア増田の2つを使ってる。

昔はFC2ちょっと使った。

最近ブログだと流れていくから日記みたいのじゃなくて情報まとめるようなページはホームページ形式にしたいと思ってる。

ただ、ホームページ公開する無料サービスってブログほど安定してるのがぱっと出てこない。

求めてる条件はこのあたり

  • 無料
  • 広告控えめ
  • 容量が最低でも 1GB、 5GB10GB あれば嬉しい
  • 単に公開するだけでいい
  • 10年は続きそう

質を求めるとレンタルサーバとかになってきて、お金がけっこうかかる。

ブログでアフィもやってるが、アフィのためのブログじゃなくて隙間の寂しさを埋める程度においてるから年間5000円も稼ぎない。

から有料はNG

広告コンテンツ邪魔するレベルに主張するのは無料でもNG

FC2使ってるサイト広告で見づらいとよく感じてる。

ライブドアブログだと500MBのFTP領域あるからそこを使うこともありだけどちょっと容量小さい。

最近CMでみるWIXみたいなマウス操作でかんたんデザインとかは要らなくて、1からHTML/CSS/JavaScriptで好きに作れるのがいい。

FTPなどでファイルあげてそのまま見れるようなもの

github などのホスティングも基本はいいけど、バージョン管理不要だし、フォークしたりみんなで作っていくものじゃないから求めてるのとは違う感じがする。

実際に10年使うかはわからないけど、それくらいは大丈夫そうって思うところがいい。



最初にあげたブログたちのサービスからすれば無理ってほどじゃないと思うけど、ホームページだと同等程度のが全然ない気がする。

あと、お金からない前提だから海外でも問題ない。

web hosting比較系を見ていると日本と違って、GB/月とか無制限はみかけるけど信頼性がわからないのが問題

使っていてここおすすめと思えるところあったら教えてください。

2017-07-11

高校大学生にいいたい、ネットプログラマー愚痴っても真に受けるな

WEB始まりすぎだし、アプリゲーム始まりすぎなんですけどって話

SIは知らないし、アプリは聞いた話だからあれだけど


WEBに関してはruby/railsとかは900万超えの求人出しても来てくれないくらいには好調です

HTML/CSS/JS/Railsができて仕事ないとか言ってる人いたら教えてほしいくらいだよ

俺の会社他にアプリ部門があるんだけどもっと人が足りないって愚痴ってるしこのままだと1000万行くかもしれない、うらやましいくらいの話だ


まぁ結局はてなも2chもそうなんだけど、ネット愚痴ってるやつって仕事できない無能が8割か、転職怖い昇給交渉怖いって動こうとしないビビリのクズ

それか若者つぶそうとして楽しんでるやつか、なにかしらの病気なので相手にしないほうがいい


進化が早すぎてついていくのがつらいよーってやつの話にも聞かないほうがいい

HTMLCSSにかぎっていえば、そんな変わったことな

追加された機能ゴリゴリ生かさなければいけないなんてシーン俺は知らない

まぁ大きく変わったのはFLASHが廃れて」、HTML5/JS代替しなければいけなかったことくらいだけど

べつにそれに関しても大した話じゃない。ゆっくり以降していった話

フロントエンドはつらいなんて話をよくしてる連中いるけど、ただの馬鹿ファッションで乗って、つらさを自慢しあってるだけ

あいつらがやってることの9割は必要ないことで苦労してると思うわ

gulp/grantなんかのタスクランナーとかする必要ないのにして変化が激しいとか愚痴ってる意味の分からない

anguler/ract/vueあたりもな

SPAなんて特殊ものをこれから来る必須技術みたいにさわいで技術飛びついて変化が激しいって騒いでスターもらいたがってるだけ

結局ブログ承認欲求みたすための苦労自慢でリスカ女と変わらないので相手にする必要なし


railsは変化が速いのでは?なんて話も真に受けるな

しかに3くらいまでは俺自身が慣れてなかったからつらかったといえばつらかったが、その程度の変化ほかの業界でもいくらでもある

なによりネットドキュメントが大量にある、はっきり言ってほかの産業にくらべて勉強が楽なくらいだ(ググるときに注意が必要だけど、情報の鮮度とか正確性とか)

railsフレームワークが1強なので迷わなくていいし仲間も多いから、かりに変化がおこっても、頭のいい人がドキュメント残してくれるし、勉強で困ったことなんかほぼない

5.1でjquery依存をなくすとか、CoffeeScript廃止とか、yarn採用も困らなかった


もう一度言う

プログラマーリスカ自慢に気を付けよう

あいつら無能かただのかまってちゃんから

プログラマーになりたいと思ってる君、情報工学部(コンピューターサイエンスやる学部ね)行こうね、私は大学電気科に言ったんだけどいまだに後悔してる

あのときプログラマー未来を信じれなかったからね

プログラマーなんかIT土方だしとか言われてて電気機械のほうがいいといわれて私は電気を選んだんだよ

組み込みPGなら電気電子でもいいかもしれない。オープンになりづらい職業からたいへんだろうなって思うけど。

2017-07-10

増田の textarea 見づらすぎ

増田の本文書く textarea が見づらすぎない?

フォントサイズ小さすぎるし MSゴシックとかありえないんだけど。

増田はてな中の人はみんな Mac なの?

毎回開発者ツールフォントメイリオの14pxに設定してるだけどめんどくさくてカスタムCSS自動で当てるようにした。

でも、特殊デザインがいい人ならともかく、普通に見るのに難ありなレベル公式がどうにかすべきだと思うんだよなー。

2017-07-09

wordpressさいこーといってる人へ

wordpress最盛期。あの案件もこの案件WordPressを使って、プラグインしまjqueryしまし脂マシマシな納品が星の数ほど生まれていく。「プラグインが最新バージョン対応しないので、本体バージョンアップができません」といってセキュリティホールだらけのwordpress放置される。アホかと、バカかと。

フロントエンドhtml,css,javascriptでつくるものだよ。expressをみて「javascriptバックエンド書くの?気持ち悪い」っていってただろ。それと同じだ。いつまでphpフロントエンド書くつもりだよ。phpで動的生成し続けるからいつまでもwp headでwordpressサイトってバレてアタック受けるんだよ。とりあえずurlの末尾にwp-adminってつけて確認されるんだよ。

分離しろ、分離。wordpress管理画面が悪いとはいわない。あいはいいやつだ。けど、wordpressフロント書く必要はない。wordpressrest apiだしただろ。更新wordpressでやって、その情報apiで取得してきたらいいんだ、それでいい。

wordpressテーマをつくるのがキャッチだった頃からもう6年はたった。6年前といえば、Windows 7使ってた頃だよ。ヒカリエまだできてない。そんな頃のやり方つかって「これがスタンダードです」とかいってクライアントをだまくらかして楽しいか。さっさと2017年に追いつけよ。

2017-07-06

はてブの新ユーザページ用ユーザスタイルシートを書いた

ずっと旧ページ使ってて、どうにも窮屈な感じがしたので。

.wrapper-container-inner {
    box-sizing: border-box;
    width: 100%;
    padding: 20px 20px 0;
    background-image: none;
}

#right-container {
    display: none;
}

#center-container {
    box-sizing: border-box;
    padding: 0 0 0 20px;
    width: calc(100% - 180px);
}

カラムは消した。

あくまで広くしただけ。

幅が広すぎる!って場合最後の width: calc(100% - 180px); にある100%の値を調整すればいい。

にしても、まさかレイアウトでfloat使ってるとは思わなかった。

いろいろ見ててCSSレガシーすぎて大変なんだろうなー、と思った。

https://anond.hatelabo.jp/20170706120144

PHPならJSCSSもincludeで1ファイル内に展開しちゃえばいんじゃね?

無知無理解プロジェクトが殺されそうだ

当方フリーIT 技術者。ある Web ベースシステムを開発しているのだが、プロジェクトマネージャーリーダーをはじめとするメンバー無知無理解のおかげで作業が進まずに困っています

ブラウザーキャッシュの仕組みを少しでも知っている人なら、非 IT 系の方でも読めるように書きました。ぜひ助言をお願いします。

登場人物

私は発注元(A 社)に客先常駐している。私が契約しているのは A 社のグループ会社である B 社だ。

A 社内のチームメンバーは以下のとおり。

さて、今開発しているシステム(以下システム P)はもともとスタンドアローン運用する形態だったが、最近クラウドバージョン提供も始まり現在スタンドアローンバージョンクラウドバージョンの並行開発となっている。X さん、Y さん、Z さんは主にクラウドサーバー管理や、私や W さんが作った部分のテスト担当している。

問題発覚

クラウドバージョンの初めてのアップデートを控えた 6 月に問題が発覚した。コードアップデートすると、ブラウザーキャッシュが効いていて表示がおかしくなるというのだ。

プログラマー以外の 4 人は実は Web システム案件は初めてで、ブラウザーキャッシュの仕組みすら理解していない。X さんから相談を受け、「Web アプリケーションからブラウザーキャッシュクリアーすることはできない。代わりに、HTML から読み込まれる外部リソースの後ろに『?v=3.14』のようなダミークエリ文字列をつければよい。アップデートのたびに数字を変える。これは一般的採用されている手法で、これ以外の解決策はない」ということを伝えた。具体的にコードエディター上で修正イメージを見せて、すべてに対応するのに 1 日あればできる、とも。

これで「そうですか、ではお願いします」となれば、テストを含めて 2、3 日で終わった話なのだが、ここから長い混乱が始まる。

前回リリースから変更のあったファイルの洗い出しを命じられる

X さんから、「変更箇所をなるべく少なくしたいので、前回リリース分と今回リリース分で変更のあったファイルリストを出してほしい」と言われる。変更のないリソースにはクエリ文字列をつけたくないらしい。

内心呆れつつ、Git (ソースコード管理システム)でファイルの変更履歴を調べ、一覧表を提出した。X さんに「それぞれのページでソースコード確認し、この一覧表に載っているファイルにはクエリ文字列がついていることをひとつひとつ確認するのですよね。却って手間が掛かりますよ。それよりも、すべてのファイル対象にしたほうが作るほうもテストするほうも楽です」と伝えた。

問題発生箇所の調査を命じられる

6 月も残り 1 週間を切ったある日、Z さんから、「実際に問題になっているのはどのファイルのどの部分か、スタイルシートのどのクラスID 指定が効いていないのか、V さんが知りたがっている。原因解明に必要なので調べるように」と指示が出る。

私は「ブラウザーキャッシュが効いているためで、キャッシュを消すか無効にすれば直る。今までも修正のたびにテストではキャッシュを消してもらっていたでしょう」と説明するが、調べろ調べろと繰り返すばかり。「そんなことを調べて何になるんですか。キャッシュ問題ですよ?」と言うと、Z さんは手をわなわな震わせて、「お客さまが知りたいと言っているのに、『そんなことを調べて何になるんですか』とはどういうことですか!」と声を荒らげる。しまいには「お客さまのご要望にお応えして私たちお金をもらっている。お客さまからの依頼なら応えるのが当たり前」と言い出す。技術的に意味がないことをいくら説明するも理解されない。

ブラウザーキャッシュの仕組みを基本から説明する

プログラマー 4 氏の知識底上げをしないといつまで経っても平行線だと思い、Redmine (課題管理システム)にブラウザーキャッシュの仕組みを解説する文書投稿した。ほぼ同じものを以下に掲載する。非技術者にも分かりやすく書いたつもりだ。あまりかいことを説明しても混乱させるだけだと思い、リクエストヘッダーの Cache-Control や Expires などは説明を省いた。

キャッシュとは

キャッシュ(cache) とは、一度読み込んだデータを内部に保存しておく機構のことです。2 回目以降の読み込み時はキャッシュを読み込むことで、処理時間の短縮を図ります

ウェブブラウザーにおけるキャッシュ一般に、HTML ファイルおよび HTML から読み込まれる外部リソース(スタイルシートファイルJavaScript ファイル画像ファイルなど)に対して適用されます

キャッシュが作られるタイミング

ブラウザーがあるファイルを読み込もうとする時、キャッシュがなければ実ファイルを読み込んだ上でそのファイルの内容をキャッシュします。

キャッシュが破棄されるタイミング

キャッシュがいつ破棄されるのかは完全にブラウザー依存です。異なるファイルキャッシュが同じ期間だけ存在するかどうかも分かりません。

キャッシュユーザーブラウザー操作で明示的に削除(クリアー)することはできますが、 サーバーからクライアント(ブラウザー)のキャッシュクリアーすることはできません。

ウェブアプリケーションキャッシュ対策

ウェブアプリケーションアップデートした際、クライアントキャッシュ無効にするために、以下の手法がよく使われます

link rel="stylesheet" type="text/css" href="style.css" >
< script type='text/javascript' src='script.js' >< /script >
< img src="picture.jpg" alt="" width="640" height="480" >

このような外部リソース読み込みについて、ファイル名の後ろにクエリ文字列を追加します。

link rel="stylesheet" type="text/css" href="style.css?v=2.4.0" >
< script type="text/javascript" src="script.js?v=2.4.0" >< /script >
< img src="picture.jpg?v=2.4.0" alt="" width="640" height="480" >

スクリプトでない静的ファイルクエリ文字列を付加しても、読み込まれファイルは同じです。つまりstyle.cssstyle.css?v=2.4.0 は同じ style.css というファイルを指します。

ブラウザーが style.cssキャッシュしている状態で、この行を読み込んだとします。

link rel="stylesheet" type="text/css" href="style.css?v=2.4.0" >

ブラウザーは「style.css?v=2.4.0 というファイルキャッシュにない」と判断し、style.css?v=2.4.0 というファイルを読み込みます。結果として、ディスク上の style.css が読み込まれスタイルシート更新されます

この HTML をまた読み込んだ時は、「style.css?v=2.4.0 というファイルキャッシュ済み」と判断し、ディスク上のファイルではなくキャッシュを利用します。

ウェブアプリケーションバージョン 2.5.0 にアップデートする時には、「?v=2.4.0」の部分を「?v=2.5.0」に書き換えてリリースします。

link rel="stylesheet" type="text/css" href="style.css?v=2.5.0" >
< script type="text/javascript" src="script.js?v=2.5.0" >< /script >
< img src="picture.jpg?v=2.5.0" alt="" width="640" height="480" >

同様の仕組みで、2.4.0 時代キャッシュがあっても 2.5.0 用に書き換えられたファイルが読み込まれキャッシュ問題は起こりません。

この手法は、キャッシュ問題解決する手段としては一般的に用いられているものです。俗に「キャッシュバスター (cachebuster)」とも呼ばれます

上記に長々と書いた内容を踏まえ、今回の問題についてご説明します。

「暫定対応」の指示が出る

日経った日の午後。Y さんが A4 判数ページにもなる「調査報告書」を作成した。問題になっているスタイルシートについて前回リリース分と今回リリース予定分の差分を取り、それぞれの行について「新規」「変更」「削除」の印をつけ、「とりあえず、このクラス指定が効いていないだけなので、HTML 中にインラインスタイル(< div style="..." >)で指定すればよい」と結論づけていた。

報告書には「状況から見て、変更・削除されたスタイル指定は影響が出るらしい。新規に追加した部分については影響がないようだ」とも。私が書いた説明を読んでいないのか、理解できなかったのか。

この報告書を元に、X さんから「この行とこの行にインラインスタイル指定してください。これで暫定対応します」と指示が出た。

私は「この修正は何ら根本的な対策になっていないことは理解していますか。『現状で問題になっている箇所』は、この環境たまたまそうなっているだけの話で、ほかのお客さまの環境では別の画面が崩れるかもしれないのです。それを承知の上で、これを暫定対応としてよいのですね」と X さんに確認。X さんは「はい」とだけ答えたので、黙って作業完了した。Gitコミットメッセージに「この方法は何の効果もないこと、それでも作業をしてよいのかを X さんに確認の上、作業」と書いてコミットした。

しばらくすると X さんから「うまく表示されていますOK です」と報告があった。

その日のうちに問題再発

夕方、私が帰ろうとすると、X さんが Y さんに「画面がおかしい」と言っている。横から覗くと、先ほど「暫定対応」とやらを入れた画面で、表示は正常だがボタンを押しても何の反応もない。私は静かに「JavaScriptキャッシュですね」。

聞けば、Y さんは「キャッシュスタイルシートにだけ効く」と思い込んでいたらしい。やはり先の説明を読んでいないようだ。そして、Y さんの環境ではボタン有効だったとも。

私は「Y さんの環境では(JavaScript の)古いキャッシュは効いていなかった。X さんのところではキャッシュが効いていた。これが、私が言っている『環境依存』の意味です。昼の暫定対応ではダメなんです。半月から私が言っているように、すべての外部リソース読み込みにキャッシュバスターをつけないと解決にならないんです」と伝える。

Y さんは観念した様子で、「キャッシュバスターって、一部分にだけ適用することもできますか」と聞く。この人、理解してないなと思いつつ、「はい、できますよ」と返すと、「では、問題の発生している範囲調査して、問題が起こっているファイルにだけキャッシュバスターを……」。やはり何も分かっていない。

私は繰り返し、ブラウザーキャッシュ環境依存なのですべての外部リソース読み込みにキャッシュバスターを付加しないと無意味だと説明した上で、こう付け加えた。

「指示されたことだけを黙ってやっていれば、そりゃあそっちのほうがラクですよ。でも、喧嘩をしてでも、場の雰囲気を悪くしてでも自分意見を主張するのは、技術者としてのちっぽけな良心からです。お願いですから専門家の言うことを聞いてください。私の意見が信用ならないのでしたら、ほかの技術者意見を聞いてください」

対応が先送りになる

この数日後、本件の対応を先送りにすることが決まったと X さんから報告があった。

聞けば、リリースを急いでいるのは特定顧客要望によるものらしい。その顧客スタンドアローンバージョンを利用しているので、アップデートの現地作業の際にブラウザーキャッシュを消してくればいいとのこと。

リリースに間に合わない間に合わないとあれだけ騒いでいたのに。プロジェクト管理がまるでできていない。

レビュー開催

そして今日夕方、この件についてレビューを開きたいとプロジェクトマネージャーの V さんから言われる。レビューって、何をやればいいんだろう。何をすれば気が済むんだろう。Redmine に書いた説明を読んで理解してもらえれば、やるべきことはひとつしかないと分かろうものなのに。

X さんから質問を受ける。「例の件、ほかの方法はないんでしょうか。『こういう方法もあるけれど、工数が掛かるので採用しません』というのがもしあれば話が進めやすいかと」。残念ながらありません、せいぜいファイル名そのものを変更するくらいですが、本質的には同じことですし管理の手間が増大します、と伝えた。

ついでに、X さんに「あの説明を読んで、よく分からない部分があったら教えてください」と尋ねると、実は忙しくて斜め読みしかしていないと白状された。その状態対応策を一生懸命協議していたのですな。

レビューの席でまた一悶着ありそうだ。どうやったら彼らを納得させられるのだろうか。信用できない技術者説明してもらったって、信じないんだったら意味がないのにねえ。

追記

文字数制限に引っかかってしまい、末尾が切れてしまっていました。続きはこちらに書きました。

https://anond.hatelabo.jp/20170706122924

転職の総括 2017夏

春に、詳しく話せない事情から病気した)自己都合で退職の運びとなった。この経緯については自業自得の面もあるので致し方ない。

結構近々に転職した会社だったのでその時との違いなどに気づいたことについてまとめておく

(※個人の感想です

1.失業保険がもらえなかった

ネットで調べて、いわゆる3D案件半年以内に自己都合で退職した特定受給資格者 特定理由離職者の範囲:体力の不足、心身の障害、疾病、負傷、視力の減退、聴力の減退、触覚の減退等により離職した者)でもなんとか3ヶ月しのげると思っていたのですが、今年(2017年)の4月より廃止されたそうです。

なので、前回失業保険を使い切っちゃった人は転職一年病気をしないようにしましょう。

しれっと改正されたので雇用保険関連のサイトでも内容をアップデートしていないところが多いので要注意ね。


2.Web制作業界有効求人倍率はほぼ変わらない

やっぱ中途半端な職歴だとWeb制作業界内での転職は難しいです。その中でも引く手あまたの職種が一つだけあります。それは「Webデザイナー」です。ただしピクセル単位案件を仕上げることが身についてるのが最低条件、CSSHTMLモックが作れる人は引く手あまたです。

コーダーと言われる職種は「フロントサイトエンジニア」に駆逐されつつあります

Webディレクターで最低必要要件は「コードがある程度書けて進行管理が出来るのははもちろん、要件定義からワイヤーフレーム製作まで出来ること」です。


3.とは言え、ダメ企業はとことんダメみたいで

前職を応募した時に募集してた企業10社ほど同じ職種募集してた。前回も今回も転職サイト100万円以上かかるような掲載だったからもったいなすぎる。ここ1年で5~6人以上辞めてる企業業務内容を反省しないと同じことを繰り返すことになりますよ。

なぜなら、「辞めない」「辞めにくい」人は転職市場じゃすくないですから


4.面接を受けたうち、5~6社で聞いた話

フリーや小さな事務所でやってるクリエイターエンジニアマッチングさせるポータルを作るぜ」

いま企画段階の方はすでにレッドオーシャンです。胸に手を当てて再考してください。


5.手書き履歴書必要企業が減った

雇用保険対策で送った1件と他1件ぐらい。


気がついたことはこんくらいかな。


後、辞めてから職を探さなければならない羽目になってしまった人はエージェント経由だと難しいよ。なぜならエージェント経由だと「募集に掛ける費用が後払い」なのでのんびりやるし、そもそも長い間採用しなくても損はないので短期決戦には向かない。「応募書類履歴書職務経歴書など)を添削し、転職市場についてアドバイスをしてくれるだけの存在」と割り切って付き合いましょう。「在職中によりいいとこ探す」のであれば使えるかも。

2017-07-04

https://anond.hatelabo.jp/20170703143955

デザイン変えるなら過去のものもずっと使えるようにしておいてほしいけど、webページなんだし、気に入らないならカスタムCSS/JS入れて好きに作り直せばいい。

HTML 1 から書き直して全く違う自分の見やすUIだってできる。

はてな民ならそれくらい余裕だよね。

javascript

web勉強してて周りがjsに手を出し始めたんだけども、それ[+css]で検索すれば出るだろって思う。

触ってる奴より遅れてる気がしてくるけれどz軸やキーフレームもあるのにjsを使う必要って、つうかjsって何かわかってない

https://anond.hatelabo.jp/20170704003736

これは誰に向けて書いてるの?

このコードを見て何をすればいいかわかる人は必然的CSS理解してるからコードを見る必要がないし、何をすればわからない人はこれ見たところでどうしようもないよね。

ブックマークレット作って、どうぞ

アーカイブ ヘルプ
ログイン ユーザー登録
ようこそ ゲスト さん