はてなブックマーク

初めは慣れなかったWork From Homeも一ヶ月以上が経ち慣れてきた。 自分をはじめWork From Homeに慣れた人の中には通勤時間として使っていた時間を有効活用して、新しく何か始めた人も多いはずだ。 自分も空いた時間を使ってリングフィットアドベンチャーで体を動かしたり語学系のYoutubeを見て今までやれなかった活動を取り入れてる。 現時点ではどれもうまく継続できており、いい気分転換にもなっている。 もちろん楽しいから続けていることではあるが、より自分のモチベーションを高めて維持していく目的として目に見える形で管理できるようにしたこともある。 例えば、プログラムを書くことを習慣化したいプログラマにとってはGitHubの草システムはとても良い働きをしているはずだ。 個人の習慣や継続の「見える化」として、色々探していたときに出会ったのが「Pixela」と「PixelaUI」だ。

2017年に登場したPrettierというコードフォーマッタがあります。自分はPrettierをmottoさんから教えていただいただきました。使ってみた感想ですが、デフォルト設定があるため非常に簡単に利用することができ、馴染みやすく大変重宝しています。今回はデフォルト設定に何が設定されているかを確認してみたいと思います。また、そのデフォルト設定をコマンドライン上ではどうやって変更するのかを記述しておきます。 github.com Print Width デフォルトは80文字に設定されています。 1行が80文字を超えると、自動的に折り返してくれるようです。 prettier --print-width 60 index.jsとすることでindex.jsの中身を60文字に変更することができます。 一般的には100文字か120文字がいいようで、デフォルトで用意されている数は若干少ないようです。

この記事は、write-blog-every-week Advent Calendar 2019の4日目の記事です。 adventar.org 自分はwrite-blog-every-weekと言う「週一でブログを書くコミュニティ」を運営している。よく勘違いされるのだが、このコミュニティを作ったのは自分ではなくKojirockさんで、自分は2番目に入ったこともあり同じく初期メンバー数人と共に運営管理の立場でやらせてもらっている。むしろ運営管理に自分自身も関われているのが嬉しいし、賑やかすことが自分の中で得意だとも思っているので楽しくやれている。 yoshitaku-jp.hatenablog.com そんなコミュニティも立ち上がってから1年が経ち、特に問題もなくやってきた（自分の知らないところで問題があったり、感じてたらすみません）。自分自身も無事にブログ更新が100週を超え、記事数も10

初級者の人や、プロジェクトにあとから入ってきた人がわかりやすいようにGitHubのREADME.mdを詳細に書いていくことは大切です。しかし、文字ばかりになるのも味気ないですし、やはり絵や図があったほうがわかりやすいはずです。ふと、画像を貼るにはどうしたらいいのだろうと思ったので調べて実践してみました。 README.mdに画像を貼る手段はいくつかあるようで、外部サービスを利用するものもあります。外部サービスに保存し、そこを参照しに行く方法です。 GitHubでREADME.mdに画像を使用したい - Qiita 個人的にはGitHubの同じリポジトリの中だけで閉じておきたいなと思ったので、空のブランチを用意しその中に画像だけ保存しておく方法を選択しました。今回はそのメモです。 空のブランチを作る方法 空のimagesのブランチを作成します。orphanオプションをつけることによって、元の

CircleCIのManual Approval機能を触ってみました。 設定方法と注意点について記載しておきます。 公式サイトはこちら。 https://circleci.com/docs/2.0/workflows/#holding-a-workflow-for-a-manual-approval 設定ファイルの記述方法 大まかな枠組みを記述しました。 version: 2 jobs: build: # buildの処理 deploy: # deployの処理 workflows: version: 2 build_and_deploy: jobs: - build - approval-deploy: type: approval - deploy: requires: - approval-deploy type: approval type: approval を記述すると、そのj

Carbonとは Carbonとはソースコードをきれいな画像として作成しシェアすることのできるサービスです。プレゼン資料でソースコードをきれいに見せたい時に使えます。今のところ同じようなサービスは見つけられておらず、他にソースコードをきれいに見せるテクニックが自分では思いつかないのでCarbonを利用する一択となっています。 使い方 Webサイトにアクセスし、ソースコードを打ち込むか、ファイルをドラッグアンドドロップすることで利用できます。プレゼン資料に載せるということもあり抜粋したコードを使うことが多く、今回はソースコードを打ち込み方法で画像をつくってみます。 JavaScriptのデフォルトの画面 では、画像として保存してみます。 右上にあるExportをクリックします。 Save asのPNGを選びます。 これで保存できました。 実際に作成されたものは下記のものです。きれいに作成され

