並び順

ブックマーク数

期間指定

  • から
  • まで

241 - 280 件 / 6442件

新着順 人気順

SPAの検索結果241 - 280 件 / 6442件

  • SPAの歴史とRemix SPAモードという到達点 / the SPA's chronicle reaches to remix

    Niigata 5分 Tech #4と、モニクル社の社内LT大会で喋ったやつです https://niigata-5min-tech.connpass.com/event/307076/

      SPAの歴史とRemix SPAモードという到達点 / the SPA's chronicle reaches to remix
    • イトーヨーカ堂の閉店が止まらない深刻な理由。イオンと明暗を分けたものは(週刊SPA!) - Yahoo!ニュース

      イトーヨーカ堂の閉店が続いている 2021年5月9日、北海道旭川市ーー。地元の生活を支えてきたイトーヨーカ堂旭川店が40年の歴史に幕を閉じました。閉店時の店長によるお別れの挨拶には、詰めかけた約200人の市民が拍手で見送り、涙を流した人もいたという報道もあります。 さらに同年2月28日。人口35万人を誇る福島県いわき市。街の中心部、平地区のシンボル的存在だったイトーヨーカ堂平店が閉店しました。 こちらも1971年に建てられた施設が施設老朽化し、東日本大震災時の損傷などもあり、「地域のお客様のニーズに対応できなくなった」ことを理由に50年以上の歴史に幕を閉じています。 実はいま、あなたがかつて育った地元でもイトーヨーカ堂の閉店が相次いでいるのです。 少しだけ例を挙げるとしても、これだけの店舗が閉店しています。 2019年1月20日 釧路店(北海道) 2019年2月17日 古河店(茨城県) 2

        イトーヨーカ堂の閉店が止まらない深刻な理由。イオンと明暗を分けたものは(週刊SPA!) - Yahoo!ニュース
      • スギ薬局がワクチン接種抜け駆け工作について釈明文、無理がある言い訳のせいでまるで秘書が会長の殺人未遂事件を引き起こしたような結果に : 市況かぶ全力2階建

        日刊SPA!に登場の医学生投資家、儲け自慢に熱を入れるあまり「11歳から親の口座で投資を始めた」と借名取引をうっかり告白

          スギ薬局がワクチン接種抜け駆け工作について釈明文、無理がある言い訳のせいでまるで秘書が会長の殺人未遂事件を引き起こしたような結果に : 市況かぶ全力2階建
        • じゃらん「もう一度行きたいスーパー銭湯ランキング2019」を発表!1位は愛媛県【全国】 |じゃらんニュース

          今や温泉だけでなく、プールやカフェが併設されるなど、進化がとまらないスーパー銭湯。天候に左右されることもなく、一日過ごせるスポットとして人気のお出かけ先となっています。 今回は全国のスーパー銭湯の中から、もう一度行きたいと思う施設を調査しました。気になるランキング結果はこの後!ぜひチェックしてみてください!! 記事配信:じゃらんニュース 『じゃらん』もう一度行きたいスーパー銭湯ランキング 【アンケート調査概要】インターネット調査/東北、関東、東海、関西、中国・四国、九州までの6エリアで『じゃらん』本誌掲載のスーパー銭湯を選抜し、計161施設を選択肢として設定。過去1年以内に行ったことのある施設の中から、もう一度利用したいと思う施設を選択。行ったことがあると回答した数が40人以上の施設を対象に集計。調査時期:2019年9月25日(水)~27日(金)/調査対象:45都府県在住 20代~50代男

            じゃらん「もう一度行きたいスーパー銭湯ランキング2019」を発表!1位は愛媛県【全国】 |じゃらんニュース
          • 私がC#の勉強のために必ずクローンしているGitHubリポジトリを紹介します - Alternative Architecture DOJO

            こんにちは。MLBお兄さんこと松村です。 今回は私がPCに必ずgit cloneしているC#系のGitHubリポジトリを紹介します。 どういったリポジトリであるか、リポジトリをクローンしている目的も併せて書いてみます。 とりあえず詳細はいいから、どんなリポジトリがあるか知りたい方はこちらをご覧ください。 gist.github.com それでは列挙していきます。(アルファベット順です) 常にクローンするもの dotnet-presentations/aspnetcore-app-workshop github.com ASP.NET Core 2.2でSPAのWebアプリケーションを作るワークショップです。 dotnet-presentations/aspnetcore-concepts-workshop github.com 前述の dotnet-presentations/aspnet

              私がC#の勉強のために必ずクローンしているGitHubリポジトリを紹介します - Alternative Architecture DOJO
            • 私が愛するフロントエンドのツールたち2023

              自分がチームでフロントエンドの開発をするときの技術選定について書きます。 ログインしてユーザーごとに個別の情報を扱うことがメインのサービスを前提に書きます。 考え方 メンテナンス性の優れたものを選ぶ 制限が少ないものを選ぶ 余計なことに気を使わない 一気にいろんなことに挑戦しすぎない フレームワーク 正直に書くと最近は問答無用でNext.jsを選択しています。 慎重な性格なので、自分が責任を持って開発、運用するプロダクトであれば自分の経験値が高く、多くの課題をクリアできるNext.jsを選びます。 一部インフラの制約があるものの、ページごとにSSGやSSR、On-demand ISRなどができること、Reactの大きなエコシステムの恩恵を受けられることは非常に大きいです。 採用面でも現状Reactを扱える人は他のフレームワークを扱える人より多く感じます。 次点でCloudflare Wor

                私が愛するフロントエンドのツールたち2023
              • あなたのプロダクトに Apollo Client は必要ないかもしれない - 一休.com Developers Blog

                Apollo Client は複雑 Apollo Client が向いているケース 一休.com に Apollo Client は必要ないかもしれない では何を使えばいいの? 複雑なアプリケーションには Apollo を使えばいい? もう一つのリッチなクライアント、Relay の話 結局、何を使えばいいのか この記事は一休 × 出前館 Frontend Meetup でお話した内容をブログにまとめたものです。 user-first.ikyu.co.jp speakerdeck.com GraphQL クライアントと聞いて一番に思い浮かぶライブラリは何でしょうか? 多くの方にとっては Apollo Client ではないかと思います。npm trends を見ても Apollo Client のダウンロード数は urql や relay などほかのクライアントと比べ圧倒的です。 実際、一休

                  あなたのプロダクトに Apollo Client は必要ないかもしれない - 一休.com Developers Blog
                • 2022年の技術トピックをふりかえる - laiso

                  それはベンツなんよ 総括 今年はコードをよく読むようにした。 技術的にはひき続きPaaSやクロスプラットフォームの動向に注目した。 デファクトの移り変わりを感じるので来年以降はGoやGraphQLに手を出していきたい。 去年のエントリ: 2021年に作ったモノや技術をふりかえる 今年やったこと コード読み 去年はコードを書くことに注力していたので今年は一転コードを読んでいた。 プログラム雑談ポッドキャストを聞いていて「コード読み」っていう言葉がよく出てくるので聞きながらそういえば自分もこの分野が好きだなと思い出したので意識してやることにした。 丁度、最新技術のトレンドだけ俯瞰しているのに学びを感じなくなってきたのでより潜りたい気持ちがあったのでそれを満せたと思う。 IntelliJ IDEAで全言語のプログラミング環境が楽に揃っているのが心強い(Samuraismさんありがとう)。 読んだ

                    2022年の技術トピックをふりかえる - laiso
                  • 次世代 CSS 仕様が与えるコンポーネント時代の Web への影響 | blog.jxck.io

                    Intro SPA の隆盛で進化したフロントエンドライブラリによって生み出された「コンポーネント」という資産は、それを View 層の最小単位として扱うエコシステムにその重心をずらした。 近年の Web 開発は、虫食いのテンプレートエンジンにデータをはめ込む方式から、デザインシステムにカタログされたコンポーネント群に、 API から取得したステートを流し込み、それらを「いつ、どこで、どう」レンダリングするかという課題への最適解を、各位が模索するフェーズとなっている。 コンポーネントを敷き詰めるコンテナ側の設計は、 Flexbox および Grid の登場によるレイアウトの進化が手助けしたところも多いにある。しかし、「ページ」を前提に設計された CSS は、「コンポーネント」を前提にした設計に移行するうえで、ミッシングピースが多かった。 現在、提案/実装が進んでいる CSS の新機能群には、

                      次世代 CSS 仕様が与えるコンポーネント時代の Web への影響 | blog.jxck.io
                    • 「5000万円以上儲かっているんじゃないかな」メルカリで下着を売る29歳。“本当の目的”は売り上げではなく…(週刊SPA!) - Yahoo!ニュース

                      恋ゴコロに付け込み、カネを巻き上げ、そのマニュアルまで販売して男たちを震撼させた「頂き女子りりちゃん」。だが、“おじ”からカネを頂こうと目論むのはりりちゃんだけじゃない。色恋詐欺を働く女たちの手口と言い分とは? ⇒【写真】商品を送付するときにメールアドレスを記したメモを添えるという 「5000万円以上儲かっているんじゃないかな」頂き額:5000万円 主な手口:フリマアプリで下着を販売。購入者を騙す 「これまで50人以上の“おじ”から頂いて、なかには800万円近く引っ張れた人もいます。5000万円以上儲かっているんじゃないかな」 そう得意げに語るのは、自称・自営業者の松沢亜美さん(仮名・29歳・既婚)。彼女が獲物を物色するのは、路上でもSNSでもなくフリマアプリ『メルカリ』だ。 「メルカリには使用済みの下着を『2~3回着用しましたが、お譲りします』と投稿して出品。新品でない下着なんて女性は買

                        「5000万円以上儲かっているんじゃないかな」メルカリで下着を売る29歳。“本当の目的”は売り上げではなく…(週刊SPA!) - Yahoo!ニュース
                      • 将棋が指せる WEB サービスを個人で開発しました - SHOGIX

                        みなさんこんにちは、はじめまして、菊池です。 先日、関数型言語と Google のクラウドサービスを使って作った【SHOGIX 無料で将棋の対局ができる WEB サービス 】を公開しました。完全に個人の趣味プロジェクトです。 WEB ブラウザがあれば将棋の対局ができるので、よかったら友達と将棋を指す時とかに使ってみてください! 今回は SHOGIX を構成する技術について、その概要を紹介してみようと思います。 今後の SHOGIX には、棋力が同じぐらいのユーザー同士でマッチング対局できる機能や、将棋が強くなれる機能を少しづつ追加していく予定です。お楽しみに! shogix.jp SHOGIX の構成 SHOGIX は Google の各種クラウドサービスを使って、サーバーレスで構成しています。インフラの運用は全てクラウドサービス側にお任せでスケールアウトもしてくれるので、ロジックの開発に

                          将棋が指せる WEB サービスを個人で開発しました - SHOGIX
                        • すべてのウェブ開発者へ。人気GitHubリポジトリ9選 - Qiita

                          本記事は、Simon Holdorf氏による「9 Popular GitHub Repos For Every Web Developer」(2021年4月4日公開)の和訳を、著者の許可を得て掲載しているものです。 こちらもどうぞ すべてのウェブ開発者へ。人気GitHubリポジトリ10選 便利なツール、参考になる例など はじめに GitHubは、最近の(ウェブ)開発に関連するすべてのワンストップショップです。フレームワーク、デモ、あらゆる種類のコレクションなど、GitHubで見つけられないものはないでしょう。しかし、この膨大な量が問題です。あまりにも多くのレポジトリがあるので、おそらく聞いたことのないクールなものがあります。 そこで今回も、知っておくべき最も人気のGitHubリポジトリを紹介することにします。各リポジトリには少なくとも30,000個の星が付いています。 1. Realwor

                            すべてのウェブ開発者へ。人気GitHubリポジトリ9選 - Qiita
                          • お知らせ | 公式ホームページ・ホテル舞浜ユーラシア

                            スパ&ホテル舞浜ユーラシア 舞浜リゾート唯一天然温泉完備の緑あふれる奇麗な施設は、カップルや女性同士はもちろんファミリーユースや企業の研修・セミナー等、様々なシーンでご利用いただけます。舞浜、浦安、新浦安からシャトルバスあり。

                            • フロントエンドの新規開発でNext.jsの採用を見送った話 - バイセル Tech Blog

                              ※こちらはバイセルテクノロジーズ Advent Calendar 2023の10日目の記事です。 前回の記事は、金澤さんのAuth0とEntra IDを扱うプロダクト同士を繋げるためのIstio設定あれこれでした。 はじめに こんにちは、開発3部の神保です。 バイセルでは、お客様宅への出張訪問による買取が買取チャネルの主力となっています。現在開発3部の弊チームでは、この出張訪問買取で使用されるWebアプリケーション「Visit」の新規開発を進めています。 VisitのフロントエンドにはReactを採用しましたが、Next.js等のフレームワークは使用せず、Vite + ReactによるSPA (Single Page Application)構成を選択しました。 技術選定の過程では、社内での採用事例などからNext.jsも検討の対象となりましたが、最終的にはその採用を見送る結論に至りました

                                フロントエンドの新規開発でNext.jsの採用を見送った話 - バイセル Tech Blog
                              • Fastlyについて知らないかもしれない30のこと – TravelBook Tech Blog

                                いわくら君が書いてくれた通り 、トラベルブックではFastlyを導入しました。Fastlyについて初めて分かったことがたくさんありました。列挙してみたら30個もあったので、一個ずつ紹介してみることにします。 そもそもFastlyとは そもそもFastlyとはCDNのサービスです。現在では後述するCompute@Edgeを主力としたサーバーレス環境を推していますが、とにかくCDNです。今回は www.travelbook.co.jp ドメイン全てに対して適応し、全てのHTMLページをFastly経由にしました。 もともとVarnishでページをキャッシュしていた部分をFastlyに置き換えることで冗長化・安定化、また、パフォーマンスアップを図ります。 加えて、これまでキャッシュの対象外だったページも、この際TTL付きでキャッシュする、というのが今回やったことです。 詳しくはいわくら君の書いた

                                  Fastlyについて知らないかもしれない30のこと – TravelBook Tech Blog
                                • 「あれ?このグラフ」著書に「無断転載」されたとXで訴え 扶桑社側は「編集部の不手際」と謝罪も「納得いかない」

                                  「私が作成したものとほぼ同一ですが、掲載許可とかの連絡こなかった」 この著書は、いわゆる「弱者男性」の人口推計に踏み切ったという『弱者男性1500万人時代』で、2024年4月24日に発売された。Amazonの書籍ジャンルのランキングで1位になるなどして、注目を集めている。 データ分析による男女論をSNS上で発信している「すもも」さん(@sumomodane)は同日、自らの専門に近いこともあってすぐに著書を購入したが、その中でグラフの無断使用に気づいた、とX上で報告した。 「あれ?このグラフ、私が作成したものとほぼ同一ですが、掲載許可とかの連絡こなかったです」 すももさんは、著書のグラフと自ら作成のものの比較画像も載せた。グラフでは、研究者の国際プロジェクト「世界価値観調査」について、先進25か国の抜粋部分がデータとして使われていた。その結果、日本の未婚男性は、先進国で最も幸福度が低く、未婚

                                    「あれ?このグラフ」著書に「無断転載」されたとXで訴え 扶桑社側は「編集部の不手際」と謝罪も「納得いかない」
                                  • 誰かに頼ることは「逃げ」じゃない。自己責任論が導く「孤独」の恐ろしさを考える|吉川ばんび - りっすん by イーアイデム

                                    文 吉川ばんび 忙しく働いているはずなのに満足な給料が得られない、急病により思うように働けなくなった……。こうしたとき、環境や社会という大きな構造に目を向けず、全て「自分のせい」と自分を責めてしまう人は少なくないように思います。 フリーライターの吉川ばんびさんは、自身の体験やこれまでの取材経験を踏まえて、過度に「自己責任」を内面化することに警鐘を鳴らします。著書『年収100万円で生きる-格差都市・東京の肉声-』では、いかに貧困が構造的につくられているものかを指摘しました。 今回、吉川さんには自身の体験を振り返っていただきながら、自己責任論が導く「孤独」の問題と、誰かに頼ることの重要性について、ご執筆いただきました。 ***20代半ばくらいまで、私は本当に「ひとり」だったのだと思う。 職場と自宅を往復するだけの毎日を送っていた当時、私はただただ「日常」を崩さないことに精一杯で、プライベートで

                                      誰かに頼ることは「逃げ」じゃない。自己責任論が導く「孤独」の恐ろしさを考える|吉川ばんび - りっすん by イーアイデム
                                    • 新規事業の決済機能としてStripeを導入する上で考えたこと全て - Timee Product Team Blog

                                      こんにちは、タイミーデリバリー開発チームの宮城です。 この記事はJP_Stripes Advent Calendar 2020の10日目の記事です。 タイミーデリバリーはデリバリーを頼みたい人が安い価格で注文でき、飲食店も安い利用料で注文を受けられるデリバリープラットフォームです。 その決済機能として今回はStripeを導入しました。 この記事では、決済基盤の技術選定/Stripeを活用したクレジットカード決済と各事業者への入金までの流れ/Railsでの具体的な実装内容 をそれぞれタイミーデリバリーでの活用事例として紹介します。 導入にあたった背景 決済基盤の技術選定基準 Stripeでできること PCI DSSについて 利用したStripeの機能 Custom Account Stripe SDKを利用したRails/Swiftでの実装内容 PaymentIntent Customer

                                        新規事業の決済機能としてStripeを導入する上で考えたこと全て - Timee Product Team Blog
                                      • Single Page Applications using Rust

                                        WebAssembly (wasm) allows code written in languages other than JavaScript to run on browsers. If you haven’t been paying attention, all the major browsers support wasm and globally more than 90% of users have browsers that can run wasm. Since Rust compiles to wasm, is it possible to build SPAs (Single Page Applications) purely in Rust and without writing a single line of JavaScript? The short answ

                                          Single Page Applications using Rust
                                        • レッドオーシャンの雑貨市場で「3COINS」が急成長している理由|もやし

                                          先日二子玉川のriseを訪れた際、「3COINS」という黄緑色の見慣れない看板が目につき入店してみたところ、店内が20代~30代の女性で賑わっており非常に驚きました。 軽く調べてみたところ、売上高や店舗数が急成長中の雑貨ブランドらしく、その仕組みも非常に面白い企業であることが分かりました。アパレル出自ならではの同社の面白い仕組みをまとめましたので、ご覧ください。 売上300億円を超えてなおYoY+46.2%と急成長中「3COINS」を展開するのは、大阪に本社を置き衣料品販売と雑貨販売を手掛ける「パルグループホールディングス」で、22年通期売上高は1,342億円(YoY+23.7%)、営業利益は75億円となっています。 バフェットコードよりそして売上高こそ祖業のアパレルセグメントの比率が高いものの、営利ベースでは直近で急成長している雑貨セグメントが、全体の55.5%と大半を稼いでいることが分

                                            レッドオーシャンの雑貨市場で「3COINS」が急成長している理由|もやし
                                          • 【バックエンド】駆け出しエンジニアが目指すジュニアレベルのエンジニアとは【2024年版】 - Qiita

                                            はじめに こんにちは。 普段はフロントエンドの開発をメインでやっておりますmamiと申します。 最近バックエンドの方の勉強や、少しずつですがDB設計やAPI作成などの業務もやらせてもらえるようになったので、自分のエンジニアとしてのレベル感や、この先目指すべき道筋を明確にしたいな〜という思いでこの記事を書いております。 これは自分のための記事であると同時に、同じように駆け出し中のエンジニアさんや、ミドル層を目指す手前のエンジニアさんにも刺さる内容になっているかと思います。 今、自分がどのようにキャリアアップしていくべきなのか、どのような道筋でスキルを磨いていけばいいのか。そんなふうに悩んでいる方は是非読んでみてください。 ※内容はバックエンドエンジニアが対象になりますが、フロントエンドの方もなにか通じるものがある…かもしれません。 ちなみにですがフロントエンドの方の記事は下記で執筆しています

                                              【バックエンド】駆け出しエンジニアが目指すジュニアレベルのエンジニアとは【2024年版】 - Qiita
                                            • IE First を避ける

                                              まず、去年の実績として、IE のシェアが 9% から 5% になっています。 Browser Market Share Japan | StatCounter Global Stats 世界だと 1.4% です。これは途上国などでは Android Chrome が支配的だからです。 https://gs.statcounter.com/browser-market-share/all 国内で「IE シェア」などでググって出るサイトは 9% と出ていますが、これはデスクトップのみの数字で、モバイルを含めた数字は 5%前後です。日本はさらに Chrome ベースの新 MS Edge の正式リリースがコロナと確定申告の影響で延期されており、リリースのタイミングでさらに減ることが予想されます。 去年の実績値でいえば、来年度には 2% 台、再来年には 1%を切っている可能性があります。これは to

                                                IE First を避ける
                                              • 【感想】『Amazon Web Servicesを使ったサーバーレスアプリケーション開発ガイド』:Lambdaで本格サービス開発まで - Rのつく財団入り口

                                                サーバーレスアプリケーション開発ガイド Lambda関数を用いたサーバーレス開発をもっと知っておこうと思って読んだ本の感想です。2018年4月刊行、サーバーレスの主要サービス解説にコードはPython、のみならずフロントはVue.jsを使った本格開発まで、実践的な内容が詰まった本です。 作者は現Amazon Web Services Japan所属のKeisuke69こと西谷圭介さん。Twitterでもよくお見掛けします。(@Keisuke69) サーバーレスアプリケーション開発ガイド Chapter1 サーバーレスアプリケーションの概要 1-1 サーバーレスアプリケーションとは 1-2 ユースケースとアーキテクチャパターン 1-3 サーバーレスアプリケーションのライフサイクル管理 Chapter2 Amazon Web Services(AWS)利用の準備 Chapter3 インフラを自

                                                  【感想】『Amazon Web Servicesを使ったサーバーレスアプリケーション開発ガイド』:Lambdaで本格サービス開発まで - Rのつく財団入り口
                                                • Next.js の状態管理 2020

                                                  Next.js といえば、SSG(JAMstack)が最近は特に話題ですね。1年前まではgetInitialPropsを用いて、どう SSR するのかという事が話題の中心でした。Next.js 9.3 以降、SSR をする際にはgetInitialPropsではなくgetServerSidePropsを使用することを推奨すると記載されています。(そして、getInitialPropsを使用することで自動最適化が無効となってしまう旨も)getStaticPropsやgetServerSidePropsを利用することで、私たちは SSG・SSR をページ単位で切り替えることができます。 「SSG・SSR」が共存する可能性がある場合、SSR にはgetServerSidePropsを利用することになります。この変化による影響範囲は多大で、状態管理とデータフェッチについて、再考する必要がでてきまし

                                                    Next.js の状態管理 2020
                                                  • 「なぜ日本人は部屋を片付けられないのか」。一級建築士が指摘する“明確な理由” | 日刊SPA!

                                                    こんにちは、一級建築士の八納啓創と申します。会社員の方から上場企業の経営者宅まで、住む人が幸せになる家をテーマにこれまで120件の家づくりの設計に携わってきました。 『日刊SPA!』では、これまでの経験を生かし、「これからの時代に必要な住まいの姿」をテーマにお伝えしていきます。今回お伝えするのは「多くの日本人が片付けられない理由」についてです。 ウィズコロナになった今、改めてこの3年間を振り返ると「家が快適でよかった」、もしくは「家がまるで牢獄のようできつかった」など、住まいに対する意識が高まった印象があります。 ただ、どちらかというと前者のように感じる人よりも、後者のように住まいに対してストレスを感じる人が多そうです。 その大きな原因が「散らかった家で過ごすこと」ではないでしょうか。実は、日本は他の先進国に比べて、片付け下手の人が圧倒的に多く、これには明確な理由があります。 多くの人は「

                                                      「なぜ日本人は部屋を片付けられないのか」。一級建築士が指摘する“明確な理由” | 日刊SPA!
                                                    • 「ハーバー・ビジネス・オンライン」が配信停止 上西教授「残念」 | 毎日新聞

                                                      「忖度(そんたく)しない」を掲げるウェブメディア「ハーバー・ビジネス・オンライン」が5月7日、全ての記事の配信を停止する。ハーバー・ビジネス・オンラインの編集部が7日、公式サイトで発表した。一部連載は別の3媒体で継続する。 ハーバー・ビジネス・オンラインは2014年に開設し、ESSEやSPA!などの雑誌を出版する「扶桑社」が運営。「『忖度しない』情報ニーズに応えるオピニオンメディア」を掲げ、政治からカルチャーまで広く専門家らによる記事を配信してきた。 記事配信の停止が発表されたこの日、ツイッターでは、「攻めてるメディアだったのに配信継続してほしい」「本当に残念」と惜しむ声が寄せられた。

                                                        「ハーバー・ビジネス・オンライン」が配信停止 上西教授「残念」 | 毎日新聞
                                                      • JAMstackってなに?実践に学ぶ高速表示を実現するアーキテクチャの構成 - エンジニアHub|Webエンジニアのキャリアを考える!

                                                        JAMstackってなに?実践に学ぶ高速表示を実現するアーキテクチャの構成 JAMstackは、「JavaScript」「APIs」「Markup」の3つの技術を組み合わせた、新しいWebアプリケーションアーキテクチャです。いち早くJAMstackを利用してWebサイトを作成した、寺川直宏さんと風間雅也さんにJAMstackについて聞きました。 JAMstackという言葉をご存知でしょうか。JAMstackは、「JavaScript」「APIs」「Markup」という3つの技術を組み合わせた、新しいWebアプリケーションアーキテクチャです。パフォーマンスの改善、セキュリティの担保、スケーラビリティの確保が見込めるため、フロントエンド界隈で、大きな注目を集めています。 しかしまだ登場したばかりの概念ゆえ、実例も少なく、理解しにくい面もあります。そこで、いち早くJAMstackでWebサイトを

                                                          JAMstackってなに?実践に学ぶ高速表示を実現するアーキテクチャの構成 - エンジニアHub|Webエンジニアのキャリアを考える!
                                                        • Deno入門 ─ 新しいTypeScript/JavaScript実行環境でWebアプリ開発とデータベース接続の基本を体験しよう|ハイクラス転職・求人情報サイト AMBI(アンビ)

                                                          例えばmain.tsというスクリプトに対して、ファイルの読み取りだけを許可したい場合は、以下のようにコマンドを実行します。 $ deno run --allow-read main.ts このときmain.tsプログラムはファイルの読み取りだけが可能になるため、ファイルの書き込みやネットワークアクセスをするとPermissionErrorによる実行時エラーになります。 なお、実行時にフラグを何も与えなければ、どの権限も持っていない状態になります。 各フラグにはパラメータを指定でき、例えば次のように実行すると/home/userディレクトリの読み込みだけが許可されます(--allow-writeフラグも同様)。 $ deno run --allow-read=/home/user main.ts また、--allow-netを次のように指定すると、特定のドメインとポートだけのアクセスを許可で

                                                            Deno入門 ─ 新しいTypeScript/JavaScript実行環境でWebアプリ開発とデータベース接続の基本を体験しよう|ハイクラス転職・求人情報サイト AMBI(アンビ)
                                                          • SPA+SSR+APIで構成したWebアプリケーションのセッション管理 - Pepabo Tech Portal

                                                            カラーミーショップ サービス基盤チームのkymmtです。この記事では、サーバサイドレンダリングするシングルページアプリケーションとAPIサーバからなるWebアプリケーションのセッション管理方法について紹介します。 アプリケーションの構成 構成の概要 今回は例としてEC事業部で提供するカラーミーリピートをとりあげます。構成としては、Railsで作られたAPIサーバ1と、Vue.jsで作られたシングルページアプリケーション(SPA)からなります。また、SPAはExpressが動くフロントエンドサーバでサーバサイドレンダリング(SSR)します。APIサーバはSPAかフロントエンドサーバだけが呼び出します。各ロールはサブドメインが異なります。 APIサーバでセッションIDを持つCookieを発行し、Redisを用いてセッション管理します。また、APIサーバへのセッションが有効なリクエストはフロント

                                                              SPA+SSR+APIで構成したWebアプリケーションのセッション管理 - Pepabo Tech Portal
                                                            • Frontend Study #1: 基調講演 - Frontend 領域を再定義する

                                                              Front-End Study #1「Cloud Native時代のフロントエンド」 - connpass の発表内容のテキスト版です。 発表に載せられなかった参考資料集 StatCounter Global Stats - Browser, OS, Search Engine including Mobile Usage Share The "Developer Experience" Bait-and-Switch - Infrequently Noted JavaScriptよ。文明を捨て、自然に還れ。 ::ハブろぐ Deno - A secure runtime for JavaScript and TypeScript Rome Toolchain Blitz.js - The Fullstack React Framework | Blitz.js ⚡️ Prisma - Da

                                                                Frontend Study #1: 基調講演 - Frontend 領域を再定義する
                                                              • ウェブフロントエンドの設計力を高めるためにアプリケーションの構造を捉えてみる話 - Chatwork Creator's Note

                                                                こんにちはー。 フロントエンド開発部の火村(ひむら/id:eiel)です。前回までは id:cw-himura で記事を書いていましたが、個人アカウントに切り替わりました。 よろしくおねがいします。 以前はサーバーサイド開発部に所属していましたが、2019年6月ぐらいからフロントエンドチームにヘルプとして無期限レンタル移籍中です。 主な担当している業務は「難しいバグ対応」と「これからChatworkのウェブフロントエンドをどうするかを考える」です。 昨日は期待の新人であるレオくんの入社して3ヶ月の熱烈な想いでした。アツいです。 さて、今回のお題は「レガシーフロントエンド脱却への挑戦」と雑に上から投げられたのですが、未来のことを考える作業をしているので書きやすいネタがありません。 あってもオチがつきません。 ということで、設計に役立つかもしれない話をラフに書くことにしました。 アプリケーショ

                                                                  ウェブフロントエンドの設計力を高めるためにアプリケーションの構造を捉えてみる話 - Chatwork Creator's Note
                                                                • クレベリンの大幸薬品、情弱向け空間除菌市場が飽和してしまい赤字に : 市況かぶ全力2階建

                                                                  日刊SPA!に登場の医学生投資家、儲け自慢に熱を入れるあまり「11歳から親の口座で投資を始めた」と借名取引をうっかり告白

                                                                    クレベリンの大幸薬品、情弱向け空間除菌市場が飽和してしまい赤字に : 市況かぶ全力2階建
                                                                  • ツイッターの凍結が解除されました - phaの日記

                                                                    よかった。 時系列は次のような感じです。 10月11日(金) 朝起きて凍結されていることに気づく。凍結への異議申し立てをツイッターに送る。「凍結されたのは間違いではないか」みたいなことを書いた。 10月14日(月) 異議申し立てへの返答が来る。 理由もわからずとりつくしまもない感じで、もう復活できないのか、と絶望的な気持ちになる。 だけど、異議申し立ては何回も繰り返していると復活できるらしい、という話を聞いて、二回目の異議申し立てを送った。 そういえば昔、直接丸の内のツイッタージャパン本社に行ったら凍結解除された、という話があったな、と思い出して、ちょっと行ってみようかとも考えた。 ツイッタージャパン社ではクレーム対応係が老人で、何を言っても「申し訳ありません」とひたすら土下座してくる、という、都市伝説みたいな話もあった(「詫び老人」と呼ばれていた)。あれももう一年半前の話か。今もその老人

                                                                      ツイッターの凍結が解除されました - phaの日記
                                                                    • 昔の“エビちゃんOL”服で婚活する37歳。「変わらない」ことの危うさ | 女子SPA!

                                                                      私のところへ相談に来た、年収300万円台の陽子さん(仮名・37歳・事務職)もそんな女性でした。結婚しないと決めていたわけじゃないし、普通に結婚ぐらいできるだろうと思ったらアラフォーになっていたそうです。 遅いスタートながら婚活を開始し、マッチングアプリじゃ無理だと見切りをつけて結婚相談所に登録した陽子さん。会いたいと思えない男性とも会わなければいけない焦りと不安の中で、決め手に欠ける出会いを繰り返し、どうしたらいいか分からなくなって相談にやってきました。 プロフィールを見せていただくと、陽子さんの勝負写真はシフォンブラウスにパステルカラーの丸首カーディガンを羽織り、フレアスカートという昔のエビちゃんOLのようなコーディネイトでした。令和なのに古いし、アラフォーなのに幼いです。 玉手箱を空けたわけでもなく、ある日突然アラフォーになる事なんて決してないのだけれど、現状維持バイアスが強すぎる方は

                                                                        昔の“エビちゃんOL”服で婚活する37歳。「変わらない」ことの危うさ | 女子SPA!
                                                                      • VueもReactもやったことないのでVanilla JSでやってみたSPA - Qiita

                                                                        はじめに まずは宣伝です。 このたび保育園を地図から探せる 保育園マップ というサービスを作りました。 WEB版 iOS版 Android版 Vanilla JSのSPAで作ったのですが、思いの外色んなことをやる必要があったので、制作過程で得た知見をこの記事にまとめました。 網羅的に書いたので長いですが、一つ一つのトピックはそれ程長くないので、興味があるところだけ読んでもらってもいいと思います。 Vanilla JS & SPAとは? Vanilla(バニラ) JSというのは何もフレームワークを使っていない素のJavaScriptのことです。 ただのJavaScriptなんですが、ジョークでフレームワーク風の公式サイト?っぽいものがあったりします。 SPAというのはシングルページアプリケーションの略です。 ページごとにHTMLを用意するのではなく、1つのHTMLの中でJavaScriptに

                                                                          VueもReactもやったことないのでVanilla JSでやってみたSPA - Qiita
                                                                        • クリーンアーキテクチャのUsecaseはなぜControllerへ値を返すのではなくOutput PortとしてPresenterを呼び出すのか - Runner in the High

                                                                          何を言っているのかと言うと、みんな大好きクリーンアーキテクチャの右下に図示されているFlow of Controlのこと。 黒線が引かれているということは、つまりUsecaseの中でOutput Portのインターフェイスを持つPresenterの関数なりが最終的に実行されるということである。 ここで湧き上がってくる疑念は「UsecaseがPresenterを呼び出さなくてもControllerに返り値とかで値を返して、Controller経由でPresenterに渡して実行しても同じなんじゃないの?」である。つまりOutput Portというインターフェイスそのものを撤廃してControllerにPresenterを使わせるアイデアである。たしかに、仮にこの方針で行ったとしても依存の方向が壊されることはない。 Software Engineeringでは同様の質問がかなり盛り上がっている

                                                                            クリーンアーキテクチャのUsecaseはなぜControllerへ値を返すのではなくOutput PortとしてPresenterを呼び出すのか - Runner in the High
                                                                          • 貯金2億2000万円から返金5億円。人気YouTuberが“無期限活動休止”前に語った「天国から地獄への転落」(週刊SPA!) - Yahoo!ニュース

                                                                            「今の自分は幸せだ」と言える人はどれだけいるだろうか。日本人は裕福なわりに幸福度が高くなく、主要7カ国(G7)では最下位。SNSで他人の幸せが切り取られる現代社会で、自分に「幸せ」の判を押すのは簡単ではない。人並外れた富と名声を得ても、その分幸せになるとは限らない。人気による天国と地獄を味わったYouTuberのてんちむさんは、それを証明する人だ。 大炎上して総バッシングを受けるも、わずか半年でYouTubeの登録者数を20万人増やし、3億円を稼ぐ。その後も約170万人まで登録者数を伸ばしたが、突如「無期限活動休止」を発表し、2023年9月をもって表舞台から降りた。 ⇒【画像】「炎上中、ガチで家を失った」YouTubeで自分をさらけ出した 約1年かけて本人と周囲の人々に取材を重ね、炎上から活動休止までを追った『推される力 推された人間の幸福度』(星天出版)というノンフィクション本が、202

                                                                              貯金2億2000万円から返金5億円。人気YouTuberが“無期限活動休止”前に語った「天国から地獄への転落」(週刊SPA!) - Yahoo!ニュース
                                                                            • 驚くべき完成度!AWSでサーバレスAPIの作成をChatGPTに頼んだ結果〜AWSエンジニアの役割が変化する?!〜 - Qiita

                                                                              驚くべき完成度!AWSでサーバレスAPIの作成をChatGPTに頼んだ結果〜AWSエンジニアの役割が変化する?!〜AWSCDKChatGPT記事投稿キャンペーン_ChatGPTGPT-4 はじめに ChatGPTがリリースされて日々、会話しては衝撃を受けています。 現在AWSエンジニアとして働いていますが、自分たちの働き方も大きく変わるのでは?!と感じて色々ChatGPTの使い方、自分達の働き方を模索しています。 AWSでのサーバレスAPIの作成をChatGPTに依頼たらどうなるのか? という事を現時点(2023/3/19のGPT-4)のChatGPTで試しながら、結果を元に自分たちの働き方がどう変わるのか考えてみたいと思います。 ChatGPTとは ChatGPTとは、OpenAIが開発した大規模な言語モデルです。 自然言語処理の能力が非常に高く、チャットベースで依頼・質問する事で質問応

                                                                                驚くべき完成度!AWSでサーバレスAPIの作成をChatGPTに頼んだ結果〜AWSエンジニアの役割が変化する?!〜 - Qiita
                                                                              • Linux カーネルをバイパスして TCP 通信を 10 倍速くする | IIJ Engineers Blog

                                                                                【IIJ 2023 TECHアドベントカレンダー 12/16の記事です】 この記事について 背景:TCP はコンピュータネットワークの通信において広く利用されているプロトコル・標準化された通信規格です。コンピュータは TCP/IP スタックと呼ばれるようなソフトウェアを実行することで、定められた規格に則って通信を行います。汎用 OS 環境では、TCP/IP スタックは多くの場合、カーネル空間に OS 機能の一部として実装されています。 課題:通信に関するソフトウェアの研究コミュニティでは、そのようなカーネル空間に実装されている TCP/IP スタックは、近年の高速な NIC の性能を十分に引き出すことが難しいという課題が指摘されてきました。 テクニックの紹介:当記事では、近年の研究コミュニティにおいて比較的一般的な高速化テクニックとされている「カーネルをバイパス(迂回)して TCP 通信を

                                                                                  Linux カーネルをバイパスして TCP 通信を 10 倍速くする | IIJ Engineers Blog
                                                                                • CSRF(Cross-Site Request Forgery)攻撃について

                                                                                  ふと気になって調べたことの備忘メモです ✍ (2022/11/3追記)ご指摘頂いた内容を踏まえて加筆修正をおこないました なぜ調べたか Webアプリケーションの開発に携わっていると CSRF という脆弱性への対処を求められますが、多くの場合利用しているフレームワークが設定追加だけで対応してくれたり、既に前任者によって適切な処置がされていたりなど、実務上で目を向ける機会はその重要性と比較して少ないのでないかと思います また、Webブラウザの実装やHTTP周辺の関連仕様の変化から陳腐化している情報も多く、現代において全体感と具体的な対処法を理解するには少しばかりハードルが高いように感じていました ですので、自身の現時点での認識を明文化して残しておくことにしました なお、私はWebセキュリティの専門家でなく、一介の開発者のため、誤りが多分に含まれる可能性があります ご指摘を頂ければ修正したいと思

                                                                                    CSRF(Cross-Site Request Forgery)攻撃について