We’re excited to announce that Sorbet is now open source and you can try it today. Sorbet is a fast, powerful type checker designed for Ruby. It scales to codebases with millions of lines of code and can be adopted incrementally. We designed Sorbet to be used at Stripe, where the vast majority of our code is written in Ruby. We’ve spent the last year and a half developing and adopting Sorbet inter

@pirosikick の発表資料です。 https://mentaico-js.connpass.com/event/132416/

と呪文のように書いてきたが、いい加減ちゃんと整理して理解しよう。 いろいろ調査した結果、以下の考え方で理解できると思う。 まず、実際の液晶の解像度は一旦忘れろ。 <meta name="viewport" content="width=480">と指定したとする。 するとそこに幅480pxの仮想的なウインドウが作られる。幅480pxの液晶モニターがあることをイメージして欲しい。これをviewportと呼ぶ。 ブラウザはviewportにレンダリングする。viewportの中では、あたかも本当に480pxのモニターを使っているかのような環境になっている。なので、JSのdocument.documentElement.clientWidthなんかも480を返すし、media queryの条件判定でも480pxの画面幅が使われる。 次にviewportを実際の液晶画面に表示する。この時、view

完全な初心者はこちらから!ウェブ入門ウェブ入門基本的なソフトウェアのインストールウェブサイトをどんな外見にするかファイルの扱いHTML の基本CSS の基本JavaScript の基本ウェブサイトの公開ウェブのしくみHTML — Structuring the webHTML概論HTML 入門HTML を始めようヘッド部には何が入る? HTML のメタデータHTML テキストの基礎ハイパーリンクの作成高度なテキスト整形文書とウェブサイトの構造HTML のデバッグ手紙のマークアップコンテンツのページの構造化Multimedia and embeddingマルチメディアとその埋め込みHTML の画像動画と音声のコンテンツobject から iframe まで — その他の埋め込み技術ウェブへのベクターグラフィックの追加レスポンシブ画像Mozilla のスプラッシュページHTML tablesH

CSSBeginner's tutorialsYour first website: Styling the contentCSS styling basicsCSS はどう働くかCSS 入門経歴ページのスタイル設定CSS セレクター属性セレクター擬似クラスと擬似要素結合子ボックスモデルカスケード、詳細度、継承CSS の値と単位CSS によるサイズ設定背景と境界線要素のオーバーフロー画像、メディア、フォーム要素表のスタイル設定CSS のデバッグ基本的な CSS の理解美しいレターヘッド付きの便箋の作成かっこいいボックスCSS text styling基本的なテキストとフォントのスタイル設定リストの装飾リンクのスタイル設定ウェブフォントコミュニティスクールのホームページの組版CSS レイアウトCSS レイアウト入門浮動ボックス位置指定フレックスボックスグリッドレスポンシブデザインメディアクエ

コンポーネント指向での開発も割と枯れてきて、昨年から海外ではいわゆるデザインパターンに名前がついて紹介されることが多くなってきました。 この記事ではその内の一つ、Compound Componentsを紹介いたします。 またタイトルに「Reactの」とついてますが、実装例がReactなだけでコンポーネント指向であれば他のUIライブラリでも考え方は流用可能です。 完成した実装はここに置きました。 https://codesandbox.io/s/104lvmynj4 参考 Ryan Florence - Compound Components Advanced React Component Patterns Compound Componentsとは はじめに Compound という言葉ですが直訳だと動詞で 混ぜ合わせる という意味です。実際の実装は混ぜ合わせるというよりは「組み合わせる

Flexboxとは Flexbox = Flexible Box Layout Module CSS3から導入されたレイアウトモジュール これを使うことfloatをサヨナラできます。 用語 詳しくはW3Cのflexページへ 使い方 flexレイアウトを適用したい要素の親要素にflexを指定します。

タピオカを試してみたいと思った。 タピオカ、流行ってるよな。御多分に洩れず「前からあったじゃねえか」という想いもありつつ、こんだけ流行るには何か理由があるはずだという気持ちも強かった。 周囲にこんな話を漏らしたところ「理由なんてない。ヤツらはタピオカを飲んでいるという情報をインスタグラムに流したいだけなんだ」とラーメンハゲのようなことを言われたこともあったが、私はそこまで事は単純では無いと思った。何か、何か理由があるはずだ……。 それまでタピオカミルクティーというとパールレディのやつくらいしか飲んだ事がないので何件か飲んでみた。 1.新宿の適当なカフェで頼んだヤツ 新宿をブラブラしていたら適当なカフェでタピオカミルクティーを出しているのを見つけた。 「そういや流行ってるし飲んでみるか久し振りに」と注文する。 だがこれがひどいものだった。タピオカがフニャフニャでまったくイキイキとしておらず、

SwiftUI、Combile、RealityKitなどiOS 13以上の環境にしか存在しないフレームワークを使用するアプリをiOS 12以下の環境で実行すると、その機能を実際に呼び出さないようにしていたとしても、起動時にダイナミックリンクに失敗してクラッシュしてしまいます。 dyld: Library not loaded: /System/Library/Frameworks/RealityKit.framework/RealityKit Referenced from: /Users/katsumi/Library/Developer/CoreSimulator/Devices/7D73BD02-5C30-4723-9023-4D19BCDAE1AA/data/Containers/Bundle/Application/A9E00179-1DDD-4051-9207-7CC6C9DC

