フルスタック Web フレームワーク HonoX を使ってみる

2024/02/11 91 users フルスタック web クライアントサイド hono vite

フルスタック Web フレームワーク HonoX を使ってみる 2024.02.10 HonoX は Hono と Vite をベースにしたフルスタック Web フレームワークです。Hono が提供するサーバーサイドやクライアントサイドの機能を使いつつ、ファイルベースルーティングや Islands Architecture などの新しい機能を使うことができます。 HonoX ... 続きを読む

もうjsなんていらない！世界で流行っているHTMXについてまとめてみた - Qiita

2024/01/18 313 users Qiita htmx SSE WebSocket DOM

HTMXとは HTMXは、JavaScript を記述せずに、Ajax通信や高度なUXを実現できるライブラリ。 軽量 で 高速 で、既存のサーバーサイドのフレームワークとシームレスなやり取りができる。また、AJAX通信の発火、フォームの送信処理、DOMの更新などを既存のHTML要素を拡張するだけで可能とする。WebSocketやSSEにも対応してい... 続きを読む

JestのTips集10選。サーバーサイドでNode.jsのJestを書いたことない人向け

2022/04/11 100 users Jest ベストプラクティス Tips node.js 業務

対象 業務レベルでサーバーサイドでJestを書いたことはないけれど、新プロジェクトでは書くことになったみたいな方を想定して記述しています。 Jestについては中々ベストプラクティスが集まりにくいので、経験的にこう書くと「きれいに」・「早く」・「正確に」書けるよというTipsを集めてみました。もし、よろしければ... 続きを読む

Repro のサーバーサイド開発環境を M1 Mac に対応させるまでの道のり - Repro Tech Blog

2021/11/19 133 users Repro MacBook 道のり Apple ラインナップ

Apple Silicon の時代が来る Repro でサーバーサイドの開発をお手伝いしているうなすけと申します。 2021年10月19日に行われた Apple の新製品発表において、M1 チップを搭載した MacBook Pro が発表されました。この発表により、Intel チップを搭載した MacBook はラインナップから消え、今後は M1 チップ上で開発する... 続きを読む

Go言語を嫌う6個の理由 - さめたコーヒー

2021/09/16 339 users Go言語 コーヒー 理由 6個 Ruby

ある仕事でそれまでRubyで書かれていたサーバーサイドをGo言語ですべて書き直すことになって、それまでRubyのコードを書いていた僕はそのままGo言語を書くことになった。その仕事そのものはお客様（僕は外部委託のエンジニアとして参画していた）との関係も良好で素晴らしい仕事をさせてもらうことができたと思っている... 続きを読む

GraphQLが解決する問題とその先のユースケース

2021/04/02 324 users GraphQL その先 クライアント ユースケース タイトル

サーバーサイドからみたGraphQL Serverlss Meetup#19 2021/03/31 に行われた Serverlss Meetup#19 で上記のタイトルで登壇してきました。サーバーサイドの話をしようと思ったけどGraphQLの解決している話をしようと思ったらクライアントの事もかなりはいってしまったので記事のタイトルは変えました。 以下内容です。記... 続きを読む

React Server Components 総まとめ

2021/02/11 75 users React Server Components デモ 概要

先日、React Server Componentsについてまとめる機会がありました。 この記事では、React Server Componentsの概要と、デモを触る中で感じたことについてご紹介します。 React Server Componentsとは React Server Componentsは、Reactコンポーネントをサーバーサイドでレンダーする新しい技術です。 一部のコンポーネン... 続きを読む

最近のモダンなWebサービス開発の構成について調べるメモ

2021/01/31 236 users メモ 構成 Webサービス開発 Rails ネイティブアプリ

ここのところ雑にWebサービスをリリースする機会が減って最近はFlutterでネイティブアプリばかり書いてるのでWebの最新に追いつけてない。 最近の流行りのWebサービス開発について自分の必要そうな範囲でちょっと調べてみる。 自分の場合、フロントエンドはTypeScript+(Vue or Nuxt)でやって、サーバーサイドはRailsで書... 続きを読む

エンジニアとして2020年に関わった技術をまとめる - バーチャルおりばーハウス

2020/12/30 122 users バーチャルおりばーハウス エンジニア 技術 Fringe81

potato4dとうなすけが2020年に使用した技術をそれぞれフロントエンドエンジニアの目線とサーバーサイドエンジニアの目線から書いてくれていたので、私も感化されて記述していこうと思う。d.potato4d.me blog.unasuke.com 私自身は2020年、本業としてFringe81（2020年12月で退職）でサーバーサイドをメインで触り、業務委... 続きを読む

