ネガティブマージンの使いどころ

2023/09/07 16 users ネガティブマージン margin CSS 川上 使い

はじめに こんにちわ、フロントエンジニアの川上です。今回は自分も初めて見た時に使い方に戸惑ったCSSのネガティブマージンについて記事を書かせていただきます。 ネガティブマージンとは、CSSのmarginにマイナス値を設定することを指します。大抵は正の数をしてしますが、負の数を設定するとどうなるのでしょうか。 特... 続きを読む

フロントエンド(React)の技術質問 - Qiita

2022/09/19 16 users Qiita React 一問一答形式 新卒 実務

はじめに 自分は2021年に新卒でWeb系の開発会社にフロントエンジニアとして入社し2022年で2年目になります。 実務ではReact×TypeScriptを利用したフロント周りの開発をメインで行なっていなす。 今回は、現場で後輩に質問されたReactの技術質問をまとめていきます。 なお質問に対しては一問一答形式で答えるのではなく、... 続きを読む

フルスタック、VPoE、デザインエンジニア、フロントエンドの極み──4つのパターンで語る「フロントエンドキャリアの分岐点」 - TECH PLAY Magazine

2022/07/20 12 users 紆余曲折 VPoE mizchiさん 背中 極み

TECH PLAYERが「なりたい姿」を叶えるために、背中を後押しするTECH PLAY Talkシリーズ。第一弾はフロントエンジニアとして紆余曲折を経てきた『フルスタックパターン』小林泰士さん、『VPoEパターン』あほむさん、『デザイナーパターン』ymrlさん、『フロントエンドの極みパターン』mizchiさん、4人の現役＆元フロント... 続きを読む

村人（休職中のフロントエンジニア） on Twitter: "元々はSEO対策の為のものでもなくて、テキストしか表示出来ないテキストベースのブラウザーの為にHTML1.2 draftに組み込まれたものじゃない？

2022/07/06 18 users 村人 SEO ブラウザー https on Twitter

元々はSEO対策の為のものでもなくて、テキストしか表示出来ないテキストベースのブラウザーの為にHTML1.2 draftに組み込まれたものじゃない？1993年当時、SEOどころかインターネット自体、まだまだ普及してなかった時代よ。 https://t.co/EJATT70WJT 続きを読む

フロント学習の最高の教材集 - Qiita

2022/06/27 407 users おかげ 新卒 教材 実装 実務

はじめに 今回はフロント学習で重宝できる教材をまとめました。 軽く自己紹介として、自分は新卒でフロントエンジニアとして入社し2022年で2年目になります。 実際に実務を通す中で「この教材のおかげで実装がスムーズにできた」「この教材をやってたおかげで理解ができた」といったような場面が2年の間で多々ありました... 続きを読む

フロントエンドエンジニアのみんなと京都にワーケーション行ってみた 🤙 - Goodpatch Tech Blog

2022/06/01 17 users ワーケーション エンジニア フロントエンドエンジニア 鈴木

こんにちは！エンジニアの鈴木（@zookeeper08）です 💁‍♂️ 先日、数名のフロントエンジニアが集まり、1泊2日のワーケーションを京都で実施しました！ 入社してからほとんどリモートだったので、実は同じチームでもリアルで会話したことがあるのは数回ぐらいという、、なので今回のワーケーションは個人的にすごい楽しみにし... 続きを読む

CSSのみで表現OK 人気レイアウトやUIパターンを集めた便利ライブラリ CSS Layout - PhotoshopVIP

2022/02/28 15 users フレームワーク コンポーネント CSSレイアウト ひと CSS

依存性なしで、フレームワークも必要なし。 CSSの特別なテクニックも必要とせず、リアルに使えるCSSレイアウトやUIパターンを集めたサイト CSS Layout が注目を集めています。 フロントエンジニアとして働くひとは、ウェブサイト制作においてどれだけ多くのレイアウトやコンポーネントを扱う必要があるかよく分かるでし... 続きを読む

Rustで始めるwebフロント開発。フロントエンジニアのためのRustメモリ管理入門

2021/12/24 30 users rust

この記事は、Supershipグループ Advent Calendar 2021の23日目の記事になります。 はじめまして。まさやんです。 普段はバックエンドをメインで書きつつ、フロント書いたり、AWSでインフラ構築したりと色々やらせてもらってます。 今回は、フロントエンドをメインにやってる人が、rustを始める時に参考になる記事を書こ... 続きを読む

【2021年 新人インタビュー】入社して6ヶ月以上経ったので、フロントエンジニアに今の心境を聞いてみた - RAKUS Developers Blog | ラクス エンジニアブログ

2021/11/19 5 users ラクス yayawowo 心境 決め手 展望

