「フロントエンド」を含む日記 RSS

はてなキーワード: フロントエンドとは

2018-09-19

とある会社機械学習環境を整備しているんだが心が折れそうだ

昨今流行りの機械学習プロジェクトがぽこぽこ立ち上がっている状況なのだが、一部の人を除き、apt-getで躓いているのは会社にとって損失だと考え、オンプレクラウドのようなものを構築することにした。

グループ全体の規模はそこそこ大きいが、将来単なるアッセブリー屋になることが目に見えている事もあり(今後20年以内には喰われてしまうという憶測もあり)ネットワークLinuxコンテナプログラミングが出来る自分が社内の機械学習、引いてはITインフラ民主化、なんだったら外販できるくらいのもの作ってやろうと鼻息巻いて無理やり一人プロジェクトを興すことにした。

まずは既存DHCPサーバ名前解決ができないDNSサーバからゲートウェイPCを用いてネットワーク的に分離、社内の物理的な設置スペースの問題デスクトップPCサーバPCが離れた所にあるため、WireGuardでVPN構築、ゲートウェイPCはそれぞれKea DHCPサーバ、PowerDNSサーバを稼働させ、OpenStack導入検討時に悩んだ鶏が先か卵か先か問題解決することにした。

上述の通り、システム構築にあたってOpenStackやMAAS,RancherOSなどを検討したが、社内のニーズを「100%」汲みとった上で、次世代オンプレクラウド個人的にはエッジクラスタがゆるく繋がるアメーバクラウド?のような呼称があっている気がするが)を構築するにはどれも痛し痒しで何かしら制限がついて回るのは許容できなかった。これは今後5年、特に海外事業所の開発者の事を考えた時には外せない要件だった。

とはいえmiekg/dnsを用いてCoreDNS進化版を作るにはリソースが足りず、BINDを用いるにはSA対応がしんどすぎるため、APIを備えており、今後も進化が見込めるであろうOSS、また必要であれば商用製品保守サービスが受けられる事から上記2つを選択した。

PowerDNSはさておき、ISC KeaはナウでYANGなLinux YANGに対応しようとしているなど(言いたかっただけ)、世の中のオンプレ環境を塗り替えるためには兎にも角にもAPIゲートウェイ重要だと考えたため、双方が提供しているAPIをうまく吸収するミドルウェア(とちょっとしたAPIサーバ)をGo言語作成した。

次に世の中のパブリッククラウドOpenStackなどを触ったことのある開発者はCloud-initに慣れているはずという前提の元、対応コスト勘案の結果、NoCloudで対応しつつ、上記APIサーバ連携し、ベアメタルマシン管理した事のある人はわかる、ベアメタルマシン特有の諸問題解決することにした。

まぁなんだかんだ大企業なのでお金解決する手段もあるが、そもそも高集積ラック搭載GPUサーバ購入の稟議が通るような会社だったら既にKubernetes導入しているだろうし、俺もこんなことしてない。

脱線したが、上記以外にも検証バックアッププランとしてAnsible記述などの作業はありつつも、3ヶ月かけてようやく基礎となるインフラ基盤が構築できたため、nuxt.js+go簡単フロントエンドサーバを構築し、一人情シス様相を呈している部下のリソース開放、Calico対応+Kubernetes導入、不安がっている上席が安心できるように、分かりやすい餅を用意しようとしている、というのが現状。

ここまで寝る時間も惜しんでトップスピードを維持したまま頑張ってきたものの、少し限界を感じている。

特にオンプレクラウド部外者が中々見えてこないものがあり、なんならその見えないもの限界まで吸収できるように、かつ現実的に実現可能ギリギリラインを狙っているのだが、そもそも周りに相談しようとしても何を言っているのか解説する所から始めないといけない。

覚悟はしていたが、ふとした時にとてつもない脱力感に襲われてしまう。

世の中を切り開いてきた諸氏はおそらく一度はぶつかったであろう、この内なる自分の壁をどのように突破してきたのだろうか?

ひたすら孤独との戦いだというのは頭では理解しているものの、突発的にくるこの脱力はいかんともしがたい。

推敲もせずに大変失礼極まるが、コメントをいただければ幸いである。

2018-09-18

デザインコーディングができる昔ながらのフロントエンドコーダーが足りない

