Web フロントエンドのテストと持続可能な方針の組み立てを考える | Offers Tech Blog

2024/02/09 17 users 持続 フロントエンド テスト 方針 web

Offers を運営している株式会社 overflow の あほむ でございます。 今回はプロジェクトで Web フロントエンド領域のテストを書くにあたって方針を決めた際の ADR をブログ向けに再整理したものをお届けします。 テストコードを書くべきか書かざるべきか 逃げ切りが確約された作り捨ての納品プロジェクトでもなければ、... 続きを読む

Next.js App Router と控えめにお付き合いして普通の Web アプリを配信する | Offers Tech Blog

2024/01/12 15 users Next.js App Router web アプリ 内容

まずは長いものに巻かれたいときもある Offers を運営している株式会社 overflow の あほむ でございます。 先日 コードベースのディレクトリ構成にフォーカスした記事 を公開した関連記事として、Next.js App Router をどのように取り扱っているかについてご紹介します。 【AD?】今回の記事の内容を含んだり含まなかっ... 続きを読む

Web フロントエンドの推しディレクトリ構成と Next.js App Router なコードベース | Offers Tech Blog

2023/12/18 80 users ディレクトリ構成 フロントエンド コードベース web 暖冬

Offers を運営している株式会社 overflow の あほむ でございます。暖冬と言われつつもすっかり寒い季節ですね。おかげさまで割と走っているほうの師です。（師走） n 年ぶり n 回目の Web フロントエンド 最後にメイン開発者の立場でコードをスクラッチしたのいつだったっけ？と遡ると 2018年ごろのブログ記事 がでてき... 続きを読む

TSUBAMEレポート Overflow（2023年7～9月） - JPCERT/CC Eyes

2023/10/31 5 users JPCERT TSUBAME CC Eyes センサー 比較

はじめに このブログ「TSUBAMEレポート Overflow」では、四半期ごとに公表している「インターネット定点観測レポート」の公開にあわせて、レポートには記述していない海外に設置しているセンサーの観測動向の比較や、その他の活動などをまとめて取り上げていきます。 今回は、TSUBAME（インターネット定点観測システム）... 続きを読む

Q＆AサイトのStack Overflowが「AI投稿OK」に方針転換して物議、抗議のためモデレーターら600人以上が大規模ストライキに署名

2023/06/06 9 users 物議 Stack Overflow 大規模ストライキ 抗議

情報技術やプログラミング技術に関するナレッジコミュニティ・Stack Overflowで活動するボランティアのモデレーターらが2023年6月5日に、Stack Overflowを運営するStack Exchangeに対する公開書簡を発表し、コミュニティの管理や保守に関するボランティア業務を一時停止することを表明しました。モデレーターらは書簡の... 続きを読む

定量評価疲弊しませんか？～Well-beingと生産性指標を組み合わせた エンジニアリングメトリクスプログラムについて～

2023/02/10 248 users well-being offers オファーズ 定量評価 副業

Developers Summit 2013 登壇資料 https://event.shoeisha.jp/devsumi/20230209/session/4171/ overflowは、副業・転職サービス「Offers(オファーズ)」の開発、運用を行っています。 サービスの提供を開始してから3年。サービスの拡大に合わせ、組織も比例して成長してきました。 その中で、組織の成長に伴い、どのよう... 続きを読む

コードレビューの生産性を上げるためのTips | Offers Tech Blog

2023/01/10 154 users Tips Offers Tech Blog コードレビュー

はじめに こんにちは。 プロダクト開発人材の副業転職プラットフォーム Offers を運営する株式会社 overflow のエンジニアの藤井です。 エンジニアであれば誰しも日頃からコードレビューをしたり、されたりしていることと思います。 健全な開発組織を育む意味でもレビューの文化を根付かせることはとても大切ですが、小... 続きを読む

10年越しの Web フロントエンドという職種界隈についての考 | Offers Tech Blog

2022/10/17 6 users フロントエンド Offers Tech Blog web

Offers を運営している株式会社 overflow の あほむ でございます。 10年越しのWebフロントエンド 最近更新していない 自分のブログ を遡ると「フロントエンド」という語の初出は 2010 年であり、転職のタイミングで自らを「Web フロントエンドエンジニア」と定義したのは 2012 年の頃でした。 それから 10 年、自分語り... 続きを読む

【GAS (Google App Script) 】コードの書き方・テクニック編｜Offers Tech Blog

2022/06/16 150 users GAS shun offers 知見 テクニック編