技術広報のyayawowoです。 今回は、2021年4月に入社したフレッシュな新人エンジニアの皆さんに 応募きっかけ 入社の決め手 現在の業務内容 ラクスの魅力 今後の展望 などなど、をインタビューしてみました！ 是非、新卒入社を検討している学生の皆様にラクスの魅力が伝われば幸いです。 フロントエンジニア編では、弊社... 続きを読む

70万通りのURLを持つWebサービスを Next.jsにリプレイスして高速化した話

2021/10/28 245 users Next.js URL 高速化 WEBサービス Twitter

Transcript 0 ジャムジャム！！Jamstack_2 70万通りのURLを持つWebサービスを Next.jsにリプレイスして⾼速化した話 1 © 2021 Ateam Inc. 1 Uejima Aiji リードエンジニア@株式会社エイチームライフスタイル Twitter: aiji42_dev 8年のキャリアの中で、フロントエンジニアよりも バックエンドエンジニアとしてのキャリア... 続きを読む

TypeScriptとOpenAPIスキーマで型安全に　READYFORが語る“スキーマファースト”で効率的な開発方法 - ログミーTech

2021/04/14 28 users ReadyFor TypeScript 登壇 菅原氏 ツール

「実践！フロントエンド分離戦略」はREADYFOR 株式会社主催のエンジニア向けLT勉強会です。ここで、菅原氏が「OpenAPI GeneratorとTypeScriptによる型安全なスキーマ駆動開発」のタイトルで登壇。スキーマ駆動開発とそのメリット、活用しているツールについて話します。 READYFORのフロントエンジニア 菅原弘太郎氏（以... 続きを読む

UIT 発の OSS コンポーネント glitch-image を公開しました - LINE ENGINEERING

2020/09/16 19 users UIT エフェクト 通称 LINE Engineering

LeonardoKen Orihara | 2020.09.16 UXに興味あるLINEのフロントエンジニア。とにかく楽しい体験をどうやって作っていくかを常に考えたい。 LINE株式会社フロントエンド開発センター(通称: UIT)の折原です。 先日 glitch-image という画像にオシャレなエフェクトをかけられる Web Component を公開しました。 今回は使い... 続きを読む

nextjsの大まかな流れをソースコードから読む - フロントエンジニアの

2020/01/26 24 users React nextjs ルーティング SPA フレームワーク

nextjsとは nextjsはjavascript, Reactを用いて静的及びサーバーサイドレンダリングアプリケーションを構築するための軽量なフレームワークです． Reactでフレームワークを用いずにSPAを開発する場合，ルーティングの処理やSSR，リソースの管理など様々な要件により，アプリケーションはどんどん複雑になっていきます． ... 続きを読む

フロントエンドエンジニアがUI設計〜実装で考えていること - Medley Developer Blog

2019/03/27 111 users 実装 UI設計 フロントエンドエンジニア TechLunch

おはこんばんちは、開発本部エンジニアの大岡です。 先日、TechLunchという社内勉強会で「フロントエンジニアがUI設計〜実装で考えていること」という内容で発表しました。UI設計から実装の細かい話ではなくどういう気持ちで望んでるかという話で、基本的なことしか書いていませんが紹介させていただければと思います。 ... 続きを読む

フロントエンジニアなら知っておきたいブラウザレンダリングの仕組みをわかりやすく解説！ | LeapIn

2019/03/17 116 users ブラウザレンダリング 解説

この記事ではブラウザの仕組みを図解を用いてわかりやすくご説明します。 最近のブラウザは優秀なので、ブラウザの仕組みを理解していなくても、パフォーマンスの問題が発生することは少ないかもしれません。 しかし、アニメーションを多用するサイトやユーザーインタラクティブなサイトの場合、パフォーマンスの問題は... 続きを読む

【今日から携わる】新しいMacを買ったエンジニアのためのオススメ初期設定の方法&開発環境をさらしてみる。 - Qiita

2019/01/25 21 users WiFi Qiita Mac ディスプレイ 初期設定

【今日から携わる】新しいMacを買ったエンジニアのためのオススメ初期設定の方法&開発環境をさらしてみる。 新しくMacを買ったフロントエンジニアが、戸惑うことなく初期設定と開発環境をと整えることができるように自分の設定を公開します。 ・Macの設定の巻 ・おすすめソフトの巻 Macの設定の巻 ・Wifi ・ディスプレイ... 続きを読む

Webデザインの勉強まとめ｜Dai｜note

2018/09/09 11 users Note Udemy webデザイン Webデザイナー 講師

最近弊社に入社したasamotoさんがUdemyでWebデザインの講師をしているので、動画をみてみた。 ◯Webデザインを学びたいと思った動機・Webディレクター的な仕事をすることが増えて、Webデザイナーやフロントエンジニアの工数や、技術的なキャッチアップをしておきたいと考えたため ・ある程度こちらもプロトタイプを作った... 続きを読む

VS Codeを極める！ MarkdownやGitにもオススメの拡張機能9選 - ICS MEDIA

