UNIXユーティリティ。与えられたルール(主に正規表現を使用する)に従って文字列を切り分ける字句解析器のソースコード(C言語)を生成する。
Rich Internet Applicationのためのプレゼンテーションサーバ。 http://www.macromedia.com/jp/software/flex/
IE11のサポートが切れた今、そろそろgridレイアウトを積極的に導入でるようになりました。flexレイアウトからgridレイアウトへの移行をデザイナー観点で簡単に使うとこだけ解説します。 gridレイアウトの利点 gridだと列数だけでなく行数も指定しないといけないと思われがちですが、実際は列数の指定だけで行が増えても繰り返してくれます。どっちが行だか列だかわからなくなったときはテキストを思い出してください。 テキストエディタで行番号をふれるのが行です。gridのメリットは色々ありますが、flexboxレイアウトより優れている点は下記の三点です。 親要素で子要素のサイズを制御できる 子要素側…
flexコンテナの子要素の高さをそろえることはcssのflexレイアウトでデフォルトで可能すが、テキストエリアなどの孫要素の高さは対応をしなければ以下の様にバラバラになってしまいます。 .flex-card_bara .flex-img .flex-text texttext .flex-btn .flex-card_bara .flex-img .flex-text texttexttext .flex-btn .flex-card_bara .flex-img .flex-text text .flex-btn height.jsなどjsを使用することで対応できますが動作が重くなりパフォー…
2022年6月から7月の備忘録。 といってもあまりに仕事だなんだがつまりすぎて、なーんにもできてない。プライベート? 何それ。 というわけで、当然模活もできようはずもなく、先月買ったHMAの2機も先々月買った朽ちダグラムも手を付けかけていたガンダムアーティファクトのザクIIIもなーんにも進んでません。はい。 そんな中、唯一というのが手持ちマシンのChromeOS化。ChromeOS Flexが正式リリースされたとのことで、アーリーアクセス版から試していてそこそここれは使えるんじゃね? と思いサブ機に入れることとした。や、メイン機のトラブルに備えてWindows環境は残したままにする必要はあるの…
横並びの方法はいろいろありますが、わたしはいつもdisplay:flex;を使用しています。 まあ手軽だし使い慣れてきたし…と思ってたんですが、そろそろ他のやり方も研究しようと思って、floatとtableパターンを作ってみました。
寒くもなく暑くもなくちょうど気持ちいい日鶴見緑地公園へ 久しぶりのみんなの笑顔元気そうで何より帰りにちょっと寄り道たまたま閉店セールをやってたのでついついあれこれ 膝掛け・ストール・写ってないけどピアスも コースターいろいろ70%OFFって言われちゃったらねぇ明らかに買いすぎだわ
【AMU】==【AmazonMusicUnlimited】 【SPD】==【SpotifyDownloads】「赤バイ!?」・・・たぶん==「うぐい」 レンズさんもこのくらいじゃあ ニタモノクッツケは無理だニャあ^・^;☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆連鎖元:お爺のウォーク&ジョグ~ウィズ・ソング~《2023/No.129》|今日聴いたのは・・・『The Modern Jazz Quartet(モダン・ジャズ・カルテット)/Blues On Bach(ブルース・オン・バッハ)【AMU[ULTRA HD]】【SPD】』|MJQ(モダン・ジャズ・カルテット)…
English "will" follows. タイトルの通り、最近いくつか思っていることを書き連ねていきます。 文字通り私の意見であることは間違いありませんが、どちらかというと主張の色が強いため表現その他で不快に感じる方がいるかもしれません。 あらかじめご了承の上、読み進めてください。 なお、一部ポケットモンスターシリーズ(スカーレット/バイオレット)のネタバレを含みますのでご注意ください。 1. SRCにおけるスカーレット/バイオレット(S/V)のレギュレーション規定について その詳細は後程軽く述べますが、S/Vを含む一部の作品については英語を優先的にプレイする予定ですので、1章は特筆のな…
ChromeOS Flex では、OSにログインするアカウント=Googleアカウントであるため、Chromeブラウザで利用するアカウントは当然のことながらOSログイン時と同じアカウントです。 しかしGoogleは複数アカウントの保有を認めており、プライベート・仕事でのアカウント切り替え等を行っている人も多数居ると思います。 私も副業専用のアカウントやYoutubeの登録チャンネルを整理する意味で複数のアカウントを切り替えて使用しています。 そんな人向けにGoogleはLacrosというマルチアカウント対応Chromeを用意しています。(Windows,MacOS,Linux向けのChrome…
はじめに Angular 向けの UI ライブラリとしては、GitHub スター数 5.5k の ngx-bootstrap や、同 8.2k の PrimeNg、同 23.5k の Angular Material などが挙げられる。この中でも、Angular Material は公式的なポジションであり、評価も突出している。 動作も安定しており、Angular のバージョンアップへの追従性が強い点や、Schematics によるコンポーネントの自動生成、CDKによるカスタマイズ性に優れる点など、開発者にとっても痒いところに手が届く。そんなわけで今日は、僕がフロントエンド開発でよく利用する …
概要 Symfonyのプロジェクト生成時に自動生成されるcomposer.jsonで何をしているのかcomposerのドキュメントなどを見ながら調べてみる。 https://getcomposer.org/doc/04-schema.md type: "project" パッケージタイプ デフォルトはlibrary カスタムインストールロジックで使用される symfony-bundle, wordpress-pluginなど パッケージタイプで入れられる値 library vendorにコピーされる project ライブラリではなくプロジェクトであることを表す metapackage req…
One D&Dのプレイテスト用データとして、プレイヤーズハンドブック(PHB)が公開された。PHBはプレイヤーがキャラクターを作成したり、実際のゲームでの判定方法などがまとめられている。今までのデータとあわせて、モンク以外のデータがおおよそ出そろった。データはこちら(要登録)。 https://www.dndbeyond.com/sources/one-dnd いくつか魅力的なデータ(魔法使いが魔法をアレンジできる!)はあるが、その中でも特に目を引いたのは武器データの変更。今回の変更で、各武器に”マスタリ”の項目が設定され、一定の条件を満たすとこの能力を使用できるようになった。実際ゲームを遊ぶ…
4-12才向けの英語レッスン【NovaKid】 日本にいながら、海外の授業が受けれるサービスがあります💛 友達紹介URLはこちらです↓ outschool.com アメリカ発🇺🇸のオンラインスクール outschoolで、留学気分が味わえる素敵なサービスをご紹介。子供の英語力が格段に上がると思います。 Outschoolは、「英語で学ぶ」ことにフォーカスが置かれていて、英語を学ぶというわけではないからです。世界中と子供達が集まってレッスンを受けるので、英語力で刺激をもらう。 いつも通りの日常に、少しプラスしてOutchoolを受ければ、気軽に英語を身に着けれます。日本にいながら、海外の授業が受…
このはです。 ドットインストールの256times 特訓CSS フレックスボックス編に参加しています🐱 DAY2 課題1 要素を交互に並べてみよう この課題はすぐに出来ました。 課題2 要素を敷き詰めてみよう この課題は難しかったです😹思ったより苦戦しました。flex-wrap: wrap;のgap: 8px;に 対してフレックスアイテムの width: calc((100% - 16px) / 3);の指定が分からなかった。 かなり悔しいです😾 DAY3 課題1 2カラムレイアウトにコンテンツを組み入れよう この課題は調べながら、出来ました。楽しかったです🐱 課題2 ヘッダーメニューを作ろ…
技術書典14の新刊として『オブジェクト・ウォーズ』を書いた。 このとき、組版システムとしてVivliostyleを使ってみたので、その感想とか。 Vivliostyleとは 本を作ろうとすると文章のレイアウト(組版)が必要になって、そのために使われるのが組版システム。 やInDesignなどいろいろなソフトがあって、自分も独自のシステムを作ってみたりしてるんだけど、Vivliostyleもそんな組版システムの一つ。 Vivliostyleの特徴はレイアウトの指定をWebページと同じようにCSSでできるようにしていること。 これによりWebページを作るときのテクニックが流用できるというメリットが…
参照したページ GitHub - eBay/nice-modal-react: A modal state manager for React. 今日の環境 ebay/nice-modal-react: 1.2.10 next: 13.4.4 はじめに Next.jsのアプリケーションにnice-modal-reactを使って、実用的なモーダルを実装していきます。 Next.jsのApp Routerは使わないアプリケーションにnice-modal-reactを導入する例です。 nice-modal-reactをインストールする 以下のコマンドを実行しました。 yarn add @ebay/n…
ChromeOS Flexでは標準で zip ファイルの圧縮・伸張に対応している。 Windowsでは 7-zip を使用していたが、ChromeOSにも同様のアプリがあった。 chrome.google.com これでファイルの伸張だけのためにWindowsを利用する必要がなくなった。
こんにちは。今回は、WordPress初心者に向けて、多言語対応の方法とおすすめプラグインについてお伝えします。 WordPressは、世界中で利用されているCMS(コンテンツ管理システム)であり、多言語対応も可能です。多言語対応することで、海外のユーザーにもアクセスしてもらえるようになり、ウェブサイトのアクセス数を増やすことができます。そこで、本記事では、WordPress初心者の方でも簡単に多言語対応する方法とおすすめプラグインを紹介します。 1. 多言語対応の方法 WordPressでの多言語対応には、主に2つの方法があります。 1-1. 複数のサイトを作成する方法 複数のサイトを作成す…
※ これは 2023/05/18 時点の create-react-app@5.0.1 の情報です 最新版では動作が異なる可能性がありますのでご注意ください Unity のネタ切れになってしまったので、これまであまり触ってこなかった分野をやってみることにする それは React ! UI にからんだクライアント系技術をひたすら習得していたものの、Web や JavaScript 系はあまり詳しくないので、これを機に触ってみることに とりあえず上記チュートリアルの最初の一歩、ローカル開発環境の構築 のところをやってみる スポンサードリンク (adsbygoogle = window.adsbyg…
"> ">低学年におすすめのOutschoolのクラスをご紹介します。 ">オンライン英会話とは異なり、英会話の習得を目的にしているのではなく、 ">英語で好きな科目を学ぶアメリカ発のサービスです。 "> ">英語でARTやLEGOをしたり、英語でreading classを受けたり、 ">英語でSTEAM教育を受けたり、英語でGAMEをしたりも出来ます💛 "> Outschoolとは、日本にいながら、海外の授業が受けれるサービスです。 いつも通りの日常に、少しプラスしてOutchoolを受ければ、気軽に英語を身に着けれます。日本にいながら、海外の授業が受けれるサービスがあります。毎週あるクラ…
英語には、フォーマルな表現だけでなく、カジュアルな表現やスラングも存在します。今回は、楽しく会話を盛り上げるための英語スラング50個をご紹介します。これらのスラングを使って、英語の表現力をアップさせましょう! 1. Awesome - 素晴らしい、すごい2. Chill - リラックスする、くつろぐ3. Dude - おい、やつ、友達4. Cool - クール、かっこいい5. Hang out - 一緒に時間を過ごす 6. What's up? - どうだい?最近どう?7. No worries - 心配いらない、大丈夫8. Sweet - いいね、素敵9. Yolo - 一度きりの人生を楽し…