まじでいない。

はてなフロントエンドっていうとSPAな感じばっかりだけど、

昔ながらのデザインjquery使うレベルコーディングができる人がとても需要あるんだ。

簡単デザインっていうのはたとえばPCだけあればSPを直コーディングで作れちゃう感じの人。

そんな仕事の振り方されたくないって人は多いと思うけど、これくらいできるとめっちゃ仕事あるんだ。

アニメーションまで細かい指示なしでいい感じでやれると普通に働いて年収1000万だよ。

たまーにいるんだけど元Flasher率高いよ。

2018-09-10

anond:20180909073549

組込み界では今時のプログラミング界隈の常識の多くが通用しない。最初あなた相手にするのはRAM 1kB, ROM 4kB、クロック 20MHzなどというMCUである

使用する言語はC99かアセンブラである。幸か不幸かC++を使わされることもある。既にC++で書かれたプロダクトに係わってはならない。

当然フロントエンド界隈などのようなイミュータブルインスタンスを大量に使い捨て富豪的言語アプローチ採用は難しいだろう。

トラブルが起きたときプログラムだけでなく回路図を読んでハード側に問題があるこを示せないと極めて立場が悪くなる。

しろプログラムし易いコンポーネント選択や回路構成積極的に口を出していかないと動かない責任けがソフト担当者に投げられて割を食う。

開発環境Windows上のEclipseベース統合環境が使えれば上等であり、運が悪ければMCUメーカーお仕着せのクソIDEを使わせられる。Mac優雅に開発することはまずあり得ないだろう。

底辺企業バージョンコントロールシステムの導入のための意識改革簡単ではない。もし強行に導入しようとすればあなた孤立する。

誰かがIoTだ、機械学習だの言い始めても社全体として主力製品を作るのでなければ本気で取り組んではいけない。あなたがそのテクノロジー理解していても誰もサポートメンテもしてくれないのだから

2018-08-15

https://anond.hatelabo.jp/20180815005242

古いスター見られないから新しくスクリプト書いた。listStarURLs(ユーザ名, ページ数)で与えられたユーザブクマを与えられたページ数まで見て自分starを押したブコメリストアップする。

https://pastebin.com/4TLHvyQB

これで出てきたスター一覧を上のスクリプトと組み合わせれば与えられたユーザ自分がつけたスターをお手軽に全削除できる。

