はてなブックマーク

最近、実践TypeScriptという本を読み切りました。 （全てものにできたかというと...orz また何かを作りながら読み返す必要がありそう...） 勉強しながら検証コードを書いていたところで、typescript-eslintというeslint系のライブラリの存在を知りました。 GitHub - typescript-eslint/typescript-eslint: Monorepo for all the tooling which enables ESLint to support TypeScript typescript-eslintを jsファイル（JavaScript） / tsファイル（TypeScript）が混同したリポジトリに導入しようとした際、typescript-eslintがjsファイルにも適用、大量のエラー / 警告が発生してしまいました。 この記事では、上

この記事では、以下のことを記載します。 はじめに（職務経歴書をMarkdownで記述、GitHubで管理する） GitHub ActionsでPDFを生成する md-to-pdfでMarkdown→PDF出力 手順 1. README.mdに職務経歴書を記述する 2. md-to-pdfをインストール、PDF出力するスクリプトを作成する 3. ワークフローを記述する 4. git pushでワークフローを実行、PDFがダウンロードできるか確認する おわり 参考文献 はじめに（職務経歴書をMarkdownで記述、GitHubで管理する） いままで職務経歴書をGoogle Docsで管理していたのですが、 普段Markdownに書き慣れているため、 「職務経歴書もMarkdownで書きたい」という衝動に駆られました。 また、以下の記事や、 職務経歴書をGitHubで管理しよう - Qiita

Vue.jsからまたRuby on Rails（以降RoRで略します）中心でフロントをいじる感じになりそうなため、リハビリの意味をこめて、改めてRoRでフロント作成、簡単なポートフォリオを作ろうかなと思います。 その中でmaterialize-sassというgemをベースにフロントを簡単に実装しました。 本記事では、その導入方法を自分なりのメモとして記載します。 利用した教材 Materializeとは？ 本題 導入 実装 Materializeの基本色を変えたい そのままの場合 変更した場合 サンプルソースコード さいご 余談 利用した教材 Udemyで購入したこちらのコースです。セクション12にて、materialize-sassを利用したコースがあり、それを元に進めました。 Materializeとは？ タイトルのMaterializeとは、Googleが設計・作成したCSSフレーム

最近、実践TypeScriptという本を購入し、TypeScriptでReactやVueを書く勉強をしています。🖋 上記本の 第7章 TypeScriptとReact にて、create-react-appを用いて、TypeScript x Reactな環境を構築・学習しています。 その際、package.jsonからeslint系の設定をeslintrc.jsに移した内容について、メモとして書き残しておこうと思います。 create-react-appとは？ 手順 1. 環境構築（React x TypeScript） 2. eslintの設定確認 eslint系パッケージはreact-scriptsに含まれている 3.eslintの設定をeslintrc.jsに移す eslintrc.jsの生成 eslintrc.jsへの追記 package.jsonからeslintの設定を削除 お

2019/07/27(土)に実施された技術書同人誌博覧会（通称：技書博）にスタッフとして、参加してきました。 第1回 技術書同人誌博覧会 色々感じ、学べたことがあったので、自分のメモ・反省としてこの記事に記載します。 もしよろしければ、一読いただければと思います。 🙇‍♂️ 技書博ってなんぞ？ 🙄 第2回 技書博？？ 😲 第1回 技術書同人誌博覧会 スタッフ参加してみて ✏️ 参加した経緯 結果（ブログ） 情報のキャッチアップ不足 結果（当日・受付） 総括 〆 P.S. 技書博ってなんぞ？ 🙄 という方は、以下からどうぞ 🙏 技術書同人誌博覧会 - ポータルサイト 技術書同人誌頒布イベント「 #技書博 」のご紹介（一般参加される方へ） - 技書博公式ブログ 第2回 技書博？？ 😲 公式にこんなページが...((((；ﾟДﾟ)))))))gkbr 第2回 技術書同人誌博覧会 第1

タイトル通り、本記事はプロパティの値を変更した際に警告(Vue warn)が発生した際の原因と対処方法を記載していきます。 はじめに 業務でVue.jsをデータバインディング程度に使用していましたが、本格的（コンポーネント化、親子でのデータ通信など）に使用するようになりました。 ってことで、Udemyの新春セールを機に以下コースを購入しました。 Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex) 上記コースは英語での解説となりますが、レビュー件数が多いながらも高評価。それに自動翻訳の日本語字幕もサポートされています。（あまり正確ではありませんが、なんとなく意味は理解できる。はず。） readme.mdとか作ってませんが、以下に学習用リポジトリを作成しています。以下リポジトリのvue-component-sampleを実装する中で調

普段、VSCodeを使ってRubyを書いているのですが、コード補完が効かなくて辛みを感じています。 みんな同じ環境でコード書いているのかなと思い、色々検索したら、やはりコード補完機能ありました。 半年Rubyやっておきながら、今知るとは...Rubyを勉強始めたの頃に知りたかった orz はじめに この記事では、VSCodeでRubyのコード補完を有効にした際の手順や参考にした記事を紹介します。 参考にした記事 こちらの記事が非常に参考になりました。 ※ 主にRuby Solargraphの部分です。 seroku.jp 手順 コード補完を有効にするまでの手順を書きます。 拡張機能「vscode-solargraph」のインストール VSCodeで以下の拡張機能をインストールします。 github.com インストール後、VSCodeを再起動させましょう。 gem「solargraph」の

この記事は「エンジニアの登壇を応援する会 Advent Calendar 2018」 5日目の記事です。 adventar.org 4日目は 脱脂綿さん、お疲れ様でした！ dassimen-engineer.hatenablog.com はじめに 初めてのアウトプットは2017年12月でしたが、 2018年はほんと多くの方に背中を押されてアウトプットをしてきたなと、 この記事を書きながらしみじみ思います。 本記事では、Adventarのトップページに記載していただいている 以下ヒントになぞって、2018年のアウトプットを振り返っていきたいと思います。 あなたは今年1年でどんなアウトプットをした？ アウトプットによってあなたはどう変わった？何が得られた？ 来年あなたはどんなアウトプットをしてみたい？ アウトプットを始める人に応援メッセージを書こう あなたが今年一番感動した他の人のアウトプット