並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 1468件

新着順 人気順

SPAの検索結果1 - 40 件 / 1468件

  • 「一日5分」でお腹が痩せる男のダイエット | 日刊SPA!

    【挑戦者】ライターU 大盛り大好き。食生活が学生時代から変わらずに、加齢とともに徐々に体重が増えつつある今日この頃。お腹まわりや筋力の衰えが気になってはいるものの、ランニングや筋トレが長続きせず三日坊主で終わっているヘタレ 「一日5分でお腹は簡単に引っ込みますよ。必死にお腹を折り畳む腹筋をやるよりも、静止してポーズをキープするだけのトレーニングのほうが腹に効きます」 メタボになりつつある我が身には頼もしい話だ。でも、ガツガツ筋トレをするのはまず無理な話。痩せようとは思いつつ、毎回筋トレを習慣化できず挫折続きだ。 「このトレーニングなら空き時間に体を動かすだけで、体質が変わっていきます。運動でエネルギーを使うのはもちろん、筋力がつけば、そもそもの基礎代謝のアップにも繫がります。僕は20年間1kgも体重が変わってません。それはトレーニングのおかげですよ。いつも好きなだけ好きなときに食べたり飲ん

      「一日5分」でお腹が痩せる男のダイエット | 日刊SPA!
    • 東京から1泊2日で行けるおすすめ温泉チャートを作りました - いつか住みたい三軒茶屋

      Twitterにも上げましたが、作ってみました。 ときどきこういうのを作っては温泉欲を満たしたり、みなさんの温泉欲を高めたりしています…。なんでもそうですけど、お金が落ちないと存続できないので、私がなにか書いたり発信したりすることで温泉にお金が落ちるようになればめっちゃ幸せなので…。 〜〜〜 (追記) 海派?山派?がわかりにくくてすみません…!完全に寝ぼけてました。 海派→はい、山派→いいえです。 あと「箱根は電車でもバスでも行けるよ」と多くご指摘いただいておりますが、個人的には車で行ったほうがよいと思っているので右側に置きました。日帰り温泉や観光スポット回るとき、登山鉄道やバスだけだと結構たいへんなので…。箱根湯本だけ楽しむ、なら電車でもよいですが、箱根湯本駅から奥へ行くのであればけっこう手間だったりします。 草津・伊香保・四万も「車で行ったほうがよいのでは」とご意見いただいていますが、

        東京から1泊2日で行けるおすすめ温泉チャートを作りました - いつか住みたい三軒茶屋
      • 「何で今まで知らなかったんだ」日帰り温泉・銭湯マップ「ゆる〜と」があまりにも便利すぎて温泉通いが捗りそう!

        リンク yuru-to.net ゆる~と - 全国日帰り温泉・銭湯マップ ゆる~とは、全国の日帰り温泉・銭湯マップです。日帰り入浴可能な施設(日帰り温泉や銭湯、温泉宿、足湯など)が、15,000件以上登録されています。一番近い銭湯を探したり、温泉地マップを表示したり、料金などの条件で検索することができます。Googleに登録された100万件以上のクチコミと100万枚以上の写真にアクセスできます。 42 users 540

          「何で今まで知らなかったんだ」日帰り温泉・銭湯マップ「ゆる〜と」があまりにも便利すぎて温泉通いが捗りそう!
        • towner » たった460円で贅沢気分! 銭湯のイメージを覆す東京都内のハイレベルな銭湯10選

          銭湯といえば、趣ある番台に水色のタイルが敷き詰められた浴室。そんな昔ながらのイメージを打ち崩す「新しい」銭湯があるのをご存知でしょうか? 銭湯なのに温泉が湧いているところもありますし、デザインもモダンに改築したものから古い建物を生かしたレトロなものまで幅広く、どこもお洒落。スーパー銭湯ほどのお湯のバリエーションや広さはありませんが、昔ながらの銭湯とは明らかに違った印象です。値段はもちろん通常の銭湯と同じ460円。本当にそれだけでいいの?と言いたくなるような個性派銭湯。今回は都内にある銭湯10つをピックアップしてみました。近くで見つけたら、ぜひ通ってみてください!

            towner » たった460円で贅沢気分! 銭湯のイメージを覆す東京都内のハイレベルな銭湯10選
          • 山梨の温泉はマジでヤバい。明らかに最高。東京から温泉行くなら山梨。 - いつか住みたい三軒茶屋

            東京から行きやすい温泉地といえば、箱根、湯河原、熱海。もう少し足を延ばして伊香保、草津、鬼怒川。いずれも素晴らしい温泉が湧いていて、私も大好きです。ほんとに。 かわって、山梨。富士河口湖の温泉はなんたって富士山が見えるし、石和もものすごくアクセスの良い温泉地です。あとは「ほったらかし温泉」があまりにも有名だったりして。ただまあ、なんとなく、「温泉に行きたいから山梨行くぞ!」ってモチベーションの人は、そんなに多くない気がするんです。群馬とか栃木とかと比べて。私の肌感覚ですが。 しかしもう、私は全力で山梨の温泉を推したいです。新宿からあずさ乗って、甲府でレンタカー借りちゃってください。甲府にとどまって温泉銭湯めぐりするだけでも十分最高です。すごい良いんです。お湯が!まじで! ▼サマリ:本記事で紹介しているところ ・甲府から90分以内のハチャメチャな秘湯 └奈良田温泉 白根館、(十谷上湯温泉 源

              山梨の温泉はマジでヤバい。明らかに最高。東京から温泉行くなら山梨。 - いつか住みたい三軒茶屋
            • サービス終了のお知らせ - NAVER まとめ

              サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

              • 入社からの半年間でコードレビューで指摘されたことのまとめ - 30歳からのプログラミング

                実務未経験でプログラマとして入社して半年以上が経った。 コードレビューで指摘されたことを備忘録としてまとめておく。 自分なりにまとめたものなので、レビュアーが言いたかったこととニュアンスや解釈がずれている可能性はある。 初歩的な内容ばかりで我ながらうんざりする。 せっかく優秀な同僚ばかりなのだからもっと高度なことを学びたいが、こういう初歩的なことが出来ないのが俺の現状なのだから、仕方ない。 そもそもPullRequestを送ったこともなかったわけだし。入社初日は、一人でPullRequestの出し方を練習していた。 それを考えればまあ、こんなものだろうか。 当たり前のことをちゃんと当たり前に出来るようになって、早く、次のステージに進みたい。 PullRequest(PR) PRのタイトルは分かりやすいものに。必要に応じてチケットの番号なども入れる。 コミットやPRは出来るだけ粒度を細かくす

                  入社からの半年間でコードレビューで指摘されたことのまとめ - 30歳からのプログラミング
                • 東京都内のおすすめ銭湯&交互浴を銭湯神ヨッピーが伝授! | SPOT

                  こんにちは。銭湯神(せんとうしん)です。 まあ、いきなり「銭湯神」って言われても、「銭湯神って、なに?」ってなると思いますので「銭湯神」について説明します。 銭湯の、神です。 今日はそんな銭湯神ヨッピーが、「銭湯の素晴らしさ」についてひたすら語らせて頂くと共に、 僕が実際に足を運びまくっている、東京都内のお勧め銭湯にも言及させて頂きます。 実際に行ってもない癖にネットに落ちてる画像を適当に拾って「本当にお勧めです♪」みたいな事を書くよくあるクソサイトと違って、 マジで全部、僕が良く行く銭湯なので参考にして頂ければと思います! 銭湯はとにかく最高 まず最初に言っておきますが、僕はほぼ毎日銭湯に通っております。 「趣味は?」って聞かれたら「インターネットと銭湯!」って0.2秒くらいで脊髄反射して答えるレベルで、 インターネットの合間に銭湯、銭湯の合間にインターネット、みたいな生活を送っておりま

                    東京都内のおすすめ銭湯&交互浴を銭湯神ヨッピーが伝授! | SPOT
                  • 【激安】ボロいい温泉宿→「食事はうまい&温泉は極上…オススメあり」

                    1. ごはんが美味しい! 2食付き1万円以下で泊まって「2万円くらいの宿よりご飯が美味しい」とか「こんなに美味しい定食屋もめったにないよな〜」という宿によく出会います。 ホントにボロいい温泉宿に、ご飯がとびっきり美味しいところが多いのです。 記事後半で、具体的にご紹介します! 2. 人情を感じる(家族経営で良い人ばかり!) ボロいい温泉宿は、長いことご家族で経営されているところばかり。 1人の人間として大切にしてくれている「人情」を感じて、「あ〜いい旅だったな〜」と思わせてくれるところが本当にたくさん。 親戚のおじさんやおばさんの家に泊めていただくような気分で、癒されますね。 3. 温泉は極上! 温泉好きの方ばかりではないと思うので、極上の温泉についてまとめると、 こういった特徴をもつ、極上の温泉は小さなボロいい宿に多いです。 大型の旅館だと、どうしても浴槽が大きいので、温泉の鮮度が落ちが

                      【激安】ボロいい温泉宿→「食事はうまい&温泉は極上…オススメあり」
                    • カーシェアならタイムズが断然おすすめ!使い方をわかりやすく解説する | SPOT

                      突発的な用事でも簡単に車が借りられるカーシェアっていう便利なサービス、知ってました?レンタカーと違って受付しなくて良いし待ち時間も無し!最大手のタイムズならあらゆる所に駐車場があるので便利ですよ~~! ※今回の企画はカーシェアリングの「タイムズカープラス」の提供でお送りします 3月某日 いきなり汚い絵ヅラですいません。 例えばここに、「ファミレスのドリンクバーで、メロンソーダ飲んでるおっさんたち」が居るじゃないですか。 ね。負のオーラしかしないでしょ? ※この記事を書いてるライターのヨッピー 「皆さん、屍(しかばね)みたいになってますよ」 ※ヨッピーの友人、ライターの地主さん 「いやー、居酒屋行くのも飽きたしどうしようかなぁって」 「じゃあどっか行きましょうよ」 ※ヨッピーの友人、ハルくん 「雨降ってるし面倒くさくないですか?」 「よし、じゃあスーパー銭湯に行こう」 ※ヨッピーの友人、えい

                        カーシェアならタイムズが断然おすすめ!使い方をわかりやすく解説する | SPOT
                      • 2014年入ってよかった温泉&泊まってよかった温泉宿ランキング | ロプログ

                        こんにちは、ロプロス(@ropross)です。 年も明けてしまいましたが、まだ2014年の旅行まとめエントリーを書こうかと思います。 昨年は92湯の温泉に入り、そのうち43軒の温泉宿に宿泊してきました。どちらも自己最多の数字で、温泉三昧の一年だったと言ってもいいと思います。 今回の記事では、2014年に入ってきた温泉や泊まってきた温泉宿を、食事・建築・コストパフォーマンスといった項目で、それぞれランキングしてみました。 ではでは、どうぞー。 ※浴場を撮影できなかった場所もあるので、写真は一部「じゃらん」からアフィリエイトを利用してお借りしているところがあります(汪泉閣、庄屋の館、清風荘、山みず木) 入ってよかった温泉ベスト10 まずは宿泊・日帰り入浴に関わらず、2014年に入った温泉の中で「これは素晴らしい!」と思ったところのランキングです。 こちらの評価基準はあくまでお風呂だけで、食事や

                          2014年入ってよかった温泉&泊まってよかった温泉宿ランキング | ロプログ
                        • 【2食付き2万円以下】2021年に1人で泊まったコスパ最強の温泉宿ベスト10を今更ながら発表する - 温泉ブログ 山と温泉のきろく

                          1泊2食付き2万円以下の宿で、コスパ重視の総合ベスト10を選出した 2022年も終わりに近づくタイミングでの公開となり恐縮ですが、本稿は「2021年に泊まった温泉宿」の振り返り記事です。 2021年に泊まった宿の中から「2食付き2万円以下で1人で泊まれる」比較的リーズナブルな宿限定でご紹介しています。 先に公開済みの「2021年に泊まった温泉宿で「部屋」「風呂」「食事」が良かったおすすめ宿ランキングを発表する」では、2021年に泊まった宿の中で「部屋・建物」「風呂」「食事」の3項目について「突出して良かった宿」のベスト3をそれぞれ選定しました。 「食事」や「部屋」部門では特に、宿泊料金の高い宿が上位に入りやすい傾向がありますが、私自身、たまにいいお値段の宿に泊まることもあるとは言え、普段は1泊2食付きで1万円台で収まる宿を中心に宿泊しています。なので「すごく印象が良かったけど項目ごとのラン

                            【2食付き2万円以下】2021年に1人で泊まったコスパ最強の温泉宿ベスト10を今更ながら発表する - 温泉ブログ 山と温泉のきろく
                          • 【朝夕部屋食】一人旅初心者におすすめできる極上湯の温泉宿まとめ【休前日も一人泊OK】 - 温泉ブログ 山と温泉のきろく

                            土曜日も1人で泊まれて、個室で気兼ねなくご飯食べれてかつ、お湯も良い宿を探せ 1人旅をするようになって、10年以上経ちます。 いつからか、大広間やダイニングでの食事も、バイキングもまったく平気になりましたが、10年前は「できれば部屋食もしくは個室食事処で夕食も朝食も食べられる宿に泊まりたい」と思っていました。 もともと、外食であれば大抵のお店に1人で入ることができたはずの私でも「宿の大広間で一人ごはん」には抵抗があったのですから、一人旅を始めて間もない、あるいはこれから始めようとしている方にとって、温泉宿での夕食がハードルになることは多いのではないでしょうか。 また、私は土日休みの会社員。泊まるのも圧倒的に土曜日が多いのですが、10年前は今よりもずっと、1人で泊まれる宿が少なくて宿探しに難儀しました。 そんなわけで今回は、これまで私が実際に一人で泊まった宿の中から ・夕食、朝食共にお部屋で

                              【朝夕部屋食】一人旅初心者におすすめできる極上湯の温泉宿まとめ【休前日も一人泊OK】 - 温泉ブログ 山と温泉のきろく
                            • 10年遅れたJavaScriptの知識をざっくり10分でアップデートしよう

                              久しぶりにJavaScriptを勉強しようと思ったら、すっかり浦島太郎状態だった……なんて人も多いのでは?  モダンなJavaScriptの知識をコンパクトにまとめました。 JavaScriptを取り巻く環境がどんどん変化しています。新たなツールやフレームワークが生み出されているだけでなく、言語そのものがES2015(ES6)の登場で大きく変わりました。JavaScript開発の学習がいかに難しいか愚痴をこぼす記事がたくさんありますが、無理もないことです。 本記事ではモダンJavaScriptを紹介します。JavaScriptの進展を解説し、フロントエンドWebアプリケーションを作るために使われているツールや手法の全体像を確認します。JavaScriptを学び始めたばかりの人や、以前は使っていて数年間離れたため変化を知りたい人はぜひ読んでください。 Node.jsについて Node.jsは

                                10年遅れたJavaScriptの知識をざっくり10分でアップデートしよう
                              • 今話題のReact.jsはどのようなWebアプリケーションに適しているか? Introduction To React─ Frontrend Conference

                                今話題のReact.jsはどのようなWebアプリケーションに適しているか? Introduction To React─ Frontrend Conference 外村 和仁(株式会社 ピクセルグリッド) 本記事は、2015/2/21に行われたFrontrend Conferenceの「Introduction To React」の内容を紹介します。 当日の資料は以下にアップされていますので、こちらも参照してください。 Introduction To React // Speaker Deck React.jsとは何か React.jsはFacebook製のJavaScriptライブラリです。 http://facebook.github.io/react/ 公式サイトに、「A JavaScript library for building user interfaces」とあるように、R

                                  今話題のReact.jsはどのようなWebアプリケーションに適しているか? Introduction To React─ Frontrend Conference
                                • リクルートテクノロジーズ エンジニアコース新人研修の内容を公開します!(2020年度版) | Recruit Tech Blog

                                  こんにちは! リクルートテクノロジーズでセキュリティエンジニアとして活動している、藤原 巧です。 毎年恒例となっており、大きな反響をいただいている、エンジニアコースの新人研修の内容を紹介させていただきます。 研修の概要 リクルートテクノロジーズでは、新卒採用の新人向けに3ヶ月間の技術研修を行っています。この技術研修では大きく分けて2つのコースが設けられています。 1. プログラミングやWebサービスの構造の基礎を体系的に学び、その後一人につき、ひとつのスマホサイトを企画からリリースまで行うコース 2. 一定以上のプログラミングスキルと開発系経験がある新人に向けた、実際の開発で必要となる様々な技術要素をより深く学び、その後実際のサービスでチーム開発にてOJTを行うコース 今回公開するのは 2. で使用した資料です。 この技術研修は、そのほとんどの部分を内製で実施しています。 この研修の最大の

                                    リクルートテクノロジーズ エンジニアコース新人研修の内容を公開します!(2020年度版) | Recruit Tech Blog
                                  • やばい、iOSにネイティブアプリ要らなくなるかも。SafariもPWAに対応する可能性 - Qiita

                                    これ以上は長くなるため後述. Chromeは既に,Safariもようやく 上記の通り,Service WorkersがPWAでも最重要な機能の一つである.Chromeでは既に対応済み. しかしSafariが対応しておらず,世間的にはモチベーションの上がらない状況であった(やちまもその一人である). Safariにおいて,Service Workersの実装状況 No active development が Under Consideration になったのは2015/12/041のことである. 20ヶ月という永遠とも呼べる時を経て,2017/08/032にようやく In Development となったわけであった. ちなみにMicrosoft Edgeでは既に開発中34である. だから何なのか SafariにService Workersの実装がなされると,一気にウェブアプリへの移行が

                                      やばい、iOSにネイティブアプリ要らなくなるかも。SafariもPWAに対応する可能性 - Qiita
                                    • Webページがブラウザに表示されるまでに何が起こるのか?

                                      ## # Host Database # # localhost is used to configure the loopback interface # when the system is booting. Do not change this entry. ## 127.0.0.1 localhost 上記で「127.0.0.1 localhost」とあるように、[IPアドレス] [ホスト名]というフォーマットで書かれます。 HOSTS.TXTが使われていた当時 ( 1970年代 ) では、わずか数百台のホストしかなかったので、ネット上の全てのホスト情報の記載が可能でした。 しかし、インターネットが普及していくにつれてHOSTS.TXTは肥大化していき、1983年には、ホスト数はおよそ数万台になりました。もはやHOSTS.TXTによる名前解決は不可能となったので、現在のようなDNS

                                        Webページがブラウザに表示されるまでに何が起こるのか?
                                      • UNIQLO|ユニクロ公式オンラインストア

                                        2024 SPRING / SUMMER COLLECTION新しいシーズンに、 新しい服を見つけよう。

                                          UNIQLO|ユニクロ公式オンラインストア
                                        • WordPressをやめ、静的サイトジェネレーターで高速化した話 - ICS MEDIA

                                          ICS MEDIAは2019年4月にリニューアルしました。シンプルでモダンなデザインへと見栄えは変わり、フロントエンドの最新技術によって爆速なサイトへと生まれ変わっています。 技術的におもしろいポイントは、WordPressワード・プレスを廃止したことです。 この記事では、オウンドメディアとしてWordPressをやめた理由、代用技術の選定で苦労したことを紹介します。 リニューアル前後の違い リニューアルによってどのくらい改善したか、定量的な結果を紹介します。ウェブサイトの性能を示す指標としてLighthouse(Google ChromeのデベロッパーツールのAuditsタブ)というツールがあります。 Lighthouseの採点で、リニューアル前は80点ほどだったのが、ほぼ満点のスコアをたたき出せるようになりました。SEOやアクセシビリティの点数も満点です。 動画でもご覧ください。リニュ

                                            WordPressをやめ、静的サイトジェネレーターで高速化した話 - ICS MEDIA
                                          • SPA が、ウェブ開発のベストプラクティスになる時代 - mizchi's blog

                                            最近のフロントエンドに関するお気持ち。正直まとまってはない。 最近、こんな感じのツイートや記事が増えた。 web 技術をキャリアの中心にしない シングルページアプリケーション (以下SPA) の台頭により、私の観測範囲ではモダンな Web サイトは SPA で作られるようになった。サーバーサイドは JSON を返す API サーバーとなり、DB やバックエンドシステムのプロキシのような存在になりつつある。 私はサーバーサイドエンジニアとしてキャリアを積んできた。SPA が流行りだした頃、いずれサーバーサイドエンジニアは不要になって自分のキャリアを考え直さなくてはいけない時期がくるのではないかと戦々恐々としていた。 自分も元々、SPA を他サイトとの「差別化技術」と定義していた。ブラウザのタブページのライフサイクルにおいて、初期化プロセスを一回にまとめてシームレスな遷移を実現する技術。たとえ

                                              SPA が、ウェブ開発のベストプラクティスになる時代 - mizchi's blog
                                            • 2023年最新/東京都 銭湯・スーパー銭湯・日帰り温泉・サウナマップ 銭湯・奥の細道 (東北と全国の銭湯巡り)

                                              2023年10月更新。 営業中の東京都内の銭湯、スーパー銭湯、日帰り温泉、健康ランド、スパ、サウナ等の すべての入浴施設の住所・電話番号・営業時間・定休日・設備・HP・入浴料等をまとめたマップ(地図)です。 ♨赤 ・・・ 銭湯(公衆浴場・お風呂屋さん) 等の入浴施設 入浴料金(上限)は、大人520円 小学生200円 未就学児100円です。(2023年7月改定) ♨黄 ・・・ スーパー銭湯、日帰り温泉、健康ランド、スパ 等 ♨橙 ・・・ 日帰り入浴可能な温泉宿、ホテル 等 (※仮眠、宿泊が可能) ◆黄 ・・・ サウナ、入浴での利用可能なカプセルホテル 等 ♨♨ ・・・ 休業中、廃業した 入浴施設          に区分し表示してあります。 ※現在、燃料費や物価高騰の為、入浴料を改定を行っている所が多くあります。こちらのページでも順次更新をおこなっていますが、最新情報はそれぞれの施設のホーム

                                                2023年最新/東京都 銭湯・スーパー銭湯・日帰り温泉・サウナマップ 銭湯・奥の細道 (東北と全国の銭湯巡り)
                                              • なぜ dev.to がこんなにも速く、こんなにも自分にとって感動的なのか

                                                最初にいっておく。これは負け惜しみだ。 SPAとPWAの現状 自分は日本でReactの勝手エヴァンジェリストみたいなことをやっていて、SPAの重めのコンテンツをよく作ってるからか、「お前らフロントエンドを物事をややこしくして、重いページを量産してウェブを劣化させてるじゃないか!」みたいな批判を、名指しでよく受ける。なんで僕にいうかわからないけど、React = SPA みたいなイメージでスケープゴートにされてるんだろう。それはまあいい。 自分の仕事でSPA技術を使うところは、ちゃんと必要性もあるし理由も説明できる。ただ、やはり近年の複雑化/重量化について思うところはあるので、逆に振って AMP/PWA という選択肢を持っておきたくて、正直言うと依頼されたR&Dの仕事でもあったんだけど、一通り覚えた。なんだけど、今のところ仕事で使うタイミングがない。 PWA技術を仕事で使えなかった理由として

                                                  なぜ dev.to がこんなにも速く、こんなにも自分にとって感動的なのか
                                                • ここ数年前から2015/5までのモダンフロントエンドを総まとめしてみた

                                                  HTML5や、次々と台頭するJavaScriptフレームワークにみられるように、現在のフロントエンドは異常なほど動きがあります。 常にキャッチアップしていないと、いつのまにかOLDな技術を使い続けることになります。実際に今回記事にしてみて、ちょっとつらくなりました。。 しかし、フロントエンドエンジニアとしてコードを書いていて(最近は主にJavaScript)、そのおもしろさに日々驚いています。 そこで今回は、ここ数年~2015年のフロントエンド界隈で一度は流行った技術、今後の動向などをまとめました。タイトルにモダンとありますが、その辺は適当です。ぜひ一度整理してみてください。 目次 Javascriptフレームワーク React.js Angular.js Angular.js 2.0 Backbone.js Vue.js Mithril.js Aurelia.js Knockout.js

                                                    ここ数年前から2015/5までのモダンフロントエンドを総まとめしてみた
                                                  • そろそろ真面目に、HTMLで帳票を描く話をしようか - Qiita

                                                    帳票といえばPDFとして生成するのが一般的でしょうか? でも、2015年の今、あえてHTMLで描くのがホットです(個人的に)。ミリ単位で設定された高度な帳票も、CSSを駆使して簡単に作ることができます。業務システムでもモダンブラウザを選択することが増え、@pageなども積極的に使えるようになったこと、SPA(Single Page Application)の台頭、いろいろと条件が揃ってきました。 書いてたら結構長くなっちゃったので、さくっとコードだけ見たい方は、Paper CSSリポジトリをどうぞ。 はじめに HTML帳票のメリット 2015年現在、HTML帳票を選択する幾つかのメリットがあります。 ライブリロードで、リアルタイムなスタイル調整 バックエンドではなくフロントエンドで生成できる 前者は、gulpやGruntの普及で、CSSにしろHTMLにしろ、リアルタイムにプレビューできる環

                                                      そろそろ真面目に、HTMLで帳票を描く話をしようか - Qiita
                                                    • レガシーおじさん、SPAを始めてみた。そして限界を知る

                                                      はじめに 最近、Webの記事を見てるとReactだVue.jsばかりが上がっていてJSPやERBの話をしてる人は誰もいません。jQueryの記事ももちろん見ない。 つまり、Webだけ見る限りではほとんどの人がSPAを使ってるように見えます。 私はWeb界隈には居るもののどちらかというとバックエンド寄り、もっというとそもそもWebとか関係ない領域を見る事が多いので、ちょっとキャッチアップを兼ねていくつかの個人プロダクトにVue.jsを採用してみました。 jQueryくらいで頭が止まってたので。サーバサイドもマイクロサービスでAPI化が進んでるのでフロントもそれに合った技術を選ばないとですしね。 というわけで、今回はその中で得た知見というか、従来型のサーバサイドでのWeb開発をしていた人の視点でVue.jsをキャッチアップする流れで書いていきたいと思います。 まあ最終的な結論は正直「これすごく

                                                        レガシーおじさん、SPAを始めてみた。そして限界を知る
                                                      • ReactとAngular、使うならどっち? JavaScriptギークが6つの視点で徹底比較 - エンジニアHub|Webエンジニアのキャリアを考える!

                                                        ReactとAngular、どちらを選ぶべきか? 使用するJavaScriptフレームワークを選ぶ際、この2つはよく比較対象に挙がります。しかし、両者の特徴をよく理解していなければ、選定は困難でしょう。 今回は、両フレームワークが具体的にどんな強みを持っているのかを、Reactの専門家 小林徹さんとAngularの専門家 稲富駿さんに解説してもらいました。両フレームワークの設計思想から使用において考慮すべき点、今後実装される予定の機能まで、利用者が気になるポイントを網羅しています。 JavaScriptギークである2人のノウハウ、ぜひ選定の参考にしてください!

                                                          ReactとAngular、使うならどっち? JavaScriptギークが6つの視点で徹底比較 - エンジニアHub|Webエンジニアのキャリアを考える!
                                                        • 鶯谷に新しく出来た都内最大級の銭湯「萩の湯」が公平に見て楽園すぎる | SPOT

                                                          お~~~~い!みんな~~~~~! 大変だ大変だ~~~~~~~~! 鶯谷に……、 とんでもない銭湯がオープンしたぞ~~~~~~~~~! ドンッ! ドドドンッ! シュパァァァァァンッ! そう!何を隠そう、これが近頃オープンしたて、鶯谷駅北口から徒歩5分にある「萩の湯」じゃい! このマンションの1階から4階までが銭湯になっていて、その大きさは都内の銭湯の中では最大級らしい! 建物自体が新築なので当然ロッカールームもピカピカ! 洗い場だってピッカピカ! 「やばい……!これは完全にヤバい銭湯が出来てしもうたで……!これで東京銭湯界の勢力図が、変わる……!」 ※カメラマン担当、長橋 「すいません、さっきから全然ピンと来てないんですが、何がそんなにヤバいんですか?」 「まずね、この萩の湯、以前あった銭湯をビルごと立て替えて新しくオープンしたんだけど、 オーナーがあの上野の名銭湯、寿湯のオーナーである長沼

                                                            鶯谷に新しく出来た都内最大級の銭湯「萩の湯」が公平に見て楽園すぎる | SPOT
                                                          • Reactで学ぶ!いまどきのWeb開発

                                                            FRONTEND CONFERENCE 2017のハンズオン用資料です。 教科書はこちら https://github.com/fand/react-hands-on

                                                              Reactで学ぶ!いまどきのWeb開発
                                                            • PWAで表示速度が2倍に! スピード改善を妥協しない日経電子版に学ぶ、PWAのメリット&デメリット - エンジニアHub|Webエンジニアのキャリアを考える!

                                                              PWAで表示速度が2倍に! スピード改善を妥協しない日経電子版に学ぶ、PWAのメリット&デメリット ネイティブアプリに近い体験を簡単に提供できるとして注目を集めている「PWA」。実際に導入し、表示速度が2倍になったという日経新聞電子版の開発者に「PWA」のメリットとデメリットを伺いました。 PWA(Progressive Web Apps)は本当に「アリ」なのか――? ネイティブアプリの開発にはWebとは異なる専門知識が必要であり、またAndroidやiOSなどOSごとでも異なるため、リソースが膨大にかかるという課題があります。そこで昨今は、XamarinやReact Nativeなどのクロスプラットフォーム開発ツールを使い、ネイティブアプリやWebの開発を一本化しようという動きが活発になっています。 一方で、ネイティブアプリに近い体験を簡単に提供できるとして注目を集めているのが、Goog

                                                                PWAで表示速度が2倍に! スピード改善を妥協しない日経電子版に学ぶ、PWAのメリット&デメリット - エンジニアHub|Webエンジニアのキャリアを考える!
                                                              • 私たちはなぜReactではなくVue.jsを選んだのか | POSTD

                                                                Qwintryチームは最近、既存のすべてのプロジェクトのフロントエンドをVue.jsに移行しはじめました。新しいプロジェクトでもVue.jsを使います。 レガシーなDrupalのシステム(qwintry.com) ゼロから新しく書きなおすqwintry.comのブランチ Yii2で動くb2bシステム(logistics.qwintry.com) その他、比較的小さめのプロジェクト(ほとんどは、PHPとNode.jsでバックエンドを構築しているもの) プロジェクトの規模についていうと、 Qwintry は世界中で約50万人の顧客が使っています。アメリカとドイツに倉庫を持っていて、アメリカ国内 最大の郵送先 のひとつで、東欧や中東への出荷に注力しています。Qwintryは、アメリカのオンラインストアでグッズを購入する人たちのためのツールです。私たちの倉庫に届いた荷物をコントロールパネルで管理で

                                                                  私たちはなぜReactではなくVue.jsを選んだのか | POSTD
                                                                • 腕時計業界にベンチャー革命「ユニクロ式」で価格破壊

                                                                  注目スタートアップのビジネスモデルを分かりやすく解説。ノットは製造小売(SPA)モデルにより、1万円台でメイドインジャパン品質の腕時計を製造・販売している企業。 ノットの純国産腕時計「タイムピース」。ケース(1万2000円)とストラップ(3500円)で合計1万5500円 写真:knot セイコーの前身となる服部時計店が純国産腕時計「ローレル」を発売したのは1913年。 それから50年弱が経過し、セイコーが世界初のクオーツ式腕時計「アストロン」を発売した1969年以降、腕時計市場の製造現場は大きく変わった。大手メーカーが心臓部にあたるムーブメント(動力部)を供給し、商社や代理店が開発・製造・販売などを細かく分業するようになった。 そして100年以上が経った今、製造から販売までをすべて自社で請負う新たなメーカーが日本に誕生した。社名はノット。日本製にこだわり、製造小売、今風にいえばユニクロ式の

                                                                    腕時計業界にベンチャー革命「ユニクロ式」で価格破壊
                                                                  • CSSの非表示(display:none)を使った広告の切り替えについて - Google グループ

                                                                    • 結局 PWA は来るの?来ないの?

                                                                      昨日 Twitter でこんな記事を発見しました。 PWA が来るって言っているエンジニアは今すぐ辞めろ 「instagram の PWA が最高〜!ネイティブと見分けつかない!!とかほざいているグー○ルのエバンジェリストだかエンジニアが騒いでいたので触ってみたのだが、オワコンであった。」 もしかしてこれのことかな? Instagram PWA is sooooooo impressive. I probably won't be able to distinguish it with its native app. InstagramのPWAが、デキが良すぎて感動してる。ネイティブアプリと見分けられる自信ない。 pic.twitter.com/DS8TfceBZ6 — Eiji Kitamura / えーじ (@agektmr) 2018年1月26日 確かに、この言い方は若干煽り気味のと

                                                                        結局 PWA は来るの?来ないの?
                                                                      • 新しいフレームワークを学ぶならTodoMVCではなくRealWorldを参考にしよう - Runner in the High

                                                                        よく新しいフレームワークを学ぶにはTodoアプリを作ってみるのがよい、と言われる。実際、Todoアプリを様々なフレームワークで作ってみたサンプルをまとめたサイトもあったりする。 ところが、実際に業務で作るようなアプリケーションはTodoアプリの範疇を超えている。とくにSPAにもなると、画面遷移やWebAPI連携、大規模な状態管理などなどの条件が増えるので、Todoアプリを作っているときには考慮できていなかった大変さが出てくる。 そこで参考になるのが RealWorld example apps と呼ばれるプロジェクト 端的に言うと、TodoMVCの大規模版。 規定のスペックに沿って、様々なウェブフレームワークで作られたアプリケーションのリポジトリがリストアップされている。 スペックについて "Conduit" is a social blogging site (i.e. a Medium

                                                                          新しいフレームワークを学ぶならTodoMVCではなくRealWorldを参考にしよう - Runner in the High
                                                                        • 【翻訳】リッチなWebアプリケーションのための7つの原則 - from scratch

                                                                          はじめに この話はGuillermo Rauch氏が書いたhttp://rauchg.com/2014/7-principles-of-rich-web-applications/ という記事の翻訳です。許可を得て翻訳しています。 ここ最近Web業界を賑わしているSingle Page Applicationの必要性、HTTP2/SPDYといった技術、リアクティブプログラミングやIsomorphicデザインという考え方について包括的にまとめたすごく良い記事になっております。 最初に断っておきますが、ものすごく長いです。各セクションがわかれているので時間がない方はセクションごとに書かれたtl;DRとまとめを読むだけでも参考になるかと思います。 ちなみに明日のNode学園祭には、本記事を記述したGuillermo Rauch氏が見えるので、そこで詳しく聞いてみるのもいいのではないでしょうか。

                                                                            【翻訳】リッチなWebアプリケーションのための7つの原則 - from scratch
                                                                          • 一泊休みでリフレッシュ! 都内から気楽に行ける絶景温泉3選 | ライフハッカー・ジャパン

                                                                            サンディスクのmicroSDカード 512GBが40%OFF。写真や動画のデータ置き場はこれで良くない?【Amazonセール】

                                                                              一泊休みでリフレッシュ! 都内から気楽に行ける絶景温泉3選 | ライフハッカー・ジャパン
                                                                            • 500点出す! - ゆーすけべー日記

                                                                              「Web Speed Hackathon 2022」という「非常に重たいWebアプリをチューニングして、いかに高速にするかを競う競技」があります。 リモート参加で11月1日から27日まで開催されています。 ここで言う「高速」とはCore Web Vitalsのスコアが高いことを言い、Lighthouseのスコアをベースにした500点満点の争いです。 ISUCONのフロントエンド版ですね。 以前にも同じ課題で「学生向け」と「社内(サイバーエージェント)向け」が行われたらしく、まだ500点を出した人はいません。 そこで僕は「満点を出したい」と思い、初日から、いやむしろフライングしていたからその前から頑張ってきました。 そして、先日(17日)、ついに500点満点を出しました! たぶん、レギュレーションはクリアしている、はずです(もし違反してたらすいません…)。 自動で行われる「Visual Re

                                                                                500点出す! - ゆーすけべー日記
                                                                              • サーバーレスアーキテクチャのパターン別ユースケース - yoshidashingo

                                                                                セクションナイン の 吉田真吾(@yoshidashingo)です。 昨今のサーバーレスアーキテクチャの実装パターンについて5つの分野でユースケースをまとめました。 実装方法はAWSがベースですが、クラウド各社のFaaSに大きな機能差はないので(そもそもシンプルなコンセプトなので)、FaaS単体よりも、連携可能な周辺サービスまで含めて自分のアプリケーションのユースケースに合っているかどうかが大事になってきます。また、そもそもいくつかの実装はPaaSのオプション機能として組み込まれている場合もあります。よって、この先連携先の機能強化などによってもっと多くのパターンが発見されることになると考えています。 【1】Webアプリケーション シングルページアプリケーション ex. Serverless Single Page Apps Web API REST API GraphQL 非同期Webジョ

                                                                                  サーバーレスアーキテクチャのパターン別ユースケース - yoshidashingo
                                                                                • React製のSPAのパフォーマンスチューニング実例

                                                                                  オンプレミスvSphere環境をOracle Cloud VMware Solutionへ移行した際にハマったところ 2023.12.24 コーポレート

                                                                                    React製のSPAのパフォーマンスチューニング実例