Qiitaかなんかで「JSではforは使わず関数型プログラミングが素晴らしいのだ!(ドヤァ」という記事に「いやいや逐次awaitしたいときそれじゃ困るんだよ(キリッ」みたいなブコメがついてて大変生暖かい気持ちになったことを思い出したのでfoldしてみたけどあのときブコメしていた関数()フロントエンド()プログラマー(笑)の皆さんは別に見てはないだろうなw

2018-08-03

私たちフロントエンドで働いてお金を得ることこそ華やかで素晴らしい生き方とある種教えられてるけど、それが本当に正しいのかという疑問もまたあるし、

他人サポートして生活の糧を得るいう生き方もあるよねえ。

2018-07-30

anond:20180730225820

なんでelastic searchってキーワード出したのか分かんねえのかよ……

そこら辺の閾値決めて適当無視してくれるんだよ。最近検索エンジンバックエンドは。

コレが増田の言うAIっぽい挙動をしていないってならそうかもしらんが、こういう検索エンジン利用して作られてるAIフロントエンドとか結構あるぞ。

りんなとかそうじゃないっけ?

2018-07-25

Webデザイナーになりたいやつに言っておくぞ

まず、自分がそのデザインコーディングできるかどうか考えてからデザイン作れよ!

エンジニア魔法の力でぱぱっと作ってくれる!」って思うなよ。

動きをつけたいならまず最初フロントエンドエンジニア相談してどれだけ時間がかかるかどうか確認してからな!

 

先程「後ろの背景は動画で動いてて、下にスクロールする度にシームレスにどんどんシーンが変わっていくように」って言われたフロントエンドエンジニアより。

2018-07-14

ワイ、フロントエンドエンジニア 馬鹿相手は疲れる

なんで数値エリアメールアドレス欄に全角で入力するんや...

もう全角→半角自動変換はめんどくさくて嫌だよお...

2018-07-08

新卒業務経験ないプログラマー一言送るとしたら

会社名前サービス名前スタートアップ会社は少し気をつけた方が良いと思う。

往往にしてそういう会社がこれからの人も採用していくぜみたいなフェーズだと

そのサービスはだいたい完成していてやることがなくなってるけど

組織がそのサービスのために最適化されてるからか他に事業を始めようとしても上手くいかないみたいな場合が多い

あと就職活動しているときだとなかなか気づけないけど自社サービスってキラキラして見えるが

そもそも自社サービス持ってる会社で働いたからってそれが自分のものになるわけじゃないし

もし「オレのサービスが欲しい」みたいな人にとっては

モバイルエンジニアとかフロントエンドエンジニアみたいな役割分担でキャリアを始めるのはそれから遠ざかる選択だと思う

2018-07-06

Webアプリ開発会社を辞めることにした

運用10年、開発5年ぐらいのアラフォー

今の会社受託開発業務を始めてスクラムマスターやってた。

担当範囲は(営業によるざっくり要件定義後の)設計フロントエンド開発、品質管理顧客への御用伺いあたり。

次の会社はまだ決めてない。

退職エントリを書くほど世間様に知らしめたいわけではない。

しかし、黙ってるのもストレスなので匿名で書くことにした。考えがまとまらないまま書くので、雑なテキストになる。ご容赦をば。

なお、会社悪口を書くつもりはないので、期待してる方は回れ右で何卒。

また、内容読んで「これ、アイツじゃね?」と察した人は、お口チャックでよろしくお願いいたします。お口YKK

先日、社長に「辞める」と伝えた。

「それは困る」と主張する社長と2時間×2回の攻防の末、どうにか「わかった」と言わせることに成功した。

辞める理由は1点だけ。

(小さな不満は色々あるけど、どこで働いても多少はあるもんだ、という心持ち

会社の言う『自律性』に共感できない。

これだけだと抽象的なので、具体的に書く。

2年ほど前に会社が『自律性』を目標に掲げた。

それを推進したくてスクラムとチーム制を導入した。

ここまではよかった。

しかし、次に会社が発表したのは「朝、定時に出社しろ」だった。

ここで、ウゲーとなった。

顧客から電話を受けられるように」という但し書き付きだったので、顧客に「電話するなら午後によろしく」と通達して事なきを得た。

(得られないこともあったが、まあ事故だ。事故は起きるよ。byトーマス

この出社命令は、会社の『自律性』を育てる施策ひとつだった。

しかし、私はこういう校則のような必然性のないルールがあまり好きではない。むしろ嫌いだ。校則が育てるのは従順さであり、自律性とは相反すると思っている。

私の考える自律性は「自分仕事自分管理する」だ。

例えば、自分宛のメールチケット確認する、会議に遅れない、といった内容だ。

IT開発者には「設計コーディングだけやってりゃいいでしょ」という人が少なくない。けっこう多い印象がある(観測範囲)。

でも、それだと「このメール見た?」「このチケット、一瞬で終わると思うけど内容見た?」と声かけをする世話焼きポジション必要になる。(これが私だった)

私はアラフォーなので、日常生活家事子育てが入ってくる可能性が高い。

その対応として、リモートワーク環境を整備したい。しかし、世話焼きポジション物理的に隣にいないと機能しないのだ。

Slack等のチャットツールで声をかけても「通知がうざい」と通知オフにされていると全くの無意味だったりする。(無意味だった)

「通知をオフにするな」と伝達しても、しばらくするとオフにされる。

これではリモートワーク化が一向に進まない。

私はスクラムマスターとして、リーダーポジとして、みんなに「メールを見てね」「チケット確認してね」「チャット通知きらないでね」と連絡してきた。2年ぐらい頑張った。

しかし、疲れた

なぜ、30代40代のいい大人相手に、そんな「挨拶は『こんにちは』と元気よく」みたいなことを言わねばならんのか。

だいたい、取引先との打ち合わせには遅れずに参加できるのに、社内MTGの時だけ呼ばれるまで待っている、というのが気に入らん!!!!!!!!!

甘えるな!!!!!

俺はお前のパパじゃねええええええええええええ!!!!!!

(I am not your father.)

という気持ちを、冷静に淡々社長に伝えて、辞めることにした。

なお、リモートワーク推進についても、社長議論したけど、「リモートワークではフルスペックで働けない」と「リモートワークでフルスペック活かせるようにすべき」の平行線で終わった。

というのが、辞めることにした経緯です。

はー、転職活動せな。

次もIT界隈の予定です。開発か運用かは決めてない。

反省

結局、会社悪口も書いた。

余談。

ここ数週間、顧客と打ち合わせする度に、冗談めかして「うちに来てくれないですかねえ」と言われてたので、案外、辞めたいオーラが顔に出ていたのかもしれない。

2018-07-02

「好きな仕事だけど必死なんだよ」って言ってから1年半経った

最近、「『好きなことを仕事にしてる奴には勝てない』っていうけどさ」というのを(https://anond.hatelabo.jp/20180627004115) に上げたが、これは去年の正月に上げたものコピペしたものだ。(https://anond.hatelabo.jp/20170103185847)

「反応が違ったりするんだろうか」という興味本位でやったのだが、思いの外昔を振り返る良い機会になったので、現状を書いて未来につなげてみようと思う。

ちなみに、件の記事を書いたのは、「好きなことを仕事にしてる奴には勝てない」というようなことを連続で言われて気になっていたのと、http://crapp.hatenablog.com/entry/venture-the-war-front記事を読んで、気がたったからだ。

普段はそういう言葉は気にしないのだが、年末の忙しさもあって気が立っていた。

さて、1年半前と比べて、プライベートの削り方はあまり変わらない。だいたい、仕事終わりに1,2時間本を読んだり土日にプログラムを書いたりしているぐらいだ。ただ、Netflixにハマってプログラミング時間が少なくなった気がするので、そこは反省している。

技術力に関しては、だいぶ気にならなくなっている。

問題に対して以前より良い選択を取れている自信があるし、IT業界技術の方向もわかってきたので、流行していない技術にも「良い」と言えるようになってきた。

論文積極的に読める様になってきた。

特に自分の行動で状況を変えられていると実感出来るようになったのが大きい。関わっているサービスが、自分が作ったり考えたりした方法改善され、自分判断ミス悪化するのを実感するので、成果がよりわかりやすくなった。

だが、不安や焦りがあるのは変わらない。

尊敬している優秀な人たちにはまだ追いつけていないし、35までにそこまで行けるという確信もないので、まだ必死に走り続ける必要が有ると思っている。

だが、以前ほど切実ではない。

流行の伝播を見ていて、たとえ、今勉強をやめても5年ぐらいはプログラマでいられるだろうという、自信はある。

次の5年に最先端を走り続けていられるかどうかが今の関心事だ。

ただ、こういう自信はコロコロ変わるので、安心できるわけではない。

プログラミングを始めてからずっと、「俺は何でも出来る」と「俺は何も知らない」がくるくる回っているので、すぐに不安な時期が来るだろう。

さらに、井の中の蛙ではないかという恐怖もある。今の周りのレベルが低いだけで、別の場所に行くと無能になるかもしれないという恐怖だ。この現象相対的ものから、この恐怖とは死ぬまで付き合うしか無いだろう。

プログラマ的な話をすると、

以前はフルスタック志向で、フロントエンドからインフラまで技術を漁っていたが、最近サーバーサイドに収束しつつある。

フロントエンドの流れは流行ったものを後追いすれば良いやと思い捨てた。やっとGraphQLを真面目に気にし始めた程度だ。

最近の関心は、クラウドネイティブを前提としたミドルウェアとか、分散の仕組み自体だ。かなり偏ってきている。CNCFとか、kafkaとかcockroachdbとvitessの違いとかだ。分厚い本も手に入れた。ミドルウェアへの憧れは昔から合ったが、やっと作り始められる。

全体的な方向性としては、

1. 「他人に今以上の力を引き出させる」力を鍛える(リーダーシップ力という言葉が適切かはわからないが、人の心で結果が変わるというのを見てきたので、自分だけでなく周りも気になってきた)

2. 専門性の深化

3. 生き残る技術を見極める力を鍛える

4. 変化に敏感であり続け、好奇心を持ち続ける(新しい物を見ても「既存のモノのほうが良い」と考える事が増えたので、反省している)

という方向で行こうかなと思っている。

1年後に見て同じことを思っているかはわからないが、今より良い判断ができていると何より。

2018-06-29

はてなブックマークをまともにするには

2018-06-19

キャリアチェンジの考え方形成30選

noteより

ランクタイトルブクマ日付カテゴリ
1キャリアチェンジしてフロントエンドエンジニアとして採用され...3352018/01/31 19:23テクノロジー
2200名以上のエンジニアの転職相談に乗って分かった、優秀なエン...3042018/05/27 13:14政治経済
3今なら、サラリーマンがスタートアップに転職すれば、大儲けで...3012018/05/16 13:50政治経済
4フリーランスやめて雇われることにした1602018/05/14 22:27政治経済
5外資系への転職をマジで検討している方へ1052018/06/04 15:31政治経済
6退職しました -新卒就活から今までを振り返る-592018/05/19 11:11政治経済
743歳 文系おじさんの転職。402018/01/26 14:16テクノロジー
8上場企業→スタートアップに転職した男の末路372018/04/17 12:24政治経済
9退路を断つ人が誰よりも成長する162018/02/22 08:12政治経済

増田本音

ランクタイトルブクマ日付カテゴリ
1Dランなのに就活で負けなしの先輩から聞いた面接の話11712011/10/21 09:34暮らし
2転職活動で心を病んだ件について11242014/05/10 21:37テクノロジー
3富士通を退職して思うこと - はてな匿名ダイアリー11062016/04/24 14:06テクノロジー
4突然クビになった時に、私が行った6+1のこと。9782009/11/07 00:00暮らし
5仕事ができず、技能もない俺が会社で生き残っているやり方9072015/01/05 20:35暮らし
6中小零細企業から大企業へ転職して2年 大企業への驚きを隠せ...8702014/08/09 02:42政治経済
7僕が今になってコンサルにならなきゃよかったと思う理由8102015/05/08 12:24世の中
8頑張っていれば、努力していればいつか報われるなんて言うのは...7342017/03/20 23:05世の中
9就活してるけど、死にたい。あと就活は全然間違ってないし歪ん...7202013/03/06 14:49暮らし
10エンジニアが転職するときに気をつけること6562016/06/29 08:30テクノロジー
11転職サイトは登録するな。6152015/03/15 10:24テクノロジー
12日本の大企業のソフトエンジニアはコードを書けない人だらけ5442017/05/04 09:09テクノロジー
13退職時にやってはいけないこと4602013/11/28 02:59暮らし
14転職に成功したので書いておく4292009/09/08 05:40暮らし
15仕事ができない社会人って案外キツいんだよっていう話4042017/02/03 01:31暮らし
16田舎の会社に就職する新入社員へ3652013/03/24 12:44暮らし
17人月計算とExcelとスーツの世界より・アフター3632008/03/28 21:41暮らし
18SIerを辞めて半年たった3522016/08/31 13:03テクノロジー
195年間、大企業の人事の仕事を横で見ていました3372013/08/25 15:11テクノロジー
20創業メンバー以外でベンチャーに入る人って馬鹿なの?死ぬの?3312010/07/26 07:10暮らし
21家庭用ゲーム会社を辞めて、ソーシャルゲーム業界に転職しました3292012/12/16 22:28アニメゲーム

2018-06-16

ワイ、フルスタックエンジニア

フロントエンドからサーバサイドまで

DBNWもやる

高度情報処理技術者試験も一通り持ってる

なんなら物理層の配線までやる

サーバ移設PCの配置もやる

PC以外でも写真撮影動画撮影編集までやる

宴会の手配やらスポーツ大会運営もする

でも一番やってて楽しいのはプログラミング

ローマ字入力キーアサイン歴史ってどんな感じだったんだっけ?

anond:20180615154508Twitter流行した議論が広まってきたんだろうか?

あなたはどっち派?】ローマ字入力で小さい文字(拗音促音)の打ち方はx派? l派? https://togetter.com/li/1219896

このTogetterだとエンジニアデザイナーの違い、ひいてはWIndowsMacintoshの違いに原因を求めている。

そもそもこの差は80年代ATOK、VJE、松茸EGBridgeの争いに端を発してたような記憶がある。

PC関連のことはググれば結構歴史が書かれていることが多いのに、フロントエンドプロセッサ周りの歴史って意外と検索に引っかかってくれない。一体どんな状況だったんだろうか?

うろ覚えではVJE、EGBridgeなどシェア2位以下のFEPの多くは拗音、撥音の入力にxを使っていた。

一方シェア1位のATOKはlを使っていた。

ここでx派とl派に別れたはず。

松茸はどっちだったかうろ覚えですら覚えていない。Cannaに繋がるNEC日本語入力もどうしてたんだろう?。

VJEとEGBridgeシェアを押さえたMacintoshではxを使うのが主流になったのだろう。

キーアサインATOK準拠させる戦略を取った後発のWXP(WXII+)はマイクロソフトWindows3.1にIMEを標準装備させる時に選ばれ、MS-IMEベースになる。ここでWindowsではlが主流になる。

WXII+含め、初期MS-IMEはxもlも使えた気がするのだけど確認するのは困難。

l派の上流にはATOKがあるのだろうけれど、ATOK最初の源流かどうかは分からないし。

モヤモヤする。

anond:20180616001644

この辺ちょっと感覚のずれがあると思うので補足しておきたい:

プログラマって実はそれくらい危険性があるものをいじっているっていう自覚必要かもしれないね

人の無知につけ込んでいいようにやってるように取られて損するのはどっち?

こういう言葉を聞いて、鴨が葱背負ってくることってあるんだと思えない人はフロントエンドエンジニアにはなれない。

2018-06-15

anond:20180615165135

しろユーザ意識してる挙動って何よ。

フロントエンド最先端プログラマーぐらい知識無いと把握なんかできんし、それすら動いて初めて分かる。

2018-06-11

褒め言葉が早い!しかない】Webフロントエンドやめたくなる12の瞬間

※ここでいうフロントエンドとは、HTML/CSS/JSデザインをもらって実装する人のことです。

01. デザインサーバーサイドの板挟みになるとき

デザイン再現するために、サーバー側に実装して貰う必要があるとき

デザインがこうなってるんで◯◯◯◯◯ください」といって、サーバー側とデザイナー伝書鳩みたいになるとき

02. サーバーサイドの人怖い

だいたいデザイン再現のためにサーバーの人に相談しにいったら「無理です」ってぶっきらぼうに言われることが多い。怖い。

03. サーバーサイドの人がマークアップはできるけど嫌いみたいなスタンスとってくるとき

フロントエンドのこと見下してる人が多いと感じる。

お前の書いたCSSHTML、インデントもぐちゃぐちゃで運用性も低いかちゃんとBEMとか学んできてから書いて…。

04. デザイン完コピして自分は一体何をやってるんだろうとおもう

作ったのはデザイナーデザインなので、自分が作ったという感じがしない。

自分は一体なにをやってるのかとおもうことがある。

05. ダサいデザイン実装しているとき

なんでこんなダサいデザイン実装しないといけないんだ…。

だいたいダサいデザインに限って実装しづらいことが多い。

06. コピーライトマーク©が異常に小さく表示される仕様対応

めんどい

07. 文法守って、HTMLCSSJSを書くだけの人生に疲れる

マークアップ、もう動けばいいじゃんてなる。

08. PSDから自動コーディングする技術早くできてほしい
09. 画像にしないといけないデザインALTを抜くのが面倒
10. マークアップめんどいデザイン渡されたら、もう1枚画像に書き出したくなる
11. IE とかもうどうでもいい。

IEサポート外にしてほしい。常に場当たり的対処

12. 褒め言葉が「はやい」しかない

まとめ

フロントエンドエンジニア、言われたからやる、ということが多い気がする。

サーバサイドから見下され、デザイン自分でつくったわけじゃない。

好きだったはずのフロントエンド

もう好きじゃなくなったのかな…。

2018-05-28

facebookってすごい?

サービスとしては今じゃ昔に比べてユーザ減ってるとかきくし、日本じゃ名前出すという時点で合わないかTwitterなどに比べるとあまり流行ってない

一応アカウントだけはあっても実際にはほぼ使わないとはよく聞くし


から日本でいう yahoo japan 程度の有名だけど別に・・・っていうようなすごいというようなところではないと思ってた

AmazonGoogleとかMSとかTwitterかに比べればかなり下というイメージ



だけど、web系の開発とかやってみるとFacebook製ってかなり多い

フロントエンドでかなり流行ってるReactはFacebook製だし、

jsに型をつけたり静的解析とかしてくれるflowFacebook

PHP7が出るまでには流行っていた高速かつPHPより使いやす機能の多いHackという言語jsテストでたまに見るjestというのもだ

npmよりもいろいろ便利で高速なパッケージマネージャのyarnもfacebookらしい


有名どこのツールではfacebook名前をすごく見る

Googleよりも見る機会が多いかもしれない

実はすごいところなのか


2018-05-27

吾輩は無職である。暇だから初めてWebサービスを作ったのである

吾輩は無職である。職はまだ無い。どこで無職になったか、とんと見当けんとうがつかぬ。

何でも薄暗いじめめした所で手斧を投げられていた事だけは記憶している。

吾輩はここで始めて増田というものを見た。

しかもあとで聞くとそれは増田という人間中で一番獰悪な種族であったそうだ。

・・・

まぁ、前置きの冗談はこの辺までとして、前々から作りたいな思っていた

Webサービスを中々時間が取れず作るのを諦めていたのだけど、

まぁ無職になって時間も取れたので作った次第です。

自身プログラミング生業とする職業では無く、学生時代特にプログラミングついて何か

勉強をしていた訳では無かったので一から勉強になりました。

始めたのが昨年末大晦日ちょい前なので、約5ヶ月掛かり、当初想定していた期間より

かなりの時間が掛かってしまい、反省点等含めその辺の事を書けたらなと思います

■やりたい事(実装した事)

ゲームユーザー同士を繋げるマッチングサイト出会い系ではないよ。)

ログイン機能

タスクベースでのチケット管理

・簡易コメント機能

・簡易評価機能ポイント

ステータス動作変更処理

タグをつける

上記DB管理

構成を書いた方が良いと思うので

以下になります

構成

--------------------------------------------

サーバさくらVPS 2G

OS:CentOS 7.5

WebサーバNginx 1.14

WSGI:uWSGI 2.017

FW:Flask 1.0.2

RDBSQLite3 3.7.17

ORM:SQLAlchemy 1.2.7

言語Python 3.6

フロントPure JavaScriptのみ

その他ツール等:Let's Encrypt/fail2ban/等々

--------------------------------------------

上記を見て貰えれば分かるかと思いますが、最近流行りの

フロントエンド技術等は一切入ってはいないです。

ほぼ、既存ベーシックサーバーサイド側の制御のみです。(jsで非同期通信はしてます

SPAとかVueとかの言葉最近知りました。。。

ほぼ開発終わりかけに知ったので、流石に今から構成

変えるのもなと思い、取り敢えず上記です。

■選定理

まずWebサービス作るにあたり、何が必要だろうと思い

まずは開発言語だろうと、プログラミング言語の選定で

RubyPythonかで悩みました。

Rails名前を良く聞くのでRuby on Rails触ったのですが、

Railsには馴染めなかった(扱えなかった)ので

何かマイクロFWの方が良いのだろうと、Sinatraいこうか思いましたが

Railsの印象が強く残った為、Rubyは止めてPythonに移りました。

今度は初っ端からマイクロFWが良いだろうとFlaskのサンプルを試すと

比較プログラミング学者でも扱いやすく覚える事も少ないので、PythonとFlask

の組み合わせで決定。

(気軽にプログラムを書け、自分イメージしている処理や制御を素直に実現できる点が

 書いていて気持ちが良いです。まぁ分からない所も有りますが、そう思わせてくれる点

 が良いです。モチベーション的に)

NginxとuWSGIの組み合わせはFlaskで検索すると一番でてくるのでこれに決定。

SQLite3 はマイクロFWから軽めのDBでたぶん大丈夫だと思ったのでこれに決定

ORM(SQLAlchemy)も検索で一番出てくる為。

■開発概要

・まずPythonの開発環境を整えようとなり、WindowsVagrantインストールして

 仮想マシン環境構築。ゲストOSの中にPyenv等を入れPython環境構築

上記構築後に取り敢えず小さなサンプルから作ろうとなり、簡単CRUDをFlaskで行える様にしました。

 これができた時は嬉しかったです

上記が出来てから、本番の開発に移りCRUDベースにひたすら肉付けていく

ユーザー登録機能作成/ログイン機能作成/ユーザー情報表示/編集機能/チケット作成/及び編集/バリデーション

上記平行してDB機能作成実装/検索機能作成

・細かいViewの調整とスマホ用のView作成レスポンシブルでは無いので)

・本番用のさくらVPS環境構築とセキュリティ用のツール導入とLet's Encryptでhttps

上記以外の細かい調整等含め、約5ヶ月になります

■悩んだ点/反省

・悩んだのがタグ機能周りになるとどうすればよいか、かなり悩みました。

結論を言うとToxi法を使用しましたのですがここにたどり着き、理解するのに結構時間がとられました。

また、実装したらしたで、今度はそのタグ機能検索するとなると検索ワードが1つとは限らないので

クエリーを動的に生成する必要が有り、これも実装するのにかなり時間が掛かりました。

SQL文だけならば比較的すぐに検索でヒットしますが、それをSQLAlchemyでどう実現すれば良いかから

かなり時間が掛かりました。DB設計SQLAlchemyの文法に自信は無いですねぇ。。

・1次情報リファレンスから情報得ることがほとんど出来ず(たまにはできたが)、

他人咀嚼した情報からしか情報を得る事ができなかった。

(恥ずかしながら、咀嚼されなければ理解がおぼつかない状態

Stack OverflowQiita個人ブログが無ければこのサイトできなかったので

自信の咀嚼力強化が必須だと思いました。

作成結構時間が掛かったのでもっと短くしたい

総評

・5ヶ月と時間が掛かりまた反省点も多々有るが、とりあえずサービス公開まで

もっていけた事が嬉しいです。ただただ嬉しい。

・FlaskとSQLAlchemyの情報日本語が少ないので公式リファレンスとStack Overflow

行ったり来たりしたおかげで英語アレルギーがそこまで無くなった。

成果物

・で、作った成果物は以下になります

https://gamesanka.com/

ゲームサンカと言います

オンラインゲーマー向け(e-sports)のマッチングサイトになります

名前安直小学生が5秒で考えたような名前ですが、安直で気に入っています

作った理由は、僕はBF1が好きなのでオペレーションキャンペーンと言うモード

やろうとしたのですが、時間帯が悪いのか過疎なか分からないが全然マッチングしないのですよ。

やりたいのにマッチングしないので出来ないどうしよう、と。

また、昔セールFarCry3をかなり昔に購入した時(既に4が発売済み)にCO-OPモード全然マッチしない事が有り

旬が過ぎたオンラインゲームは中々マッチしなくてほぼシングルモードしか出来ない事は割とあると思うんです。

今だとBF4もかなり人数がいない状態なので特定マップのみとか。

なのでオンラインゲームマルチプレイCo-opで人を集めたい時、PUBGやFORTNITE等バトロワゲームスクワッドを

募集する時、オンラインゲーム大会e-sports)を開きたい時に利用して貰えると嬉しいです。

主に想定ユーザーと考えているのは、FPS/TPS/RTS/MOBA等のPCゲーマーをメインに考えていますCS機やTCGでも

使って貰えると嬉しいです。

あとViewレスポンシブでは無く、PC用とスマホしかなくタブレット用の中サイズViewが無いのでご了承下さい。

タブレット解像度が高い方はPC用で見て頂ける助かります

最後にお願いがあります

僕と一緒に以下のゲームを遊んで頂ける方を募集しています

遊んでも良いよという奇特な方がいましたら当該サイト内でコメント頂けると幸いです

・BF1(PC版)

・Dead by Daylight(PC版)

それでは長々とありがとうございました。

・・・

無職はただ楽である。いな楽そのものすらも感じ得ない。

日月を切り落し、天地を粉韲して不可思議無職に入る。吾輩は死ぬ

死んでこの無職を得る。無職は死ななければ得られぬ。

南無阿弥陀仏なむあみだぶつ南無阿弥陀仏

ありがたいありがたい。

2018-05-19

30代から始めるwebフロントエンド入門

こういうのなんなの?

いちいち世代を書く必要ないだろう。

ただ80代で始めるとかならおもしろいけど、

普通に30代でも40代でもやってるなかで30代からってスベってるし。

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