続・GatsbyJSで作っているブログでページ遷移時にアニメーションが付くようにした
モチベーションブログの遷移時にアニメーションを付けていたのだが、下記記事の「後日追記」の通り、モバイルでスタイル崩れが発生してしまっていたので、アニメーションを取っていた。やっぱり付けたかった。 GatsbyJSで作っているブログでページ遷移時にアニメーションが付くようにした 完成したもの ページ遷移してもらえると、コンテンツが切り替わる際にフェードのアニメーションがかかっているのが確認できる。 やったことJSで頑張るアプローチを捨ててシンプルにCSSだけでアニメーションを付けたら上手くいった。もっと早くこちらのアプローチを試していれば良かった… JSで頑張るアプローチが難しいのは、Gatsbyが遷移時にスクロール位置の調整をしていて、アニメーションに合わせてスクロール位置を調整する処理を遅延させたりしないといけない点で、なるべく余分なロジックを持ちたくないので、CSSで実現するのが良さそ
GatsbyJSで作っているブログでアイキャッチが自動でいい感じに付くようにした
モチベーションブログにアイキャッチがなかったので、付けたかった。毎回、ブログの記事に適したアイキャッチ画像を用意するのが理想的ではあるのだが、記事を書くハードルをなるべく下げたいので、記事に紐付いているタグベースで自動でいい感じのアイキャッチが付けられないか検討してみた。 Before After 解説アイデアの元ネタはcatnoseさんの下記記事だ。 ブログ執筆を効率化するための工夫 | Cat Knows catnoseさんは各記事毎に絵文字を設定できるようにプロパティを増やしているのだが、各記事毎に絵文字を設定するのすら面倒だったため、記事に付いているタグで出し分けるアプローチを取ってみた。 具体的には、下記のようなタグのマスターを持っていて、記事に紐付けたタグ名が一致した場合は、そのタグに設定された絵文字と背景色のアイキャッチが表示されるようになっている。 - name: 読んだ
テックブログ、登壇、イベント…会社で技術広報を継続して行うためのガイドライン
※こちらの記事はZeals Advent Calendarの記事となります。面白そうなので参加してみる みなさんこんにちは。 チャットボット開発のスタートアップ…から最近転職した福本です。 リアクション頂いたみなさんありがとうございました転職してからブログをサボっていたのですが（すいません）、新しい職場にも徐々に慣れてきたので、ブログに限らず今後もアウトプットを続けていればと思っております。 さて、今回はタイトルにもある通り「技術広報」についてです。 前職であるZealsではそれなりに技術広報活動に打ち込み、テックブログをほぼ毎週の頻度で更新したり、情報を発信していく文化をそれなりに作ることができたと自負しております。
150社のTechブログを分析して見えた、エンジニアが今転職するべき企業ランキング！（データ&クローラーも全公開）
PHPカンファレンス、PyCon JP、builderscon tokyo などのカンファレンスでの登壇についての記事が書かれていました。 これらのカンファレンスで登壇するには、 CfP (発表の募集) に応募して発表の内容がそのカンファレンスの主旨や技術的に価値があると主催者に判断される必要があります。 なのでカンファレンスで登壇するというのはそれだけでも十分な技術的に アピールになります。そして、スポンサー企業にはなっていないカンファレンスにも登壇しこのように成果をアウトプットされていることがわかり、エンジニアの方々の技術力はもちろんのこと積極的に成果を社外に向けてアピールしていくという姿勢を個々に持っていると感じられます。 BASE さんは今のブログでの発信のペースを2年前から継続されています。つい最近マザーズに新規上場しましたし個人的にはものすごく勢いを感じています。 ------
クラスメソッドで全エンジニアがブログ書きまくる秘訣とは？ #DevReljp | DevelopersIO
「なぜ、クラスメソッドは全エンジニアがブログを書きまくるのか？」という謎に対して、入社1年の1エンジニアが思うところをぶちまけてみました。 マーケ部長：「ハマちゃん、ツイ廃やんな？」 ハマコー：「まぁ、人並みには…」 マーケ部長：「じゃ、ソーシャル活用テーマでなんか喋って」 ハマコー：「（でたよ、この会社）」 というわけで、下記勉強会にてソーシャル活用について喋ってきました。 DevRel Meetup in Tokyo #35 〜ソーシャル〜 - connpass 一エンジニアの自分は、マーケティング素養皆無 twitterのつぶやきに戦略性は皆無 すいません。DevRelって、初めて聞きました ウチの会社って、ブログは有名やけど、ソーシャルとかなんかあったっけ？ てか、これ、スーツの人の集まりやんな？俺が喋っても、むっちゃ浮く気がするけど！？ 悶々とした気持ちを抱えながら当日参加してき
「記事を書くほど単体では赤字になる」アプリマーケティング研究所の方に、運営の苦労、収益モデル、タイトルの決め方など、いろいろ教えてもらいました。 - うめのんブログ
みなさんは「アプリマーケティング研究所」というサイトを知っているでしょうか？アプリ開発者の苦労話や、実際の収益モデルなど、興味深い記事がたくさんあるサイトです。 業界人なら一度は読んだことがあると思う。僕自身も、数年前から「このサイトのインタビュー記事はすげえ！」と早くから注目していたんです。あまり他のサイトでは読めない、スモールビジネス系の開発者インタビューが面白いんですよね。 そして、どんな人がやってるのかなと興味持ち、たまたま近くに住んでいることを発見したので、「ランチしてもらえませんか？」と数年前にお願いしたという過去がありまして。 そんな縁があったおかげなのか、先日、アプリマーケティング研究所の有料noteのほうでインタビューさせてもらえませんかと言われました。 僕は二つ返事でOKしたのですが、このチャンスを逃すまじと思いまして、「謝礼とかいらないので、ぜひ僕からもブログ運営の話
ブログに書くか、Qiitaに書くか（技術系のネタを） - give IT a try
はじめに ITエンジニアのみなさんは「常日頃からアウトプットすることが大事」という話をよく耳にすると思います。 僕自身もそういう話をよく言っていますし、実際にたくさんアウトプットしている方だと思います。 このとき、アウトプットするメディアは大きく分けて「自分のブログ」か「それ以外」になると思います。 日本に住むITエンジニアであれば、自分のブログ以外のメディアとしてQiitaを使うことが多いでしょう。 このとき、選択肢は以下の3つになります。 自分のブログにだけ記事を書く 自分のブログとQiitaを使い分ける Qiitaにだけ記事を書く 僕は2のパターンですが、人によっては1か3の場合もあると思います。 僕のおすすめは1か2です。 3の「Qiitaだけ」という選択肢もアリと言えばアリなのですが、気を付けてアウトプットする必要があると思います。 というわけで、このエントリでは技術ネタのアウト
TechBlog運用の難しさとHERPでの考えについて（TechHub公開に寄せて）
HERPの技術発信の場として、HERP TechHubをリリースしました。会社のドメイン上ではなく、個人のブログのHubとしてのページを作成する形をとっています。 それに至った背景について書いてみたいと思います。 TechBlogのあり方を考えてみるTechBlogの目的と内包している問題について、エウレカでTechBlogの開設・運用をリードした経験から得られた課題も踏まえて考えてみる。 TechBlogの目的 従来のTechBlogの開設・運用の目的は以下の3つにまとめられると思う。 ブランディングを通じた採用力の向上エンジニアの個人ブランディングエンジニア全体・技術貢献ブランディングを通じた採用力の向上 エンジニア採用においては情報発信は欠かせない。もちろん一番大事なのは良いUXを提供できるプロダクトを作り、その品質を上げていくことだが、それだけでは社外の人間からして技術への考え方や
「ブログを書く技術」を発表した - kakakakakku blog
別プロダクトの社内勉強会で「ブログ」をテーマに発表して欲しいと依頼があり，「ブログを書く技術」というタイトルで発表をしてきた．今回，改めて「僕がなぜブログを書くのか？」というモチベーションの部分を整理することができたので非常に良かった．なお，再演もできるので，もし「うちでも発表して欲しい！」という話があれば（なさそう），気軽にご連絡を頂ければと！ 発表資料 伝えたかったこと 前にツイートした内容にも関連していて，やはり「続けること」が難しいという人が多いように思う．だからこそ「習慣化」を意識するべきでは？という問題提起をしたかった．また，ブログにこだわっているわけではなく，あくまで「アウトプットの形の一例として」ブログが良いのではないかという話をした．発表中に余談なども多くしたため，発表資料だけでは伝わらない部分もあるかもしれない． 「どうしたらブログ続けられるんですか」って相談よく受ける
海外勤務・外資系企業の転職・求人情報ならDODAグローバル
doda X（旧：iX転職）は、パーソルキャリアが運営するハイクラス転職サービス。今すぐ転職しない方にも登録いただいています。 今の自分の市場価値を確かめてみましょう。 「情報発信の価値」と聞くと、あなたはどんなことを思い浮かべますか。 TwitterやFacebook、NewsPicksなど、個人が1000人、10000人というフォロワーを抱え、Gunosyなどに取り上げられることで広範な影響を与えることもある昨今、情報発信が個人のキャリア機会に影響することも珍しくない時代になってきました。一方で、スマートフォンなどに流れる「BUZZ動画」、さまざまなニュースサイト、ニュースアプリから入る情報は年を追うごとに増大し、情報の受信だけで手一杯という方が増えていることも事実でしょう。 同時に「情報発信」の定義の幅と選択肢も拡がっています。ブログやTwitter、Facebookといったドキュメ
文章校正など、ブログ記事作成に役立つ無料ツール6選
photo by liqueneコンテンツマーケティングの取り組みなどで、ブログ記事を書いていると大変なのが文章の校正です。 タイプミスや誤字脱字は信頼を失い、記事の価値を下げてしまいます。 しかし、人の手でブログ記事の校正・チェックをするのは、なかなか大変な作業です。 実はWeb上には、かんたんに文章校正ができるサービスをはじめ、ブログ記事の執筆後のチェックに役立つツールが無料で提供されています。 そこで、本日は私自身も使っていて、便利だと実感している文章校正やブログ記事執筆に役立つツールの中から、Web上ですぐに使える無料のツールを厳選してご紹介します。 これらのツールを活用すれば、文章校正にかかる負荷を軽減し、時間を圧倒的に短縮することができます。 日本語のタイポ/変換ミス/誤字脱字エラーをチェック 「Enno」 Ennoサイト 「Enno」は、誤字脱字や変換ミスなどの「日本語のあか
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GatsbyJSで作っているブログでAmazonのリンクをいい感じに貼れるようにした
POSTD | ニジボックスが運営するエンジニアに向けたキュレーションメディア