新人SEに伝えたい4つの心構え|怒り方と質問の正解【先輩視点】

概要

新人SEの心構えについて、先輩として後輩指導でつまずいた実体験ベースで解説していきます。

というのも新人の頃って「怒られたくない」「質問するのが怖い」って思ってる人が多いですよね(- -;

自分も後輩を見るようになってから、「最初にこれだけは伝えておきたい」と感じるポイントがいくつか出てきました。

ここで取り上げるのは、怒られ方・質問の仕方・本番環境への向き合い方・ショートカットの4テーマです。
どれも特別なスキルの話ではなく、新人のうちに知っておくとメンタルがぐっと楽になる「気持ちの持ち方」の話だと思ってください。

指導する側もされる側も、お互い気持ちよく仕事できるようになるはずです。
それではやっていきましょう!

Hexoでsitemap.xmlを自動生成|hexo-generator-sitemap設定とSearch Console登録

概要

本記事では、Hexoブログのsitemap.xmlを自動生成しSearch Consoleに登録する手順について解説していきます。

というのもSearch Consoleで「クロール済み-インデックス未登録」と表示され、いくら待っても記事が検索結果に出てこない、ってこと結構ありますよね(- -;

実はsitemap.xmlが無いとGoogleにページを認識してもらえないことが原因の場合が多いです。

ここではhexo-generator-sitemapプラグインで自動生成→robots.txt登録→Search Console再リクエストまでの流れを紹介していきます!

これでインデックス登録周りの悩みが減ります。
それではやっていきましょう!

Hexoのコードブロックを言語別に色分け|highlight.jsの使い方

概要

本記事では、Hexoブログのコードブロックを言語別に色分けする方法について解説していきます。

というのも真っ白なコードブロックって、長いコードを貼ると目が滑って読みづらいですよね(- -;

Qiitaみたいにシンタックスハイライトが効いてるとぐっと読みやすくなります。

実はHexoはhighlight.jsがデフォルトで組み込まれているので、コードブロックの言語指定を1行追加するだけで色分けが効きます。

ここでは具体的な書き方と、対応している言語の一覧を紹介していきます!
それではやっていきましょう!

Hexoのコードブロックにファイル名を表示|CSSだけで実装する方法

概要

本記事では、Hexoのコードブロックの上にファイル名を表示する方法について解説していきます。

というのも「このコードはどのファイルに書くの?」って読者は気になるはずなのに、Hexo標準だとファイル名が表示できないんですよね(- -;

Qiitaみたいにコードブロックの上にファイルパスがチョコンと乗ってるあの形、読みやすくていいですよね。

ここではjsを使わず、HTMLとCSSだけで力技で実装する手順を紹介していきます!

これで記事のコードブロックが一気に見やすくなります。
それではやっていきましょう!

Hexoで記事に自動で目次を付ける方法|hexo-tocプラグイン設定例

概要

本記事では、Hexoブログの各記事に自動で目次を生成する方法について解説していきます。

というのも長めの記事になると目次が無いと「どこに何があるのか」が分からず、読者がすぐ離脱してしまいますよね(- -;

かといって毎回手作業で目次を書くのは現実的じゃありません。

ここではhexo-tocプラグインを使って、コメントタグを1行入れるだけで目次が自動生成される手順と、見栄えを良くするCSS設定までセットで紹介していきます!

これで読者の回遊率もアップします。
それではやっていきましょう!

Hexoで使えるMarkdown記法チートシート|リンク・画像・コードブロック例

概要

本記事では、Hexoブログでよく使うMarkdown記法のチートシートについて解説していきます。

というのも記事を書くたびに「あれ、画像のリンクってどう書くんだっけ?」「テーブルの書き方ど忘れした…」とググり直すの、地味に時間取られますよね(- -;

ここではリンク・画像・リスト・コードブロック・見出しなどの基本記法から、Hexo独自の拡張記法まで実例付きでまとめていきます!

このページをブックマークしておけば、もう毎回ググらなくて済みます。
それではやっていきましょう!