GoとRustの言語比較記事を書くのが流行ってるらしい - The curse of λ

2020/03/03 168 users rust コンテキスト 極限 前提 ミヨン

コンテキスト 私もGoとRustの比較記事書いてバズるやつやりたい — みょん (@myuon_myon) February 27, 2020 仕事でGoとRustを書いています。いずれもWebのサーバーサイドです。パフォーマンスとかほとほどって感じなので極限までチューニングしたりしません。という前提で読んでください。 Rust/Goはいずれも習得してか... 続きを読む

SmartNewsのサーバーサイドのすべて　大規模サービスを支えるアーキテクチャと技術スタック - ログミーTech

2020/01/08 164 users SmartNews サーバサイド ニュースアプリ 技術 すべて

SmartNewsのサーバーサイドのすべて 大規模サービスを支えるアーキテクチャと技術スタック サーバサイドの技術スタック・アーキテクチャ総ざらい 2019年5月28日、「SmartNews Tech Night in Fukuoka Vol.1」が開催されました。日米4,000万ダウンロード (※1)を超えるニュースアプリ「SmartNews」の今と、技術にまつわる裏... 続きを読む

同じチームにいて最高に心強かったエンジニアの特徴をまとめみた - Qiita

2019/12/22 443 users Qiita デザインディレクション ゼロイチ iOS IoT

これまで私はプロダクトマネジメントやデザインディレクションを行う立場として、BtoBにBtoC、iOSにAndroidにWebにWatchOSにIoT、ゼロイチにグロース。様々な分野、プラットフォーム、フェーズでサービスを開発する機会に恵まれてきました。 その中で一緒にチームを組んだフロントエンド、サーバーサイド、iOS、Android... 続きを読む

Fastly に入社しました - Islands in the byte stream

2019/09/26 151 users fastly 前職 Bit Journey Inc 夫婦

2019年9月9日からFastlyに入社しています。勤務地は東京です。今後ともよろしくお願いいたします。 前職の Bit Journey, Inc. では3年ほどKibelaのサーバーサイドやフロントエンドアプリの開発に関わりました。Bit Journey在職中に子供がうまれ、現在も夫婦で分担しながら子育てをしていますが、この子育て初期という大... 続きを読む

CircleCI (Performance Plan) vs. Github Actions - Diary

2019/09/17 59 users CircleCI Webpack diary Rails ぺら