こんばんは！ 最近のマイブーム、マウント紹介記事です！ 過去のマウント紹介記事はこちら。 ・レイド系マウント ・馬系マウント 今回は、球体系マウント記事、なのですが。 オズマ以外の球体系マウントはさらっとしか紹介していませんので、 主にオズマの紹介記事になります。 ※各マウント名称のリンクは、エオルゼアデータベースに繋がっています。 ・デミオズマ バルデシオンアーセナルをクリアすると、 アチーブメント報酬として貰えるデミオズマ。 騎乗音楽はマウントのデフォルト音楽です。 そのうち、エウレカBGMのどれかになると嬉しいですね。 乗った瞬間は、球体状態でもヒュダトスの景色（バルデシオンの景色？）が映っています。 ただ、ほんの一瞬見えるだけで、後はぐるぐるされて見えなくなります。 飛んでいるときは四角に。 この状態だと、映っている景色がよく見えます。 冒険者は浮いています。 万が一、重力がかかっ

概要 Dockerfileを書くためのベストプラクティスを読んで、ベストプラクティスなDockerfileを作った/作りたい人が対象です。 そのDockerfileで大丈夫かを3分でチェックできるツールをつくりました。Hadolintのような、単なるDockerfileのLinterではなく、ビルドしたイメージの中身まで細かく分析します。 通常のLinterでは原理的に不可能な、ベースイメージに存在している危険性も含めて調べることができます。 ←GitHubのStarもらえると嬉しいです。 Dockleの内部で使われているツールはTrivy, Vulsなどと同じなので、そのあたりを踏まえて、動作原理を別記事にまとめました。 人を震えさせるツール｢Dockle｣の仕組みを解説 なお、DockerHubで人気のコンテナに対して試した結果をサイトにして公開しています。操作方法もふくめて、別記事に

ティターニア討滅戦・フィールドは四角 ・BGMは歌詞ありの模様 ・ティターニアは妖精の王なので様々な妖精を使役して戦う フェイスシステム・”メインストーリー”ダンジョンはNPCと攻略可能に ・NPCと共にソロプレイでダンジョンに挑戦できる ・全ロールでのプレイに対応 ・専用AIと専用アクションを持つ、様々なNPCたち(プレイヤーが特別な操作をする必要はない) ・NPCごとに異なるリアクション ・マッチングプレイの方が若干効率的(フェイス想定クリア時間：30分) ・フェイスで突入したダンジョンではCF時よりアイテムドロップ数が1/4になる ギャザクラ調整ギャザラー・新たなアクション/新たな特性を追加 ・採集手帳で確認できる情報に「伝承録の取得状況」を追加 ・採集手帳に「未知/伝説/刻限の出現時間(ET)」を追加 ・新生エリア(2.X)の様々な魚を狙える「万能餌」を追加 ・既存の伝承録の取得難

早朝の雨で湿った干し草の山が、白い煙を吐き出しながら燃えている。 何度となく煙を吸い込み、その度にむせ返りながらも、少年は必死に走り続けた。無事でいてくれと念じながら。 だが、その想いはあえなく打ち砕かれた。ようやく辿り着いた自宅の庭先で、両親の焼けただれた亡骸を見つけたからだ。せめて弟だけはと願う微かな希望さえも、半壊した家に入ったところで潰えてしまった。彼は見つけたのだ、床に横たわるその姿を……。 少年は、弟の近くに駆け寄り膝を突いた。上半身には傷ひとつなく、まるで眠っているかのようにさえ見える。だが、無残にも崩落した梁により下半身が潰されていた。震える手で弟の雪のように白い髪をなでながら、少年は滝のように涙を流し、そして呪った。 故郷「ファーンデール」を襲った邪竜「ニーズヘッグ」を……羊の放牧に出ていたがために、ただ独り生き残ってしまった己の運命を……。

カスタムビューを xib で定義しつつ、それを IBDesignable できる形で他の xib/Storyboard にロードして配置したい、という場合、この記事のようにやればできます。 Create an IBDesignable UIView subclass with code from an XIB file in Xcode 1. カスタムビューを xib で作って、"File's Owner" のクラスにクラス名を指定する。 2. カスタムビューのクラス（File's Owner に指定したクラス）を実装する。 nib からビューをロードして addSubview() するのだが、このとき、コードからの初期化用イニシャライザ init(frame: CGRect) と nib からの初期化用イニシャライザどちらからも行うようにする。 import UIKit @IBDesig

概要 iOSアプリ開発において、画面上部のナビゲーションバーや、画面下部のタブバー、ツールバーなどを配置する際に、標準のコンポーネントを使わずにカスタムビューを使う事があります。その際に、Interface Builderを使用して、Safe Areaを考慮したレイアウトを設定する事があります。この記事では、その設定をする操作の手順を解説します。 目標 画面上部のバーをレイアウトします。標準コンポーネントと似た見た目にするため、バーの主たる部分の高さを44ptにしつつ、バーの領域自体は端末の画面上端まで伸長させます。Auto Layoutの制約構成としては、Top, Left, Rightを親Viewのエッジに密着させ、BottomをSafe Areaの上端から44ptの距離に設定することになります。 まず、バーになるViewを追加します。その際、下図のように、親ビューの左上隅に密着するよ

アプリケーションの設定ファイルと言えばjsonやyamlなんかで書くことが多いと思うんですが，最近はTypeScriptで設定ファイルを書いております．このような感じ: export interface ApplicationConfig { readonly listenPort: number; readonly timeout: number; readonly apiBaseUrl: string; readonly loggerOptions: LoggerOptions; } こういう感じで設定のinterfaceを定義しておいて export class ProductionConfig implements ApplicationConfig { readonly listenPort = 5963; readonly timeout = 5000; readonly ap