概要 こんにちは、Offers を運営している株式会社 overflow のバックエンドエンジニアの shun です。今回は、GAS（Google App Script）のコードの書き方と、ゴリゴリに GAS を書きまくってきた知見から少しのテクニックを紹介できればと思います。 今の時代、エンジニアリングを利用した業務自動化を実装するのは必ずし... 続きを読む

副業で求められるプログラミング言語ランキング　3位はGo、2位はPython　1位は？　複業転職サイト調査

2022/06/16 16 users Python 副業 プログラミング言語ランキング 2位 1位

副業で求められるプログラミング言語ランキング　3位はGo、2位はPython　1位は？　複業転職サイト調査 プロダクト開発人材向けの複業転職プラットフォーム「Offers」を運営するoverflowは、同サービス上で副業や複業が決まった人数をプログラミング言語別に集計した結果を発表した。2位は「Python」、3位は「Go」だった... 続きを読む

【React/Vue.js】コンポーネント設計の（個人的）ベストプラクティス | Offers Tech Blog

2022/05/23 167 users React ベストプラクティス Kazuya offers

概要 こんにちは、Offers を運営している株式会社 overflow の Software Engineer（主戦場はフロントエンド）の Kazuya です。今回は、React や Vue.js などの SPA フレームワークにおけるコンポーネント設計について紹介します。 昨今のフロントエンド開発では、コンポーネント指向での開発がスタンダート化しつつあり... 続きを読む

なんとなく好ましいだけではないダークモード、我々は何のために対応するのか？｜Offers Tech Blog

2022/05/19 5 users ダークモード 我々 Offers Tech Blog 美観

Offers を運営している株式会社 overflow の あほむ でございます。今回は個人的に気になって調べてみた系のネタを散漫に書いたブログです。 ダークモードに対する疑問の発端 美観やバッテリーパフォーマンス[1]を理由とする話を念頭に置きつつ OS レイヤーにおける UI のスイッチングは自動で行われるとして、モバイル... 続きを読む

Webエンジニアとして個人的に大事だと思ってる、ノウハウ・心構えについて【後編】｜Offers Tech Blog

2022/04/27 23 users 心構え 後編 ノウハウ Webエンジニア offers

はじめに こんにちは！Offers を運営している株式会社 overflow の バックエンドエンジニアの takkun7171 です。 前回に引き続き、個人的に大事だと思ってる、 ノウハウ・心構えを書いていこうと思います。 前回の記事 前回はハードスキル中心だったのですが、 今回はソフトスキル中心でまとめてみました。 かなり主観が... 続きを読む

CSSだけでマウスホバー時にtableの行と列とセルを別の色でハイライトさせる | かちびと.net

2019/10/13 29 users table CSS セル result Hidden