CircleCI (Performance Plan) vs. Github Actions 結論: CircleCI を買おう 現在ユビレジでは CI は CircleCI (Performance Plan)と TravisCI を使っていて、 CircleCI: サーバーサイド(いろんな言語がある) Web フロントエンド(Rails アプリのなかで webpack が動いていたり、 create-react-app で作られたペラっとした... 続きを読む

【Yahoo! ID連携】実装方法再確認のお願い - Yahoo!デベロッパーネットワーク

2019/07/18 67 users Yahoo ID連携 実装 ユーザー認証 不正アクセス防止

Yahoo! ID連携（Yahoo! ID連携 v1,v2）をご利用の皆様 いつもYahoo! ID連携をご利用いただきありがとうございます。 不正アクセス防止のために改めて実装方法のご確認をお願いいたします。 ■Yahoo! ID連携を利用しサーバーサイドでユーザー認証を行う場合 下記のような実装方法をされている場合は実装のご変更をお願いい... 続きを読む

【インフラ編】TECH LEADの技術を惜しげも無く公開します！React × PHP Laravel × BEAR.Sunday × SSR - TECH LEAD Blog

2019/04/19 198 users React SSR アーキテクチャー編 目次 インフラ構築

こんにちは、@TECH LEADです。 今回、「TECH LEADの技術を惜しげも無く公開します！」シリーズの最後となるインフラ編になります。 アーキテクチャー編 フロントエンド編 サーバーサイド（アプリケーション層）編 サーバーサイド（内部API層）編 インフラ編　←いまここ 目次 目次 主な技術 インフラツール インフラ構築 ... 続きを読む

Webフロントエンドとサーバーサイドの技術動向をざっくり整理する／JavaScript - "BOKU"のITな日常

2019/04/17 603 users jQuery boku Webフロントエンド 整理 目的

今回は、WEBフロントエンドとサーバーサイドあたりの技術動向を、ざっくりとアウトラインだけ整理してみようかと思います。 整理の目的 今のところ。 自分的には、jQueryで困っていることは特にありません。 なんですが、久々に既存システム縛りの無いWeb開発の話があり、「せっかくだから、jQuery以外のJavaScriptフレ... 続きを読む

TypeScript+Expressでサーバーサイド開発やってみた / typescript_express_debugging - Speaker Deck

2019/04/03 96 users Speaker Deck 開発

TypeScript+Expressでサーバーサイド開発やってみた / typescript_express_debugging 続きを読む

入門 Docker

2019/03/19 972 users 入門 Docker WebAPI Docker プラクティス

入門 Docker¶ About¶ Dockerの入門からプロダクションで活用するプラクティスについてのドキュメントです。 プロダクションへ導入するために必要なDockerの概要から設計までをなるべく最短経路で学ぶことが目的です。 想定する読者層¶ WebAPIのようなサーバーサイドのプログラミングをしたことがある Dockerをこれから触... 続きを読む

【JavaScript SEO】サーバーサイドでレンダリングすべき要素: メインコンテンツ、構造化データ、titleタグ、hreflangほか | 海外SEO情報ブログ

2019/03/17 56 users スプリット ウェビナー メインコンテンツ TITLEタグ 上級

[レベル: 上級] DeepCrawl が主催したウェビナーで Google の Martin Splitt（マーティン・スプリット）氏が、JavaScript サイトの SEO に関するさまざまな質問に回答しました。 このなかで、サーバーサイドでレンダリングすべき要素、言い換えると、JavaScript を介してレンダリングさせるべきではない要素をスプリット... 続きを読む

SPA が、ウェブ開発のベストプラクティスになる時代 - mizchi's blog

2019/03/05 985 users ベストプラクティス SPA JSON 台頭 API

最近のフロントエンドに関するお気持ち。正直まとまってはない。 最近、こんな感じのツイートや記事が増えた。 web 技術をキャリアの中心にしない シングルページアプリケーション (以下SPA) の台頭により、私の観測範囲ではモダンな Web サイトは SPA で作られるようになった。サーバーサイドは JSON を返す API サーバ... 続きを読む

WordPressを劇的に高速化、1秒以内に表示されるフロントエンドの構築方法 -Zero-latency WordPress Front-end | コリス

2019/02/15 342 users コリス GitHub SSR レンダリング WordPress

サーバーサイドのレンダリング（SSR）を使用して、数分の1秒以内にページが高速に表示されるWordPressのフロントエンドを構築するテクニックを紹介します。 バックエンドのキャッシュと組み合わせることで、非常に高速になり、しかも安価にWordPressサイトを構築できます。 Zero-latency WordPress Front-end -GitHub 下... 続きを読む

Vue.jsで実装された、サーバーサイドのバリデーションを自動表示するフォームのコンポーネント -FormVuelar | コリス

2019/02/14 71 users コリス バリデーション コンポーネント Vue.js フォーム

サーバーサイドのバリデーションを自動的に表示するようにVue.jsで実装されたフォームのコンポーネントを紹介します。 ベーシックなフォームをはじめ、ファイルアップロード、ドロップゾーンなど、最近よく利用されるフォームのコ...記事の続きを読む 続きを読む

Node.jsアプリの開発をモダン化するために取り組んできたこと

2018/11/29 172 users node.jsアプリ モダン化 開発 TypeScript

Node.jsアプリの開発をモダン化するために取り組んできたこと 1. ビットバンク株式会社 Node.jsアプリの開発をモダン化するために取り組んできたこと @d-yokoi 東京Node学園祭2018 2. Copyright © bitbank, inc. 自己紹介 ❏ ビットバンクでサーバーサイドを担当 ❏ Node.js, TypeScript ❏ 前職ではモバイルゲームを開発 ❏... 続きを読む

BigQueryで協調フィルタリングを使って使用食材が似たレシピを探す話 - おいしい健康　開発者ブログ

2018/11/13 57 users iOS BigQuery 花井 Swift 協調フィルタリング

こんにちは。おいしい健康エンジニアの花井です。 今年の8月に入社しまして、iOS(クライアント)、API(サーバーサイド)、データ分析など幅広くやっています。 言語で言うと、Ruby(Ruby on Rails), Swift, Pythonですね。 今回は、食材が似たレシピを探す話、と題しておいしい健康のデータ分析の話をします。 概要 おいし... 続きを読む