ブログは資産！「はてなブログ DevBlog Online Meetup」イベントレポート - 週刊はてなブログ
はてなブログは、2021年5月24日（月）に「企業によるブログを活用した技術情報のアウトプット」をテーマにしたオンラインイベント「はてなブログ DevBlog Online Meetup」を開催しました。 「はてなブログ DevBlog Online Meetup」とは はてなブログは、企業の技術ブログ向けプラン「はてなブログ for DevBlog」の提供をはじめ、OSSコミュニティ支援、週刊はてなブログでの「エンジニアのブログ探訪」連載などを通じて、技術情報のアウトプットを支援しています。その一環として、本イベントでは、技術ブログを運営する企業様・これから始めたいとお考えの企業様に向けたイベント「はてなブログ DevBlog Online Meetup」を開催。 技術ブログを運営する3社（エムスリー様・富士通様・LINE様）をゲストにお招きし、参加者から事前にお寄せいただいたご質問やコ
【5/24開催】技術情報のアウトプットをテーマにした「はてなブログ DevBlog Online Meetup」を開催します - 週刊はてなブログ
はてなブログでは、「企業によるブログを活用した技術情報のアウトプット」をテーマにしたオンラインイベント（無料）を2021年5月24日（月）に開催します。 採用広報やブランディングを目的に技術ブログを運営する、エムスリー様・富士通様・LINE様にご登壇いただき「技術ブログの始め方」「体制・仕組みづくり」「課題」といったテーマで各社のお取り組みや課題についてお話しいただきます。 技術ブログをこれから始めたい方も、運用中の技術ブログでの課題をお持ちの方も、はてなを含む登壇企業の事例や課題を通じて、ご参加のみなさんと一緒に考えていければと思います。 イベント概要 開催日時 2021年5月24日（月）18:00～19:00（予定） 参加費 無料 開催形式 Zoomウェビナー ハッシュタグ #devblog ブログを書く際や Tweet 時にぜひお使いください お申し込み お申し込みの際に、興味のある
技術ブログをNuxt + Netlify + Contentfulから、はてなブログ for DevBlogに移行しました - もふもふ技術部
こんにちは。出口です。 タイトルにある通り、技術ブログをはてなブログに移行しました。 この記事では、なぜ移行することになったのか、どうやって移行したのか、移行で苦労したところなどをまとめておきたいと思います。 もし脱セルフホストブログ、脱Contentfulや、はてなブログへの移行をお考えであれば参考になるのではないかと思います。 なぜ移行したのか Nuxt 3への移行が大変すぎる Contentfulへの不満が募ってきた 当初の計画 改めて移行を考える 移行について 記事移行 インポート機能を使ってWXRを取り込む場合 AtomPubを使ったパターンの場合 サブディレクトリオプション Netfilyのリバースプロキシ設定 robots.txtを設置 NetlifyのPrerenderingオプション設定 検証ツールで1つだけ検証失敗する まとめ なぜ移行したのか まずそもそもなぜ移行した
技術情報発信に取り組む企業の交流イベント 「はてなブログ DevBlog Meetup」を開催します（23年7月24日） - Hatena Developer Blog
こんにちは。はてなブログ 法人ブログチームでサブディレクターを担当しております、id:AirReader と申します。 2023年7月24日にブログを使った技術情報発信に取り組む企業の交流イベントである「はてなブログ DevBlog Meetup」の開催が決定しましたので、お知らせいたします。 現在、400社を超える企業様が「はてなブログ」を使って技術ブログを開設・運営してくださっています。 「はてなブログ」では、22年12月に、それらの企業様が発信している良質な技術や技術組織の取り組みをより多くの読者に届けることを目的に、技術ブログ記事をまとめ読みできるページ「企業技術ブログ」を公開しました。 hatena.blog 企業様ごとに、さまざまな目的で運用されている技術ブログですが、継続には難しさが伴うことがあります。執筆の依頼、執筆の時間の確保、モチベーションの維持、KPIの設定をどうする
【LT解説つき】はてなブログ DevBlog Meetup #1 に参加<しました！ - #FlattSecurityMagazine
はじめに こんにちは！事業開発やDevRelを担当している、小島です。 先週開催された「はてなブログDevBlog Meetup #1」に参加し、Flatt Securityからは執行役員の豊田がLTを行いました。今回は発表したLTの簡単な解説を中心に、イベントレポートをまとめていきたいと思います。 イベントの詳細や公式の情報はこちらです！ hatena.connpass.com はじめに LT解説：スタートアップ・Flatt Securityが技術ブログとオウンドメディアの両方にフルコミットする理由 全体のイベントレポートとセッションの感想 はてなさんのセッション はてなブログ利用企業の座談会 各社のLT 日本経済新聞社さん Flatt Security ヘンリーさん 懇親会 おわりに [告知] エンジニア育成・オンボーディングをテーマにしたイベントを開催します！ LT解説：スタートアッ
For context, I'm the creator of the swc project and I previously announced that I would use Go for the new TypeScript type checker. Related: I'm porting tsc to Go Related: Status update of my tsc port I'm announcing two things about the new TypeScript type checker. I'll switch back to the Rust version# I was working on the Rust-based TypeScript type checker before switching to Go. But I decided to
技術情報発信に取り組む企業の交流イベント 「はてなブログ DevBlog Meetup」を開催しました #HatenaDevBlog - Hatena Developer Blog
こんにちは。はてなブログ 法人ブログチームでサブディレクターを担当しております、id:AirReader と申します。 2023年7月24日にブログを使った技術情報発信に取り組む企業の交流イベントである「はてなブログ DevBlog Meetup」を開催しました。ご来場いただきましたみなさま、誠にありがとうございました。 発表スライドなどを以下で共有させていただきます。 はてなブログの企業技術ブログのひみつ まず初めに、わたくし id:AirReaderより「はてなブログの企業技術ブログのひみつ」と題した発表をさせていただきました。はてな・はてなブログが技術情報発信を支援させていただいている背景、これまでの施策とこれからの施策、企業のみなさまが運営されている技術ブログの統計データや、今後のブログ運営でお役立ていただきたい機能などについてお話しさせていただきました。 speakerdeck.
「はてなブログ DevBlog Meetup #1」に参加しました #HatenaDevBlog - Cluster Tech Blog
Cluster Tech Blogの編集を担当しているFUKUDAです。 2023年7月24日（月）に行われた「はてなブログ DevBlog Meetup #1」に参加してきたので、そこで聞いたお話を今後のCluster Tech Blogの運営にも活かせればと思い、備忘録としてまとめてみようと思います。 イベントの詳細は下記 hatena.connpass.com イベントの様子は #HatenaDevBlog からご覧いただけるようです。 はじめに｜Cluster Tech Blogの運営は絶賛模索中…… テーマ1：ブログの目的 テーマ2：運用のコツ（執筆者へのインセンティブ設計、継続の仕組み…） テーマ3：企業による技術ブログの価値 各社の取り組みが垣間見えるLT 終わりに はじめに｜Cluster Tech Blogの運営は絶賛模索中…… 最初にCluster Tech Blogの
スタートアップ・Flatt Securityが技術ブログとオウンドメディアの両方にフルコミットする理由 - はてなブログ DevBlog Meetup #1 LT登壇
はてなブログ DevBlog Meetup #1 のLT枠でお話しさせていただいた内容です。 https://hatena.connpass.com/event/288297/ Flatt Securityの2つの記事媒体の歴史を辿りながら、なぜ小さな組織で大きな工数をかけて記事発信に注力するの…
はてなブログ DevBlog Meetup #1 - 技術情報発信に取り組む企業の交流イベント - (2023/07/24 18:00〜)
はてなは、2023年7月24日にブログを使った技術情報発信に取り組む企業同士の交流イベント「はてなブログ DevBlog Meetup」を開催します。 現在、400社を超える企業様が「はてなブログ」を使って技術ブログを開設・運営してくださっています。 「はてなブログ」では、22年12月に、それらの企業様が発信している良質な技術や技術組織の取り組みをより多くの読者に届けることを目的に、技術ブログ記事をまとめ読みできるページ「企業技術ブログ」を公開しました。 「企業技術ブログ」のページ公開の際に書かせていただいた記事でも触れた通り、はてなブログでは、こうした発信の継続を支援するための施策を企画していきたいと考えています。そのひとつとして、各社様の取り組みの発信や交流機会となる「はてなブログ DevBlog Meetup」を実施させていただくことになりました。2021年にはオンラインで実施したM
はてなブログ DevBlog Online Meetupに登壇しました - fltech - 富士通研究所の技術ブログ
先端融合技術研究所の横田です。GitHub等では@sushichopとして活動しています。 2021年5月24日（月）に開催されたはてなブログ DevBlog Online Meetupに登壇しました。株式会社はてな 大西さんにモデレータを行っていただきながら、エムスリー株式会社 山崎さん、LINE株式会社 桃木さんとともに、3つの各テーマに沿って「企業における技術ブログ」の運用・活用についてディスカッション形式でお話しさせていただきました。 各テーマに関するディスカッション要旨と私が感じたことなどをざっと書いておきます。 テーマ 1「ブログの目的とKPI」 要旨 目的は人材採用と技術ブランディング 厳密なKPIは持たない 3社(エムスリーさん、LINEさん、当社)いずれも目的とKPIに関してはほぼ同じ考え方ですね。人材採用と技術ブランディングという大きな目的は持ちつつ、データとしてのサイ
「はてなブログ DevBlog Online Meetup」 #devblog 受講メモ - omuronの備忘録
blog.hatenablog.com 3社に訊く、技術ブログの活用・運用法 モデレーター 株式会社はてな 取締役 サービス・システム開発本部長 大西康裕氏 登壇者 エムスリー株式会社 執行役員VPoE/PdM 山崎聡氏 富士通株式会社 研究本部 先端融合技術研究所 主任研究員 横田耕一氏 LINE株式会社 Developer Successチーム 桃木耕太氏 セッション 企業によるブログを活用した技術情報のアウトプット ブログの目的 エムスリー 圧倒的採用目的 テック系で知られてなかった 書くのを楽しむ人が増えた、エンジニア同士のコミュニケーションにも 月7-14本 富士通 技術ブランディング目的 ビジネス寄りとは切り離して純粋に技術寄り 月1-2本 LINE 採用とブランディング 知ってもらうため 会社は知られてても中で何しているかは知られてない 月1-7本 KPI エムスリー 明確に
スケルトンスクリーンを実装する時にいろいろと調べたので、その時のメモになります。 スケルトンスクリーンとは 引用元1 ws-design.net 簡単に言うと骨組みローディング画面です。 ローディング画面を必要とするまでもないくらい短い読み込みが発生する場合が適しています。 スケルトンスクリーン以外にも以下のものがある ブランクスクリーン（画像左） ローディングスピナー（画面中央） スケルトンスクリーン（画面右） それぞれの内容については引用元1参照 引用元2 kuroeveryday.blogspot.com スケルトンスクリーンは、画像やCSS、JavaScriptを読み込んでいる間にワイヤーフレームのようなボックスを表示し、UXを向上させるために使われる。ユーザにとってはプログレスバーやスピナーと違いどんなページが表示されるか予想できるため、ロード時間が長くても心理的に短く感じられる
はてなブログ DevBlog Meetup #1に参加して、技術発信について考えたこと｜NAVITIME_Tech
はじめにこんにちは、メタルは全てを解決するです。ナビタイムジャパンでVPoEと経路探索の研究開発部門責任者を担当しています。昨日は一日中X JAPANを聴いていました。 2023/7/24に開催された「はてなブログ DevBlog Meetup #1 - 技術情報発信に取り組む企業の交流イベント -」に参加してきましたので、その参加レポートと、参加して改めて考えた「技術を発信するということ」についてしたためます。 はてなさんの話トップバッターは、はてなさん。はてなブログの紹介、技術ブログの統計データなど興味深い内容が語られました。 はてなさんは企業技術ブログを集めたページを公開されたり、以前より技術発信そのものを後押しするような活動をされたりしています。 はてなブログを利用している企業ではGitHub上でブログ記事を管理しているところが多いようで、GitHubとの連携がスムーズになるような
Gulpで動いている既存のプロジェクトをWebpackのみに変更する - jackmiwamiwa devblog
個人用のプロジェクトでのビルドを「gulp + webpack」からwebpackのみに変更したので、その時に対応したことのメモです。 環境 pug stylus TypeScript gulpファイルを消そうと思った理由 1. 自分の環境ならwebpackのみで変換できる gulp上で行っていることが pug → htmlへ変換 stylus → cssへ変換 img, fonts, static → ファイルのコピー のみだったので、そのくらいだったらwebpackでもできるんじゃないかって思った。 2. gulpのパッケージ周りがあまり更新されていない？（個人的な主観） gulp本体のLast publishがa year agoなので(執筆時)、webpackよりも積極的な開発はされていない？(あくまでもnpmjsを見たイメージ) 「gulp-*」のパッケージについてもあまり更新さ
オリジナルのglTFファイルをthree.jsを使用してweb上に表示する - jackmiwamiwa devblog
オリジナルの3Dオブジェクトファイルをwebに表示を行ったため、そのときのメモ。 表示するオブジェクトの用意 オリジナルで用意を行う場合、blenderのソフトから作成を行うことができますが、turbosquidのサイトからFreeで3Dオブジェクトを使用することもできるため、今回はturbosquidを使用します。 blender.jp www.turbosquid.com 今回・使用するオブジェクトについては、以下になります。 www.turbosquid.com 必要なパッケージ www.npmjs.com version: ^0.124.0 実装手順 1. レンダラー・シーンの追加 html, レンダラーの追加を初めに行います。 <canvas class="js-three"></canvas> import * as THREE from "three" // 画面幅の取得 c
ESlint, prettierを使ってjavascript, vueのコード品質を保つ - jackmiwamiwa devblog
scssのコード品質については stylelint,prettierを使ってscssのコード品質を保つ - みわのブログを参考。 また、.jsと.vueが混在しているプロジェクトを想定。(.jsについてはjQueryも使っている想定) eslint, prettierをインストール $ yarn add babel-eslint eslint eslint-config-airbnb eslint-config-prettier eslint-plugin-import eslint-plugin-prettier eslint-plugin-vue 参考 babel-eslint - npm eslint - npm eslint-config-airbnb - npm eslint-config-prettier - npm eslint-plugin-import - npm esl
こんにちは。BBSakura Networksでテックリードをしている日下部（@higebu）です。 先ほど、「はてなブログ for DevBlog」への引っ越しが完了したため、なぜ引っ越しをしたのか、引っ越し作業はどうだったかとこのブログの今後について書きたいと思います。 なぜ引っ越しをしたのか 昨年の12/20に 企業技術ブログ: エンジニアの技術ブログコミュニティ のリリースを知り、大変良い取り組みなので、ここに弊社のブログも載せたいと思いました。 また、恥ずかしながら、それまで「はてなブログ for DevBlog」を知らなかったのですが、「はてなブログ for DevBlog」についても調べたところ、これでいいじゃんとなったため、引っ越しすることにしました。 それだけではよくわからないと思いますので、簡単に背景を説明したいと思います。 以前のブログはGitHubで記事を管理し、C
storybook + tailwind + nuxtでstorybookの設定を行う - jackmiwamiwa devblog
「storybook + tailwind + nuxt one webpack config」を参考に「storybook + tailwind + nuxt」の環境構築を行ったときのメモです。 dev.to 使用している技術 Nuxt.js Vue.js HTML JavaScript(not TypeScript) Scss tailwindcss バージョン メインで使用しているもののバージョンのみ記載 "nuxt": "^2.13.0" "@nuxtjs/tailwindcss": "^1.0.0" "@storybook/vue": "^6.0.21" www.npmjs.com www.npmjs.com www.npmjs.com 手順 基本的なstorybookの使用方法について以下のリンクを参考に行ってください。 storybook.js.org 1. assets/c
webpackでjsのオプション・配置場所をカスタマイズする - jackmiwamiwa devblog
既存だと出力時にbodyの下に <script src="/assets/js/bundle-e57c2548e14548c673e0.js"></script> headの下に <link href="/assets/css/bundle-e57c2548e14548c673e0.css" rel="stylesheet"> のように出力されるので、出力される場所の変更・ハッシュ値の変更などを行う 既存の状態 変更前のhtml <!DOCTYPE html> <html lang="ja"> <head> <link href="/assets/css/bundle-a1e0d6d9e5b3b4d09222.css" rel="stylesheet"> </head> <body> <header>ヘッダー</header> <p>テキスト</p> <footer>フッター</foote
記事とかでwebサイトのKVにアイソメトリックを使っているのをよく見かけるのでどんな感じで実装を行っているのか気になったので、いろいろと調査してみた。 アイソメトリックとは 傾斜させた立体を、間口・奥行き・高さの3方向で作る角度がそれぞれ120度になるように描き、一つの図で対象物の3面を同程度に表す投影図法。 メリット 奥行き・立体感を出して他のイメージとの差別化した印象的なイメージにできる。 この後紹介する多くのサイトではメインやキービジュアルにアイソメトリックのイメージ採用しています。そこからわかるのは「ここぞ」という場面で使用することでユーザーの印象に残るイメージにすることができるということです。 非現実なイメージでさらに印象を アイソメトリックのイメージでは等身大以上の大きなスマホにハシゴで登っていたり、ノートPCを台にして人が立っていたりとジオラマの世界のように非現実です。だから
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Devblog of @kdy1
スケルトンスクリーンをちゃんと理解する - jackmiwamiwa devblog
はてなブログ for DevBlogに引っ越しました - BBSakura Networks Blog
アイソメトリックについて気になったのでいろいろ調査 - jackmiwamiwa devblog