Result こういうの。項目が多いほどセルは小さくなりがちだし何のデータを見ているかユーザーは混乱しがちなので閲覧してるデータの可視性を高めよう、みたいなやつです CSSだけで実装しています css table { overflow: hidden; display: inline-block; border-collapse: collapse; } td, th { border: 1px solid #999; ... 続きを読む

blockquoteのcite属性を使って引用元をユーザーに明示する | かちびと.net

2019/08/23 12 users blockquote RGBa italic padding

Result blockquoteのcite属性に書いた引用元を表示する、というもの サービスの使用感とか製品の口コミとかビジネス案件でも使用頻度は割と高そうな印象です css blockquote { padding: 20px 20px 20px 40px; overflow: auto; background-color: rgba(180, 180, 180, 0.5); border-radius: 2px; font-style: italic; } b... 続きを読む

IE11やEdgeにも対応できる、CSSだけで3行目でテキストの文末を「…」で省略する | かちびと.net

2019/07/24 56 users 文末 Edge CSS WebKit result

Result よくある、テキストの文末を省略するやつです。 1行に限らず、3行目、5行目など、n行で省略可能でWebkitやFirefoxはもちろん、IE11やEdgeもサポートしたコードです ↑ IE11で確認したスクショです。Penは非対応だったのでjsfiddleで確認しています css p { line-height: 1.4; max-height: 4.2em; overflow: hidden... 続きを読む

「Stack Overflow For Teams」発表。開発チーム内で情報共有するためのQ＆Aサービス。昨夏発表しつつも開発に失敗し、名前を変えて再出発 － Publickey

2018/04/09 38 users Publickey パブリック Server Fault

「Stack Overflow For Teams」発表。開発チーム内で情報共有するためのQ＆Aサービス。昨夏発表しつつも開発に失敗し、名前を変えて再出発 Stack Overflowは誰もがプログラミングなどに関する質問をし、誰もがそれに答えられるというパブリックなQ＆Aサイトです。プログラマ向けだけでなくシステム管理者やネットワーク管理者向けのQ＆Aサイト「 Server fault 」や、パ... 続きを読む

[CSS]背景は固定、美しいブラーがかかった半透明のパネルやサイドバーやボタンを実装するスタイルシート | コリス

2017/02/13 149 users コリス 半透明 CSS Hidden ＢＧ

背景画像は固定表示で、美しいブラーがかかった半透明のパネルやサイドバーやボタンがスクロールするコンテンツを実装するスタイルシートのアイデアを紹介します。 例えばパネルをクリアにして、背景をブラーにするなど、反転させてみるのも美しい見た目になります。 .blur-container.blur-8 { --bg: url(background.jpg); overflow: hidden; backg... 続きを読む

今夜わかる「スタック・オーバーフロー」の世界 - give IT a try

2015/10/03 446 users スタック stack 今夜 オーバーフロー プログラミング

2015-10-04 今夜わかる「スタック・オーバーフロー」の世界 Webサービス Tips一般 はじめに プログラミングをやっている人であれば、スタック・オーバーフロー（Stack Overflow）を知らない人はいないと思います。 エラーメッセージをコピペしてググるとトップによく出てくる、このページのことです↓Stack Overflow また、ご存知の方も多いかもしれませんが、去年の12月か... 続きを読む

日本語版Stack Overflow、今日からパブリックベータへ － Publickey

2014/12/15 112 users パブリックベータ プライベートベータ Publickey

2週間前からプライベートベータとして限定ユーザーでの利用が始まっていた「日本語版Stack Overflow」が、本日よりパブリックベータへ移行します。Stack Exchange日本担当のJoshua 'jmac' Maciel（メシエル）氏がPublickeyに明らかにしました。 Stack Overflow日本語版の画面 Stack Overflow運営元であるStack Exchangeの... 続きを読む

日本語版Stack Overflow、今日からプライベートベータ開始。担当者のコメント － Publickey

2014/12/02 258 users Publickey プライベートベータ コミュニティ 担当者

コンピュータエンジニアのコミュニティとして最も有名なWebサイトの1つ「Stack Overflow」は、今年に入って日本語版スタッフを募集するなど、日本語版開設の準備を進めていました。 その「日本語版Stack Overflow」のプライベートベータが本日、スタートしたことが明らかになりました。ただしプライベートベータのため、まだ招待メールを受け取らないと参加できません。 Stack Excha... 続きを読む

CSSで2カラムを作ってみる｜Web Design KOJIKA17

2014/07/03 362 users CSS 2カラム Web Design KOJIKA17

CSSで2カラムといっても、その作成方法は様々です。 多くのパターンを理解することは、CSSに柔軟性を持たせることに、つながります。 1. floatを利用する 基本的な方法です。 子にfloatを利用すると、灰色の背景を敷いている親の高さが算出できなくなるため、背景色が出なくなったり、レイアウトが崩れたりします。 これらの問題を解決するには、clearfix か overflowを利用する必要が... 続きを読む

[CSS]Responsiveデザイン対応のページ制作に役立つ5つのスタイルシートのテクニック | コリス

2012/05/20 304 users コリス relative CSS Hidden height

Responsiveデザイン対応ページを制作する際に役立つ、max-width, min-width, overflowなどの役立つ5つのテクニックを紹介します。 デモページ CSS: 動画コンテンツの配置 .video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .video ifram... 続きを読む

エロゲブランド『Overflow』が終了のお知らせ！ 「SHINY DAYS」が最終作になるそうな ｜やらおん！

2012/02/10 31 users エロゲブランド おん 最終作 終了

146 名前：名無したちの午後[] 投稿日： 2012/02/10(金) 23:29:23.91 ID:9mKP4wfb0 倒産確定、シャイニーデイズが最後の作品になるそうな シャイニー爆売れしか生き残る道なし 2万売れれば何とかなるらしい。おまえら買ってやれ http://live.nicovideo.jp/watch/lv81010090 147 名前：名無したちの午後[] 投稿日： 2012... 続きを読む

[CSS]画像の天地の上限を設定し、垂直方向の中央に配置するCSSのテクニック | コリス

2011/11/28 102 users コリス wrapper CSS Hidden 天地

デモページ：幅480pxで表示 実装 実装のイメージ 画像のサイズは100%で設定し、高さ・幅の上限は画像を内包するdiv要素で設定します。 また、垂直方向の中央に配置するために、「overflow: hidden;」を使って余剰分を隠します。 HTML 画像はimg要素で配置し、div要素で内包します。 <div class="image-wrap" id="wrapper"> <img src... 続きを読む