2018/07/24 520 users エディター HTMLコーダー 略称 Microsoft Git

「Visual Studio Code（略称：VS Code）」はMicrosoftが提供している無償で高機能なエディターです。標準でも十分な機能は備わっていますが、拡張機能をインストールすることで、より使いやすく自分にあったエディターにカスタマイズできます。 前回の記事では、「HTMLコーダー」「フロントエンジニア」にそれぞれ役立つ... 続きを読む

一部 React のサイトに MobX を導入しました - LCL Engineers' Blog

2018/06/26 13 users MobX LCL Engineers コンポーネ React

フロントエンジニアの田中です。 以下記事にもありますが、弊社のサービス：夜行バス比較なびの React 実装部分に MobX 導入しました。 techblog.lclco.com 目的 そもそもの導入目的は、親コンポーネントが違うコンポーネント同士の連携を行いたかったからです。 部分的に React を導入していたため、親が違うコンポーネ... 続きを読む

ピグクイズLIVE(アバターサービスにおける同期型クイズゲームの実装)

2018/06/18 8 users アバターサービス アメーバピグ 増田 実装 機能

はじめまして、アメーバピグでフロントエンジニアをしている増田と申します。 先月(2018年5月25日)、ピグクイズLIVEという新機能のβ版をリリースしました。 この機能を開発するにあたって、特に意識した事をお話させて下さい。 「アバターサービスにおける同期型クイズゲームの実装」という新しい試みを通して、普段アメ... 続きを読む

JavaScriptで使えるIBMワトソンの画像認識APIで機械学習に挑戦 - アドビクッションの種類を判別してみた - ICS MEDIA

2018/05/30 52 users ICS MEDIA 機械学習 画像認識API 挑戦 種類

ICS MEDIA ウェブ制作 2018/05/30 JavaScriptで使えるIBMワトソンの画像認識APIで機械学習に挑戦 – アドビクッションの種類を判別してみた 「機械学習」や「深層学習」が流行ってますが、プログラミングではじめるにも「難しそう」と印象を持ってる方は多いのではないでしょうか。本記事では画像認識をテーマに、ウェブのフロントエンジニアが手軽に試せるサービスを紹介します。 Vi... 続きを読む

年末年始の遊びはこれで決まり！ -家庭用ダーツをもっと楽しむHack術 – PSYENCE:MEDIA

2017/12/16 15 users ダーッ 夛田 PSYENCE Media みなさん

この記事は RECRUIT MARKETING PARTNERS Advent Calendar 2017 の投稿記事です。 こんにちは！フロントエンジニアの夛田です。 弊社アドベントカレンダーも折り返し、そろそろ年末も近くなって来ましたね。年末年始に家族や友人とやる遊びといえば、もちろん ダーツ ですよね！ 今回は年末年始のダーツライフをより楽しく過ごせるように、みなさんのご家庭にあるダーツボー... 続きを読む

2017年度 新卒技術部研修 〜講義編〜 - KAYAC engineers' blog

2017/07/18 16 users KAYAC engineers サーバーエンジニア 講義編

2017 - 07 - 18 2017年度 新卒技術部研修 〜講義編〜 新人研修 ruby chef mysql redis git github はじめに 新卒技術部研修にするにあたって昨年の研修を振り返り フロントエンジニア、フロントエンジニア(Unity)、サーバーエンジニア、と様々な職能の新卒メンバー全員が受ける研修でGo言語を使うのは配属後に使わない人がいるのでもったい 各講義毎にそれぞ... 続きを読む

iOS11でついにSafariからカメラにアクセスできるようになりました。（コピペで動くサンプルコード付き） - KAYAC engineers' blog

2017/06/06 238 users KAYAC engineers Safari コピペ カメラ

2017 - 06 - 06 iOS11でついにSafariからカメラにアクセスできるようになりました。（コピペで動くサンプルコード付き） ios javascript ざっくり1行でまとめると iOS11のSafariがカメラにアクセスできるようになったから試しました。＾ ＾ はじめに こんにちは。フロントエンジニアの @ki_230 です。 WWDC、盛り上がりましたね。寝不足の方も多いのでは... 続きを読む

モック用のJSONやCSVなどのデータを大量にかつ簡単に作成できるMockarooを試してみた - とんちむ日記

2017/05/09 56 users JSON mockaroo サーバーサイド CSV Tweet

2017 - 05 - 09 モック用のJSONやCSVなどのデータを大量にかつ簡単に作成できるMockarooを試してみた Tweet どうも、フロントエンジニアになりたい人です。 js側から叩く API がまだサーバーサイドで実装されてないけど、js側の処理も先にやっとかないといけないって状況ありますよね・・多分。僕は今のところ経験したことないけどきっとある。 あと、テスト用のデータ欲しいとか... 続きを読む