シグルイの最終話でなぜ三重は自害したかの国語的読解 - 定食屋おろポン
シグルイ 1 (チャンピオンREDコミックス) 作者: 山口貴由,南條範夫出版社/メーカー: 秋田書店発売日: 2013/09/13メディア: Kindle版この商品を含むブログを見る 漫画「シグルイ」の最終話でなぜ三重は自害したのか。 「シグルイ 最終回」 「シグルイ ラスト」 などで検索すると、大きく分けて２種類の回答がある。 三重は未だに伊良子を愛していたから 傀儡と化した源之助の姿に絶望を覚えたから いわゆる受験など国語の問題として考えた時、正解は後者だ。 あくまで国語の問題として扱うため、漫画版「シグルイ」のみを取り扱うし、作者が実際にどう考えていたかではなく「作品から、作者はどう考えていると読み取れるか」に主眼をおく。 結論 御前試合に臨むまでに三重は源之助と心を交わしていたが、心の奥底では伊良子への想いを断ち切れずにいた 伊良子との試合中、源之助は虎眼の傀儡だった自分と決別し
mdxjs.com
Markdown for the component eraMDX lets you use JSX in your markdown content. You can import components, such as interactive charts or alerts, and embed them within your content. This makes writing long-form content with components a blast. 🚀 Continue reading » New: MDX 3!A small major this time, nothing big, which is also nice sometimes! This mainly drops support for old Node (use 16 or later), a
もう迷わない！CSS Flexboxの使い方を徹底解説 | Web Design Trends
CSS Flexboxは、CSSによるレイアウト作成でよく使われるCSSのレイアウト手法です。 レイアウトを作成する方法は他にもCSS Grid Layoutや、inline-blockを使用する方法などがありますが、細かい所を自動で調整してくれたり、簡単にレイアウトを作成することができるというFlexboxの特徴から使用される頻度が高いです。 慣れてしまえば扱いやすいFlexboxですが、使い方に慣れるまで少し苦労することも多いですね。 そこで、今回はCSS Flexboxの使い方を分かりやすくご紹介していきたいと思います。 2021年版：Flexboxの対応ブラウザとベンダープレフィックスまとめ CSS FlexboxはCSSでレイアウトを組む時に使われる主要な手法の1つです。 しかし、比較的新しいレイアウト法なので、一部のバージョンが古いブラウザでは正しく表示されないという課題も抱え
Semantic UI
Design Beautiful Websites Quickly Semantic is a development framework that helps create beautiful, responsive layouts using human-friendly HTML. Concise HTML Semantic UI treats words and classes as exchangeable concepts. Classes use syntax from natural languages like noun/modifier relationships, word order, and plurality to link concepts intuitively. Get the same benefits as BEM or SMACSS, but wit
Pure.css
CSS with a minimal footprint.Pure is ridiculously tiny. The entire set of modules clocks in at 3.5KB* minified and gzipped. Crafted with mobile devices in mind, it was important to us to keep our file sizes small, and every line of CSS was carefully considered. If you decide to only use a subset of these modules, you'll save even more bytes. * We can add correctly :) the numbers above are individu
CSSフレームワークBulmaについて - 一休.com Developers Blog
フロントエンドエンジニアのid:ninjinkunです。この記事は一休.comアドベントカレンダーの1日目の記事です。 一休.coｍレストランの管理画面リニューアルプロジェクトにおいて、CSSフレームワークのBulmaを導入しました。結論としては、採用して良かったと思っています。 このエントリではBulmaを選定した理由と、採用後に見えたPros / Consについて述べたいと思います。 なお今回リニューアルした一休.comレストランの管理画面の概要は以下の通りです。 レストラン店舗向けの管理画面 店舗の方と一休スタッフの両方が使う DAUは数千の規模 主な用途は在庫の管理と、プラン（コース）や席の管理 現在は店舗を限定してリリース済み 具体的には以下のような画面で構成されています。 UIフレームワークは必要か？ まずそもそもUIフレームワークは必要かという議論があります。 今回のプロジェ
Bootstrap 5 alphaがついにリリース！注目すべき新機能、jQueryは削除、IEすべてのバージョンのサポート終了
先日の記事で春後半の夏前にリリースされるとお伝えした通り、Bootstrap 5のalpha版がついにリリースされました！ IEすべてのバージョンのサポート終了、jQueryの削除をはじめ、注目すべき新機能を紹介します。 Bootstrap v5 Bootstrap v5の特徴 Bootstrap v5のダウンロード・インストール Bootstrap v5のグリッドやコンポーネント Bootstrap v5の特徴 最も注目すべき点は、jQueryへの依存がなくなり、Internet Explorerのサポートも終了したことです。ちなみに、Bootstrap 4.5ではIE10/11をサポートしています（v4.5 Supported browsers）。より高速なJavaScript、より少ない依存関係となり、よりフレンドリーなツールを構築することに重点が置かれています。 また、現時点ではア
Getting Started - Learn Next.js
New App Router Course: You're currently viewing the Pages Router course. View the new App Router course here. To build a complete web application with React from scratch, there are many important details you need to consider: Code has to be bundled using a bundler like webpack and transformed using a compiler like Babel.You need to do production optimizations such as code splitting.You might want
最小手数で始めるTailwind CSS - メドピア開発者ブログ
パクチーパクパク小宮山です。 掲題通りTailwind CSSの始め方を最小手数で書いていきます。余談は一切ありません。 tl;dr CSS管理は諦めてTailwind CSSを使おう。 Get Started tailwindcss.com ひたすら公式通りに進めます。例によってフロントエンドプロジェクトの環境構築はひたすら面倒なので、Tailwind CSS以外のツールチェインはなるべく使わない構成を目指します。 installします。 $ yarn init $ yarn add tailwindcss セットアップします。 $ yarn tailwindcss init こういうファイルが作られました。 tailwind.config.js module.exports = { purge: [], theme: { extend: {}, }, variants: {}, plu
Tailwind CSSという風と共に走るフロントエンド開発 - メドピア開発者ブログ
10km40分切りが2020年の目標、メドピア長距離部の小宮山です。 みなさんTailwind CSSはご存知でしょうか。tailwindとは「追い風」を意味します。最高に気持ちよく走れるコンディションですね。 目次 サービス概要 技術概要 Tailwind CSSとは何か HTMLとCSS HTMLとCSSとコンポーネント コンポーネントと雑なセレクタ コンポーネントとインラインスタイル Tailwind CSSがもたらしたもの まとめ サービス概要 まずは今回新たに立ち上げたサービスの紹介です。 「MedPeerスポット×リクルートメディカルキャリア」という医師向けスポット求人マッチングサービス（以下、本サービス）が11月にリリースされました。 medpeer.co.jp ログインや応募などサービスのコアな部分はMedPeer医師会員限定になってしまいますが、サイトの雰囲気自体は非会員
Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.
Rapidly build modern websites without ever leaving your HTML.A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup. <figure class="md:flex bg-slate-100 rounded-xl p-8 md:p-0 dark:bg-slate-800"> <img class="w-24 h-24 md:w-48 md:h-auto md:rounded-none rounded-full mx-auto" src="/sarah-dayan.jpg"
ZEIT/Vercelの料金形態と内容について調べてみた
はじめに ¶ Next.jsなどを手掛けるZEITが運営しているサービス、Vercel（旧Zeit Now）の料金形態と内容について調べてみました。 Develop. Preview. Ship. For the best frontend teams – Vercel https://vercel.com なお、掲載内容は 2020/5/30 時点の内容となります。 まとめで無料枠でできることと制限をまとめていますので、他のプランどうでもええよって方はそちらをご覧ください。 Vercelについて ¶ Vercelは静的サイトとサーバレス機能のホスティングを提供するクラウドプラットフォームです。 JAMStackなWebサイト・Webサービスをホストしてアプリケーションを簡単に展開できます。 スケーリングやサーバー監視はVercelが行うため、開発者はVercelへデプロイするだけでアプリ
VercelとNetlifyの違いが分からなかったので実際に比べてみた。 - Qiita
はじめ 敬愛するエンジニア@sho0211との何気ない会話 僕「ホスティングサービス試そうと思ってるんですけど、何かおすすめありませんか？」 @sho0211「Vercelいいんじゃない？知らんけど」 ちょろい僕「ほぉ！じゃあそれ使って見ます！」 1日後、、、 僕「おぉ、Vercel良いな」 僕「でも正直他のホスティングサービスとの違い、強みが正直分からないゾ...」 僕「せっかくだしちょっと比べてみようかな」 というわけで、本編入ります。 やったこと VervelとNetlifyに同一アプリケーションをデプロイしてみて、下記内容を比較してみました。 buildの速度 サイト表示の速度 付随機能の違い その他(サービスの使いやすさなど) 検証するアプリ概要 下記のような小規模な同一アプリをVercel、Netlifyそれぞれにデプロイをしてみました。 Vue.js2.x(3系使う予定だった
Modern JavaScript Date Utility Library
date-fns provides the most comprehensive yet simple and consistent toolset for manipulating JavaScript dates in a browser & Node.js.
React – ユーザインターフェース構築のための JavaScript ライブラリ
React は、インタラクティブなユーザインターフェイスの作成にともなう苦痛を取り除きます。アプリケーションの各状態に対応するシンプルな View を設計するだけで、React はデータの変更を検知し、関連するコンポーネントだけを効率的に更新、描画します。 宣言的な View を用いてアプリケーションを構築することで、コードはより見通しが立ちやすく、デバッグのしやすいものになります。 自分自身の状態を管理するカプセル化されたコンポーネントをまず作成し、これらを組み合わせることで複雑なユーザインターフェイスを構築します。 コンポーネントのロジックは、Template ではなく JavaScript そのもので書くことができるので、様々なデータをアプリケーション内で簡単に取り回すことができ、かつ DOM に状態を持たせないようにすることができます。
プログラミング初学者向け勉強会がマルチ商法の狩り場になっている件 - Qiita
「初学者向けの勉強会でマルチ商法の勧誘をされた」という体験談を耳にするケースがここ最近非常に増えましたが、どうやら「勉強会の参加者の方から」勧誘されるケースだけでなく、「勉強会そのものがマルチ商法の勧誘を目的として開催されているのでは？」という疑念を持たざるを得ないケースもあるようです。 先日、私のTwitterフォロワーの方から「ENGINEER STYLE TOKYOという勉強会の主催者と運営サイドの人たちはアムウェイの勧誘をしています」というご連絡がありまして、私の方で主催者の方および主催者の方の運営されている団体様に関して調べてみたところ、何らかの形でアムウェイと関わっていると疑わざる得ない情報をいくつか発見いたしました。 私が主催している「雑食系エンジニアサロン」内でも質問してみたところ、「勉強会主催者の方にカフェに誘われたので行きました。徐々にプログラミングとは無関係の話題にな
会社のwebデザイナーが無能すぎてヤバいｗｗｗｗ
去年の冬に転職したweb系のプログラマー。 今の会社のwebデザイナーが無能すぎてしんどい。 以下愚痴 1. photoshopでwebデザインすんな！photoshopで作ったpsdのwebデザインを渡されて、フロントエンド担当がHTML/CSSコーディングしてるんだけどどうなのこれ？ なんでphotoshop使うの？webページ作るんでしょ？最初からHTMLで書けよ？ いや分かるよ ラフの段階でphotoshopでササっと書いた方が客と調整しやすいもんな でも最終的にはHTMLで出すんだから、デザイナーがHTML/CSS書いて来いよ それをなんか知らないけど、普段使わねーphotoshop開いてルーラー出して、 「ここと、ここのボックスは10pxだからーmarginを...」 「ここは、webフォントの〇〇を使おう」 とかフロントエンド担当が相談してんのｗ バカなの？死ぬの？ 最初から
Zennを支える技術とサービス構成
Zennという技術情報共有サービスを作りました。有益な知見をシェアした開発者が、その見返りを得られるようなサービスにしたいと思います。気合いを入れつつも、時間をたっぷりかけて地道に育てていきます。 このページでは、Zennを支えている技術やサービスを紹介します。 フロントエンド Next.js フロントエンドにはNext.js（React）を使っています。開発当初はNuxt.jsを使っていたのですが、TypeScriptとの相性を考えてNext.jsへ移行しました。 技術情報共有サービスなので、主要な流入元はいずれ検索エンジンに落ち着くと予想しています。そのため、検索エンジンにインデックスしてもらいたいページはサーバーサイドレンダリング（SSR）しています。 動的コンテンツもキャッシュ Next.js 9.4からIncremental Static Regenerationという最高の機能
next.js の SSG は糞 - Diary
next.js の SSG は糞 ぼくは next.js 結構好きでこのブログとかも next.js で作ってるんですが、最近の next.js の方向性にはちょっと危うさを感じています。 next.js は最近は静的サイトジェネレータ+αみたいな感じになっていて、サーバーサイドジェネレーションなる機能のサポートが入っています。 でもこれどう考えてもゴミでしょ。いや記事が 500 件とかならいいけど、 50 万件あったらデプロイのたびにどんだけ時間かかる？という話で。それからサイトが生きているかぎり結局のところ記事はどんどん増えていく以上トップページは動的生成にならざるを得ないわけで。あまりはっきりと言われているわけではありませんが、 next.js を開発している人たちは WordPress のテーマを PHP で書きたくない人というペルソナをもとに開発していて、その人たちは CDN を
オタクとフェミニズム、なんでこんなに仲が悪くなっちゃったの？ - あままこのブログ
なんかまた最近、女の子を描いた絵が過度に性的とかそういうはなしで、Twitterの方で炎上があった模様です。 www.asahi.com www.itmedia.co.jp こういう話題については、このブログでも何度か取り上げてきました。 amamako.hateblo.jp amamako.hateblo.jp amamako.hateblo.jp なので、こういう問題に対しての僕の原則的立場とかは、上記の記事を読んでいただければと思います。 ただ、こういう炎上をいっぱい見てきて、僕には一つ思うことがあるのです。 それは、「オタクとフェミニズム、なんでこんなに仲が悪くなっちゃったの？」ということです。 かつて、オタクとフェミニズムが結構仲がいい時代があった……少なくとも、僕の認識では こういうことを言うと、多くの人はきっとこう思うでしょう。「オタクとフェミニズムってもともと仲悪かったんじ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - jgthms/bulma: Modern CSS framework based on Flexbox
Bulma: Free, open source, and modern CSS framework based on Flexbox
Semantic-Org/Semantic-UI: Semantic is a UI component framework based around useful principles from natural language.
UIkit
GitHub - twbs/icons: Official open source SVG icon library for Bootstrap.
ブルマがすごい！外部CSSを一つ加えるだけで今時のコンポーネントやエレメント、レイアウトが簡単に利用できる -Bulma
なんとなくVue.jsのUIフレームワークを紹介する - Qiita
TailwindCSS入門 ~ Utility First + デザインシステムの構築 ~ - Qiita
GitHub - date-fns/date-fns: ⏳ Modern JavaScript date utility library ⌛️
GitHub - remarkjs/remark: markdown processor powered by plugins part of the @unifiedjs collective
Goodpatch グッドパッチ｜デザインの力を証明する