The latest articles on DEV Community by fk_2000 (@fk2000). https://dev.to/fk2000 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F42382%2Fb54d425a-74e2-450f-8bd0-1689f8cb74aa.jpeg https://dev.to/fk2000 en fk_2000 Wed, 10 Oct 2018 10:33:00 +0000 https://dev.to/fk2000/wordpresss3sendgridherokucomposer-2iip https://dev.to/fk2000/wordpresss3sendgridherokucomposer-2iip <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fvo9389jfent1sf6pxnp8.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fvo9389jfent1sf6pxnp8.png" alt="composer"></a></p> <p><a href="https://github.com/PhilippHeuer/wordpress-heroku" rel="noopener noreferrer">https://github.com/PhilippHeuer/wordpress-heroku</a></p> <p>こちらのGithubにある「Deploy to heroku」ボタンをクリックすることでも構築できるのですが、画像やプラグインを永続的に維持するためにはローカルに構築してcomposer updateしてから差分をgit pushし、同じソースコードをherokuにデプロイする必要があるのでした。</p> <p>いろいろいじってやってみたところ、なんとかできたので、この後もいろいろ試したいと思う。</p> <p>一番苦労した点は、英語版Wordpressを日本語化する方法だった。</p> <p>ローカルでWP CLIを使って日本語化ファイルをダウンロードし、git pushしたらできた。</p> <p><code>wp core language install ja --activate</code></p> <p>参考URL<br> <a href="https://upd.world/wordpress-cloud9/" rel="noopener noreferrer">https://upd.world/wordpress-cloud9/</a><br> <a href="https://qiita.com/miya0001/items/96a684e2f819f9d8b4a4" rel="noopener noreferrer">https://qiita.com/miya0001/items/96a684e2f819f9d8b4a4</a><br> <a href="https://qiita.com/fuwamaki/items/8684003bb47197336645" rel="noopener noreferrer">https://qiita.com/fuwamaki/items/8684003bb47197336645</a></p> s3 heroku composer wordpress fk_2000 Thu, 04 Oct 2018 06:53:26 +0000 https://dev.to/fk2000/---9jb https://dev.to/fk2000/---9jb <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fyx38a7nohichwljyntor.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fyx38a7nohichwljyntor.png" alt="semver.org"></a></p> <h1> What is this? </h1> <p>バージョニングのルールです。</p> <p>主に公開されるAPIのバージョンの付与規則と言うことです。</p> <h2> Links </h2> <ul> <li><a href="https://semver.org/" rel="noopener noreferrer">Semantic Versioning 2.0.0</a></li> <li><a href="https://semver.org/lang/ja/" rel="noopener noreferrer">日本語訳</a></li> <li><a href="https://html5experts.jp/t32k/11746/" rel="noopener noreferrer">t32k、怒られる！セマンティック バージョニングしてますか？</a></li> </ul> <h2> 同意する場合 </h2> <blockquote> <p>セマンティック バージョニングを実践していることを宣言し、ルールを守って下さい。それからあなたのREADMEからこのWebサイトにリンクしてください。</p> </blockquote> varsion fk_2000 Wed, 19 Sep 2018 10:40:04 +0000 https://dev.to/fk2000/golangechonow-3kic https://dev.to/fk2000/golangechonow-3kic <p>NowというPaasが、golangをデプロイするのにお手軽だということがわかった。</p> <blockquote data-lang="ja"> <p>golang echo でサーバ書いて Dockerfile 書いて now でアップロードしてみた。ドメインは適当に取って now ln で alias 張った。めちゃ簡単だし LE も作ってくれる。便利やん。<a href="https://t.co/fXT7yR2BZC">https://t.co/fXT7yR2BZC</a></p>— mattn (@mattn_jp) <a href="https://twitter.com/mattn_jp/status/1042078292944093184?ref_src=twsrc%5Etfw">2018年9月18日</a> </blockquote> <h2> 公開するまでの手順 </h2> <ul> <li>Nowのアカウントを作成する</li> <li>DotTkで無料ドメインを取得する。 <ul> <li>Nameserverにzeit.worldを４つくらい指定しておく。</li> </ul> </li> <li>Dockerfile, main.go, now.jsonを作成する。 <ul> <li>取得したドメインをnow.jsonのaliasに記述しておく。</li> </ul> </li> <li>nowで一旦デプロイできるか確認する。</li> <li>問題なければnow aliasでproductionとしてデプロイする。</li> </ul> <h2> source code </h2> <p><a href="https://github.com/fk2000/docker-go-now">こちら</a></p> docker go now fk_2000 Tue, 11 Sep 2018 07:10:23 +0000 https://dev.to/fk2000/android8oreoonoff-d9b https://dev.to/fk2000/android8oreoonoff-d9b <p>Xperia XZ2を購入した。</p> <h2> 携帯遍歴 </h2> <ul> <li>2009年 <ul> <li>Xperia X10(SO-01B) <ul> <li>Donut から Eclairにアップデート</li> </ul> </li> </ul> </li> <li>2011年 <ul> <li>Galaxy Nexus(SC-04D) <ul> <li>Ice Cream Sandwich から Jerry Beansにアップデート</li> </ul> </li> </ul> </li> <li>2013年 <ul> <li>iPhone 5c <ul> <li>iOS 7</li> </ul> </li> </ul> </li> <li>2015年 <ul> <li>iPhone 6s <ul> <li>iOS 9</li> </ul> </li> </ul> </li> <li>2018年 <ul> <li>Xperia XZ2(SO-04K) <ul> <li>Oreo</li> </ul> </li> </ul> </li> </ul> <p>2年ごとに買い換えてきたが、今回だけ3年経過していた。2009年のXperiaも2011年のGalaxy Nexusも早く飛びつきすぎたと感じたため、国内需要が伸びてきたiPhoneに乗り換えたあと、5c、6sと機種変更してきたところに、iPhone7Sが発売されなかったためだ。</p> <p>iPhoneは初代、3、3GSのあと、4、4S、5、5s/5c、6/6 Plus、6s/6s Plus、SEと進んだあとは、<br> 7/7 Plus、8/8 Plus、Xと進んできた。</p> <p>明後日発表される、新型iPhoneは、Xs/Xs Plus/9/SE2、もしくは、Xs Max/Xr、そして、XC/XS/SX Plusと、いろんな説が飛び出してきている。</p> <p>すでにXperiaに乗り換えた私は高見の見物と行きたいものです。</p> <h1> Android8(Oreo)の開発者オプションのOn、Off </h1> <p>ところで、Androidの「開発者オプション」を有効にする手順がわからなかったので、ググってみたところ見つかりました。</p> <p><a href="https://hayamizbg.net/developer-options/">Android 開発者向けオプションを有効にする方法、無効にする方法を紹介</a></p> <h2> 手順 </h2> <p>[設定]-[システム]-[端末情報]と進み、「ビルド番号」の箇所をタップ、タップ、、</p> <p>数回タップすると、「開発者になるまであとxステップです」と表示され、タップするごとにxの部分がカウントダウンしていきます。</p> <p>カウントが０になると、ロック解除の画面になりますが、これを解除すると、「これで開発者になりました！」と明るいメッセージが表示され、端末情報の並びに「開発者向けオプション」が表示されるのです。</p> <p>OFFにするには、開発者向けオプションの先頭のスイッチをOFFにするだけです。</p> <p>OFFからONにするには前段同様にビルド番号を叩くアクションで再度ONにすることが出来ます。</p> <p>これで、Androidの実機デバッグにXperiaを使用できます。ハッピーコーディング！</p> xperiazx2 新型iphone fk_2000 Thu, 26 Jul 2018 05:02:08 +0000 https://dev.to/fk2000/-4hd2 https://dev.to/fk2000/-4hd2 <h2> 業務における関心事は固定ではない </h2> <p>長いスパンで開発をすると初めに定義した業務における関心事が、開発を終えてみるとずれている。</p> <p>⇒無理やり運用でカバー</p> <p>⇒システムを手運用するはめに⇒せっかくのシステムの価値が・・・</p> <p>⇒運用の負担も増</p> <h2> ビジネスロジックの誕生 </h2> <p>業務における関心事は変えられるようにしておく</p> <p>⇒ビジネスロジックの誕生</p> <p>ビジネスロジックはアルゴリズムと違って、技術に依存しない。</p> <h2> ところが </h2> <p>ビジネスロジックを生かすことに注力するあまり、システムの性能が落ちたり、リソースが不足することがある。</p> <p>当初の業務量予測とはかけはなれてしまう</p> <p>⇒スケールアップ可能なシステム設計の誕生</p> <p>複雑で高度なシステムの維持コストが増加</p> <p>コンパクトな運用を迫られる</p> <p>⇒サーバレス化による運用コストの節約<br> ⇒Microservice化による運用チームの横断化（コスト節約）</p> <h2> また今度考える </h2> 業務 fk_2000 Thu, 31 May 2018 02:56:49 +0000 https://dev.to/11n/mastodonwordpresshackmd-1hon https://dev.to/11n/mastodonwordpresshackmd-1hon <h1> MastodonとWordpressとHackMD </h1> <p>趣味でいろいろ立ち上げてソースコードいじったり、DevOpsの練習したりしている。</p> <h2> Mastodon </h2> <p><a href="https://co-mastdn.ga">文具丼</a></p> <p>2017年4月に立ち上げた。</p> <p>名前はその頃Facebookで文具ファンが観測範囲にちらほら見かけていたのでコミュニティを形成しやすいかと思って文房具にステータスを全振りした。</p> <p>ところがMastodonカスタマイズがスムーズにできないながらも施して、本家Mastodonのバージョンが上がるたびにデフォルトに戻してしまっていて、そのうちカスタマイズをかぶせる手間がめんどくさくなってしまいデフォルトのままとなっている。</p> <p>さいきんようやくRails&amp;Reactの開発パターンが理解できてきたので、そのうちカスタマイズ運用していくかもしれない。</p> <p>ユーザは80人くらいいるがアクティブは自分しかいないので盛り上げていきたい。<br> Twitterから投稿を流し込んでいるが、かえってユーザ離脱を引き起こしているならそっとフィードバックとして教えてほしい。</p> <p>文具好き集まれ！</p> <h2> Wordpress </h2> <p><a href="https://www.kichij.org">kichij_org</a></p> <p>shibuya.jsとかshibuya.rbにあこがれて、吉祥寺.orgのつもりでドメイン取ったが早7年。</p> <p>とくにコミュニティ形成はできていない。ただSNS連携とかWordpressのプラグインの動作確認とかで使用してたり、<a href="https://twitter.com/fukkhd">Twitter Bot</a>をサーバに置いたりしている。</p> <p>Wordpressははてなダイアリーの記事を流し込んだり、エクスポートインポートの実験をしたりしているうちに、DBがふっとんで、いまは今年書いた記事くらいしか残っていない。（アーカイブは残っているのでそのうち流し込みたい）</p> <p>あと、無駄に<a href="https://medium.com/@kentafujiwara">Medium</a>と連動投稿したりしている。</p> <p>そろそろ自前でブログを運用するコストよりもPaasでブログを利用するコストの方が下がってきた（Dev.toしかり）感じなので、Wordpressはそっとじするかもしれない。ドメインはなんか斬新なWebサービスを思いついたら差し替えるかもしれない。</p> <h2> HackMD </h2> <p><a href="https://nabe-project.herokuapp.com/">Nabe Proj.</a></p> <p>最近、お熱のMarkdown投稿システム。パーマリンク発行するだけならNodejsでいいじゃんということで、シコシコいじっているところ。名前は弊社CEOのおなまえを拝借。herokuなので無料で運用できている。<br> まだまだいじり始めで、ぜんぜん計画とか思い浮かばないけど、ユーザ数とか投稿数とか分析できるようにしていきたい。HackMDだけじゃなく、ot.jsやreveal.jsで酒飲める人を探している。<br> esa.ioやdocbaseの中の人とかともお話ししてみたいと思っている。</p> devops fk_2000 Wed, 30 May 2018 03:39:03 +0000 https://dev.to/11n/-7p8 https://dev.to/11n/-7p8 <p>開発におけるチーミング（Teaming）とか、業務（Service）ありきのシステムとか、ビジネスとしての継続性とかぼんやり考える時間が最近多い。</p> <p>過去にこんな記事も書いてたけど。<br> <a href="https://dev.to/11n/-a46">プロダクトマネジメントトライアングル</a></p> <p>ストーリー作りやコンセプトメイキングに注力してもそこから適切に業務に落とし込んだり、運用や開発のコストをペイできる売上を立てることの方が大変だったりするのだけど、キャラクタービジネスとか、コンテンツビジネスはその上流を経て生まれたわりには、キャラクターやコンテンツが独り歩きして売上を立てたりしているよなーと思ったり。</p> <p>システム（Dev）は最小限にして、運用（Ops）のコストよりも体制やルール作りに重点を置いたほうが健全なシステム開発が進められる気がする。</p> <p>結局はどういう業務に落とし込むかによって、集める人材も変わってくるので、一概にこうですっていうエコシステムは描きづらいよなぁ。</p> devops service teaming business fk_2000 Fri, 18 May 2018 00:29:07 +0000 https://dev.to/fk2000/cli-39g8 https://dev.to/fk2000/cli-39g8 <p>$ npx fk2000</p> node npm fk_2000 Fri, 17 Nov 2017 05:27:10 +0000 https://dev.to/11n/-a46 https://dev.to/11n/-a46 <p>新しいプロダクトを生み出すためのミーティングで、自分がプロダクト、サービスを開発、維持運営するには最低３つの役割が必要だ、という話をした。</p> <blockquote> <p>社内に説明する人<br> 社外からフィードバックもらってくる人<br> コーディングを監視する人</p> </blockquote> <p>すると翌日、以下のような記事がホットになった。</p> <p><a href="https://medium.com/@tumada/product-management-triangle-job-description-d18d1855ef65">プロダクトマネジメントトライアングルと各社の PM の職責と JD</a></p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--AfA7zxlW--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://thepracticaldev.s3.amazonaws.com/i/ilhbqywucjrubn3zdmpr.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--AfA7zxlW--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://thepracticaldev.s3.amazonaws.com/i/ilhbqywucjrubn3zdmpr.png" alt="プロダクトマネジメントトライアングル"></a></p> <p>先見性あるじゃんと思いつつ、この図を自分なりに解釈してみる。</p> <p>まず、単語に言い換えてみる。</p> <ul> <li>社内に説明する人　→　ビジネス</li> <li>社外からフィードバックもらってくる人　→　顧客</li> <li>コーディングを監視する人　→　開発チーム</li> </ul> <p>そして、各３項目を結びつける間の業務を入れ込む。外側から内側に向けて優先順位が高くなっている。</p> <ul> <li>開発と顧客の間 <ul> <li>UI/UXデザイン</li> <li>運用サポート</li> <li>コミュニティマネージャ</li> </ul> </li> <li>開発とビジネスの間 <ul> <li>インフラ・セキュリティ</li> <li>開発リソースマネジメント</li> <li>システムアーキテクト</li> </ul> </li> <li>顧客とビジネスの間 <ul> <li>ビジネスロードマップ</li> <li>ビジネスロジカルマネジメント</li> <li>PRマネジメント</li> </ul> </li> </ul> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--Abfpb28P--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://thepracticaldev.s3.amazonaws.com/i/p6ga0wcx18i0484k38ak.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Abfpb28P--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://thepracticaldev.s3.amazonaws.com/i/p6ga0wcx18i0484k38ak.png" alt="シン・プロダクトマネジメントトライアングル"></a></p> <p>考案してみてわかったがこの図の文言はそのプロダクトや担当するメンバーによっても変わってくる。</p> <p>空のトライアングルを下記に置いたので余白に役割を入れてみよう！</p> <p><a href="https://gist.github.com/fk2000/0d3ece64b80d2a83b676191e2a3c8eb3">https://gist.github.com/fk2000/0d3ece64b80d2a83b676191e2a3c8eb3</a></p> fk_2000 Thu, 16 Nov 2017 08:39:25 +0000 https://dev.to/11n/-416 https://dev.to/11n/-416 <h1> 背景 </h1> <p>freecodecamp.comを進めてたらとても共感できるフレーズがたくさん出てきたので、翻訳メモを残します。</p> <p><a href="https://www.freecodecamp.com/challenges/learn-what-to-do-if-you-get-stuck">Learn What to Do If You Get Stuck - Free Code Camp</a></p> <p>※一部、一般的な表現とするために意訳しています。</p> <h1> コーディング<br>=難しい </h1> <blockquote> <p>(原文)Coding is hard. You will get stuck. Even experienced coders get stuck. The key is knowing how to get unstuck.</p> </blockquote> <h1> コーデイングが得意になるまでは時間がかかる </h1> <blockquote> <p>(原文)It takes time to get good at coding. You wouldn't expect to beat a chess master after playing for 3 months. Don't expect to build the next Facebook after coding for 3 months.</p> </blockquote> <h1> 毎日コーディングあるのみ。人付き合いも大切。 </h1> <h2> そして、他のコードを書く人との人付き合いを大切に。 </h2> <h3> そうすればあなたは仕事の準備が完了し、晴れてコーダーとなるでしょう。 </h3> <blockquote> <p>(原文)Keep practicing coding every day and hanging out with other people who code, and you will become a job-ready coder.</p> </blockquote> <h1> 読む、検索する、確認する </h1> <h2> 動けなくなるまで、次に何をしたら良いかわからくなるまでそれは続けます。 </h2> <blockquote> <p>(原文)Any time you get stuck or don't know what to do next: Read-Search-Ask.</p> </blockquote> <h1> はじめに、ドキュメント、エラーメッセージを読む </h1> <h2> 良いコーダーのコツは、解釈してその後の指示通りに行動する能力です。 </h2> <blockquote> <p>(原文)First, read the documentation or error message. A key skill that good coders have is the ability to interpret and then follow instructions.</p> </blockquote> <h1> 解決しない場合はGoogle検索 </h1> <h2> 良い検索クエリにたどり着くにはたくさんの時間を使います。 </h2> <h3> あなたがGoogleで検索するときはたいてい使用言語やフレームワークで絞りたいはず。また直近の情報に絞りたいはず。 </h3> <blockquote> <p>(原文)If that didn't help, search Google. Good Google queries take a lot of practice. When you search Google, you usually want to include the language or framework you're using. You also want to limit the results to a recent period.</p> </blockquote> <h1> 仲間に尋ねる </h1> <h2> それでも解決しない場合はフレンドに尋ねます。もしあなたが障害を抱えているならチャットルームの仲間に尋ねます。 </h2> <blockquote> <p>(原文)If that didn't help, ask your friends. If you have trouble, you can ask your fellow campers in our help chat room.</p> </blockquote> <h1> 新しいコーダーの誕生です </h1> <h2> 今、あなたはコーディングする準備が整いました。後ずさりして心配しないでください。前進あるのみです。 </h2> <blockquote> <p>(原文)Now you're ready to start coding. The "Map" button in your upper right hand corner will show you our challenge map. We recommend that you complete these from top to bottom, at a sustainable pace. Our open source community is constantly improving our challenges, so don't be surprised if they change or move around. Don't worry about going back - just keep moving forward.</p> </blockquote> <h1> A happy coder time ! </h1> coding policy fk_2000 Wed, 15 Nov 2017 09:37:41 +0000 https://dev.to/fk2000/github-glow-grass-chh https://dev.to/fk2000/github-glow-grass-chh <p>My Grass<br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--BnYnXCG1--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://grass-graph.moshimo.works/images/fk2000.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--BnYnXCG1--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://grass-graph.moshimo.works/images/fk2000.png"></a></p> grass