tl;dr 内容 特徴 実際の画面 まとめ 参考情報 tl;dr Flexbox Froggy でFlexbox を楽しく学ぼう 内容 CSS触ってますか？？CSSって思っているとおりに動かなくて難しくないでしょうか？自分は全く使いこなせません。そして、何から学んだらいいかわからず途方に暮れていました。画面の 見た目 に関することですし、ゲーム感覚で動いて楽しく学べるものがないかなぁと思ったらありました。Flexbox Froggyです。 flexboxfroggy.com 特徴 Flexbox Froggyは3つの特徴があります。 面倒な登録が必要なし 24問でサクッと終わる ヒントと答えがある 答えはこちら Flexbox Froggyは、画面を開いてすぐに問題を解くことが出来ます。そして自分は1時間ほどで終わりました。最終問題は自信がなく時間もかかってしまったのですが、ヒントを見たり

この記事は、yoshitaku_jpの1人 Advent Calendar 2018 - Adventar の11日目の記事です。 CircleCIからFirebaseへデプロイ CircleCIを回してFirebaseへデプロイをしてみたかったので調べてやってみました。 CircleCI上での設定 Environment Variables まずはCircleCI側に、Firebaseの情報を設定していきます。 CircleCIの設定画面のEnvironment Variablesに FIREBASE_PROJECT_NAME FIREBASE_TOKEN を設定します。Environment VariablesからAdd Variableをクリックすれば、各値を設定することができます。 FIREBASE_PROJECT_NAME は、今現在取り組んでいるプロジェクトの名前を設定すればO

この記事は、yoshitaku_jpの1人 Advent Calendar 2018 - Adventar の5日目の記事です。 今回はFirebase AuthenticationでGoogle認証をやってみました。超簡単で便利！これを使えばログイン機能に頭を悩ませる必要ないんだなって思います。 AuthenticationのGoogle認証を有効にする 左側のタブのAuthenticationを選択し、次にログイン方法を選択します。 真ん中のGoogle欄の端にある鉛筆マークを選択肢します。 右上の無効を有効に変更します。 以上です。 ディレクトリと各ファイルの中身 ディレクトリ構成と各ファイルの中身を見ていきます。 ディレクトリ . ├── index.html └── src ├── App.vue ├── components │ ├── HelloWorld.vue │ └──

技術書典4に続き、技術書典5に参加してきました！ yoshitaku-jp.hatenablog.com 戦利品 今回の一番の目当ては、「現場で使える Django の教科書《実践編》」です。こちらは、前回のとき「現場で使える Django の教科書《基礎編》」と出会い、その続編が制作・販売される予定であることを聞きとても楽しみにしていました！ 他にも、 yoshitaku-jp.hatenablog.com で、話題にした「write-blog-every-week」Slackに入られている方々が出されるということで、PHPもGoもやったことないですが買ってみました！新しい出会いがあるのもいいこと！ありがとうございます！ <2018/10/11追記> PHPの本を出されたこのすみさんのブログ記事です！ www.konosumi.net <2018/10/11追記ここまで> 当日の様子 3

3月から5月末まで id:kakku22 カカカカック さんに技術ブログのメンターをお願いしていました。 2018年になって「アウトプットをする年にする」と自分の中で決めてから、週に一回ブログを書くことを目標として動いていました。しかし、一人でやっているうちに、「記事の質が低いのではないか」「構成が良くないんじゃないか」とか不安になることが多くなっていったんですね。そんなときに、カカカカック さんが「ブログメンティーを募集します」と呟いていたので、お願いすることにしてみました。 卒業するときに知ったのですが、カカカカック さんがブログメンターを始めてから3ヶ月続いた人は自分が初めてなんだそうです！長いことがいいことか悪いことかわかりませんが、初って嬉しいですね。笑 ここでは、良かったことや思い出に残っていることを書いてみようと思います。未来の自分自身のためにと、これからメンターをお願いしよ