並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 99件

新着順 人気順

flex2の検索結果1 - 40 件 / 99件

  • PostgreSQL ソースコードリーディング | Youki Shiraishi

    PostgreSQL Server PostgreSQL のアーキテクチャを頭に叩き込んでおこう. 上の図は PostgreSQL サーバーの主要なコンポーネントとそれらの関係を表している. PostgreSQL は,クライアントサーバーモデルに基づく共有メモリ型のアーキテクチャを採用している. サーバープロセス postgres は,クライアントからコネクション要求を受け取るとフォークしてバックエンドプロセス postgres を生成する. 生成されたバックエンドプロセスは,以降,そのクライアントとのやりとりを担う. クライアントは,バックエンドプロセスと通信してクエリを送信したり,結果を受け取ったりする. PostgreSQL のすべてのプロセス間で共有されるメモリ領域は,共有メモリと呼ばれる. 共有メモリは,主に低速なストレージへのアクセスを減らすバッファとして機能する. ストレージ

    • 学生のうつ症状を85%の精度で検出 スマホと活動量計でAI監視 カーネギーメロン大学など開発

      Innovative Tech: このコーナーでは、テクノロジーの最新研究を紹介するWebメディア「Seamless」を主宰する山下裕毅氏が執筆。新規性の高い科学論文を山下氏がピックアップし、解説する。 カーネギーメロン大学、バージニア大学、ピッツバーグ大学、ワシントン大学による米研究チームが開発した「Detecting Depression and Predicting its Onset Using Longitudinal Symptoms Captured by Passive Sensing: A Machine Learning Approach With Robust Feature Selection」は、スマートフォンとフィットネストラッカーで取得したデータを用い、抑うつ状態の発症や悪化を検出/監視する機械学習ベースのシステムだ。大学生138人で実験を行い、学期後の抑うつ

        学生のうつ症状を85%の精度で検出 スマホと活動量計でAI監視 カーネギーメロン大学など開発
      • 【2019年*保存版】FlexBoxで簡単に横並びレイアウト|初心者でも大丈夫

        IE 6-9とOpera 10-11.5では、flexboxを使用することができません。これらが推奨環境に含まれてしまっている場合はflexboxを使用するのを避けましょう。 また、最新のIE11でもいくつかバグが報告されているため、flexboxを使用する際は動作確認を行った方がいいでしょう。 FlexBoxの基本 それではflexboxの基本から学んでいきましょう。 flexboxは、HTML内に親要素となるコンテナを作成し、その中に子要素となるアイテムを作ります。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>Hello World !</title> <link rel="stylesheet" href="css/styles.css"> </head> <body> <div clas

          【2019年*保存版】FlexBoxで簡単に横並びレイアウト|初心者でも大丈夫
        • 2020年【Amazon】アマゾンタイムセール祭りまとめ!準備やお得な情報まるごとお届け - 2221blog

          更新日2020年10月10日 次回開催日プライムデー 2020年10月13日から2日間プライムデー開催! 次回のAmazonセールはプライムデー! そして!進化した新しいAmazonデバイスが登場! 画像引用元:amazon.co.jp プライムデーに登場する目玉商品や人気商品について、 【2020年版】アマゾンプライムデーの準備・攻略・おすすめ目玉商品を総まとめで紹介しているのでこちらをご覧くださいね。✅10月10日目玉商品追加しました! さて、プライム会員限定のビッグセール、プライムデーは10月に延期が発表されているアマゾンですが、ついに開催日時が決定しました!「プライムデー」は、10/13[火]9:00~10/14[水]23:59まで開催されます。 プライムデーの情報はすぐ下のブログでまとめていますのでチェックしてみてくださいね。 この記事でプライムデーについてまとめています。 【A

            2020年【Amazon】アマゾンタイムセール祭りまとめ!準備やお得な情報まるごとお届け - 2221blog
          • WindowsでのReact Native開発環境構築と基礎文法解説:Expoを使った最初のプロジェクト手順 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ

            一般に、React Nativeを使い始めるには、「Expo CLI」または「React Native CLI」を使用する2つの方法があります。 どちらの方法にもそれぞれ長所と短所がありますが、React Nativeの公式ドキュメントでさえ、モバイル開発が初めての場合はExpo CLI から始めることを提案しております。 したがって、当記事ではWindowsを使用した最初の React Nativeプロジェクト用にExpo開発環境をセットアップするために必要なすべての手順を説明致します。 そして、Windows上でReactを使用してiOSアプリ開発を試してみたいと思っている方に向けた入門記事でもあります。 ですが、MacOSをお持ちの方はReact Native CLIを使用してプロジェクトをすばやく起動するのが標準的な方法ですので、すぐに移行をお勧めします。 また、この記事では、Re

              WindowsでのReact Native開発環境構築と基礎文法解説:Expoを使った最初のプロジェクト手順 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ
            • flexbox 子・孫 要素の高さを揃える方法

              CSSのflexboxは子要素の高さを揃えますが、孫要素の高さは揃えてくれません。 このページでは、子・孫 要素の高さを揃える方法を紹介します。 デモ 子要素の高さを揃える 孫要素の高さを揃える 孫要素の高さを揃える + ボタンを下に設置 複数の孫要素の高さを揃える + ボタンを下に設置(強引) デモ See the Pen flexbox sample by kura (@kuranopen) on CodePen. 子要素の高さを揃える Flexboxを使えば、通常子要素の高さは揃います。 HTML <div class="flex1"> <div class="item"> <p class="text">テキストテキストテキストテキスト</p> </div> <div class="item"> <p class="text">テキストテキストテキストテキストテキストテキストテキス

              • Bounded Flexible Arrays in C

                How to modernize C arrays for greater memory safety: a case-study in refactoring the Linux kernel and a look to the future Kees Cook C is not just a fancy assembler any more Large projects written in C, especially those written close to the hardware layer like Linux, have long treated the language as a high-level assembler. Using C allowed for abstracting away much of the difficulty of writing dir

                  Bounded Flexible Arrays in C
                • 体脂肪率を減らすには - コピの部屋

                  宅トレーニーのコピでございます。 お読み頂き、有難うございます。 なになに 体脂肪率を減らしたいって? 体脂肪、率? 体脂肪率・・・ですよね。 率! 率って割合のことね。 そのことを忘れちゃいけません。 例えばね「男性政治家率を減らした~い!」と思ったとするじゃん。 どうするか? 女性政治家を増やすしかないですよ。 当たり前です。 じゃあ体脂肪率を減らすには? そう! 筋肉を増やすしかないのです! 体筋肉率が上がれば体脂肪率は下がるでしょ。 ではでは、筋肉を増やすにはどうする? 筋トレする以外に方法はございません。 そ~ゆ~こと~~~ 本日は以上です。 筋トレの必要性をなるべく少ない言葉で表現する男、コピでした。 お読み頂き、有難うございました。 ※つづきは後日ね [フレックスベル] FLEXBELL 可変式ダンベル 新型 2kg刻み 32kg×2個セット (NUO 正規代理店 2年保証)

                    体脂肪率を減らすには - コピの部屋
                  • 宅トレに必要なモノ 5選 - コピの部屋

                    スポーツジムって和製英語なんですよ 英語だと、ただ『gym』なんですねぇ どうでも良いことを呟く男、コピでございます。 お読み頂き、有難うございます。 僕は「何処かに通う」のが苦手みたいです。 ◯◯教室とか◯◯道場とか。 もちろん趣味のはなしですが・・・。 「会社に通うのがイヤ!」と強く思っても働かなきゃ食べていけません🙃 僕の家が住宅地にあるので習い事をする場所までの距離が遠いという理由はあります。 でも、それだけなのか? 準備をして家を出る・・・その行為が嫌なのかも知れません。 だから、宅内趣味が増えるんですけどね🤪 自宅での筋トレが僕の最近の趣味です。 宅トレだと自重トレーニングをイメージされる方が多いと思います。 腕立て伏せとか腹筋運動とか自分の体重を利用したトレーニングですね。 僕はなるべく筋肉量を増やしたいと考えているのですが、そうなると自重だけでは足らなくなります。 筋肉

                      宅トレに必要なモノ 5選 - コピの部屋
                    • macOS Catalinaでwine - Qiita

                      macにwineをインストールしてみたのでメモしてみました。 実行環境 PC: MacBook Pro (13-inch, 2017, Two Thunderbolt 3 ports) OS: Darwin 19.3.0 (macOS Catalina 10.15.3 (19D76)) wine: wine-5.5 (githubからそのままcloneしました。) *インストールした時点でのstableなバージョンは公式サイト(winehq.org)では5.0でした。 公式サイトでwineのインストールに必要なもののバージョン bison: bison (GNU Bison) 3.5 XQuartz: XQuartz 2.7.11 (xorg-server 1.18.4) flex: flex 2.5.35 Apple(flex-32) pkgconfig: 0.29.2 mingw-w6

                        macOS Catalinaでwine - Qiita
                      • PostgreSQL ソースコードリーディング | Youki Shiraishi

                        PostgreSQL Server Postgres のアーキテクチャを頭に叩き込んでおく必要がある. 上の図は Postgres サーバーの主要なコンポーネントとそれらの関係を表している. Postgres は,クライアントサーバーモデルに基づく共有メモリ型のアーキテクチャを採用している. サーバープロセス postgres は,クライアントからコネクション要求を受け取るとフォークしてバックエンドプロセス postgres を生成する. 生成されたバックエンドプロセスは,以降,そのクライアントとのやりとりを担う. クライアントは,バックエンドプロセスと通信してクエリを送信したり,結果を受け取ったりする. Postgres のすべてのプロセス間で共有されるメモリ領域は,共有メモリと呼ばれる. 共有メモリは,主に低速なストレージへのアクセスを減らすバッファ (共有バッファ) の役割を持つ.

                        • 【CSS Tips】tableタグを使わずにテーブルレイアウトを作る - Qiita

                          はじめに この記事を書いた時点では、Subgridのサポートされているブラウザが限られていましたが、2024年3月現在では主要なブラウザでサポートがされています。 そのため、方法③ Subgridを使うがおすすめの方法です。 "subgrid" | Can I use... Support tables for HTML5, CSS3, etc これは何 Webを作っている際に、「見た目はテーブルレイアウトを使って組むと楽そう」だけど、「実際にはテーブルではない」要素を作りたいことがちょこちょことあります。 以下のようなUIです。 こうした要素をtable要素を使ってデザインしてしまうと、支援技術を使用しているユーザーが意味を適切に理解できなかったり、テーブルを読み取る操作が複雑なために内容を読み取れないことがあります。 テーブル以外でも、基本的に使用するタグは「実現したい見た目」ではなく

                            【CSS Tips】tableタグを使わずにテーブルレイアウトを作る - Qiita
                          • CSS | display:flexで子要素を縦横中央揃えをする方法 | 1 NOTES

                            display:flexで子要素を縦横中央揃えをする方法See the Pen CSS Vertical and horizontal center (display:flex) by yochans (@yochans) on CodePen. flexbox(display:flex)xを使った子要素の縦横中央揃えをする方法は簡単で、display:flexを指定した親要素に「align-items: center;(縦の中央揃え)」と「justify-content: center;(横の中央揃え)」を追記するだけです。 <div class="container"> <div>縦横中央揃え</div> </div>.container{ display:flex; width:100%; height:300px; background:#0D47A1; color:#FFF; f

                            • 買ってよかったもの(2019年) - 猫に夢研究所

                              2019年に買ってよかったものを紹介します。 目次 iPhone XS SKECHERS メンズ ULTRA FLEX 2.0 - KELMER スウェットシャツ(長袖) クルーネックT(半袖) ソニー損保 自動車保険 Fire TV Stick 4K - Alexa対応音声認識リモコン付属 iPhone XS www.au.com iPhone XSの256GBを購入した。128GBのモデルが発売されなかったので、多めの容量にした。自宅のMacBook ProのSSDと同じ容量……。 格安SIMに興味はあるものの、中学生のときから現在まで15年、auユーザー。 これまでは、iPhone 6を使っていたが、電池が持たなくなってきたので機種変更した。 サクサク動く。 顔認証(Face ID)が便利。指紋認証(Touch ID)では、手汗がひどく、エラーになることが多かった。顔認証だと毎回スム

                                買ってよかったもの(2019年) - 猫に夢研究所
                              • Flexテーブル

                                タイトルFlexテーブル説明"display: flex;"を使用したレスポンステーブル rowspanはサポートされていません。カテゴリー ベーシックマークアップ <!-- thead, tbodyタグが必要です。 --> <table class="flex-table"> <thead> <tr> <th>...</th> <th>...</th> <th>...</th> ... </tr> </thead> <tbody> <tr> <td>...</td> <td>...</td> <td>...</td> ... </tr> </tbody> </table> 関連 Bootstrapテーブル Bootstrapフレームワークの標準的なテーブルデザインです。 Gridテーブル “display: grid;”を使用したレスポンステーブル rowspanはサポートされていません

                                  Flexテーブル
                                • Vue Grid: Quick Start | AG Grid

                                  This page covers the key concepts of AG Grid: A high performance, feature rich, Vue Table and Vue Data Grid. Your First Vue Data Grid Add AG Grid to your application in these steps: 1. NPM Install npm install ag-grid-vue3 2. Import the Vue Data Grid <template></template> <script> import { ref } from 'vue'; import "ag-grid-community/styles/ag-grid.css"; // Mandatory CSS required by the Data Grid im

                                  • MUI Data Gridで管理画面のデータテーブルを作る | giftee engineer blog

                                    はじめに こんにちは。giftee Loyalty Platform(GLP)の開発を行っている安達です。GLPの管理画面を新規開発するにあたって、データテーブル機能にReact向けデザインシステムライブラリMUI(2021年にMaterial UIから名称変更しています)のData Gridという機能を利用して作成したところ、非常に使い勝手が良かったため、記事にしたいと思いました。MUIはドキュメントが懇切丁寧に書かれているライブラリのため、実践的な内容に絞って書きたいと思います。 MUI Data Gridのメリット データテーブルに必要な機能が無料で使える MUIのうち、Data Gridを含む応用的なコンポーネントはMUI Xという括りで実装されていて、MUI Xの中でも特に応用的な機能が月額の有料プランで提供されているのですが、無料プランでもフィルター、ソート、CSVエクスポート

                                      MUI Data Gridで管理画面のデータテーブルを作る | giftee engineer blog
                                    • 器械『秋田モルグ・クロニクル』全レビュー - 名馬であれば馬のうち

                                      少女の顔に少女以外の何かがくっついている。 初めてそれを見た時、私がどう思ったのか、もう覚えていない。 ――『Hollow Museum』 以下は『秋田モルグ・クロニクル』収録作の全レビューである。 akitamorgue.booth.pm 『秋田モルグ・クロニクル』とはなにか。 収録作紹介 『FLEX』(2005年11月) 『NATIONAL MORGEAPHIC』(2006年2月) 『FLEX 2』(2006年8月) 『DAMAGING STORIES』(2007年2月) 『NATIONAL MORGRAPHIC EXTRA ISSUE SPRING』(2007年5月5日) 『鋼鉄のなはと!』(2007年8月) 『Rest in Peace』(2008年2月) 『STUMBLE!』(2008年5月) 『器行類』(2008年8月) 『FRACTURE!』(2009年2月) 『The Ni

                                        器械『秋田モルグ・クロニクル』全レビュー - 名馬であれば馬のうち
                                      • Oracle Interconnect for Azure を FastPathと高速ネットワークで相互接続してみてみた - Qiita

                                        Microsoft Azure には、ネットワークを高速化する FastPath と Accelerated Networking(高速ネットワーク)の機能があります。 ・ ExpressRoute FastPath(ExpressRouteの機能) FastPath の目的は、お使いのオンプレミス ネットワークと仮想ネットワークの間のデータ パスのパフォーマンスを向上させることです。 FastPath が有効になっていると、ゲートウェイはバイパスされ、ネットワーク トラフィックが仮想ネットワーク内の仮想マシンに直接送信されます。 ・ UltraPerformance Gateway (Gatewayの機能) HighPerformance Gateway の 5 倍のネットワーク スループットを提供します。 ・ 高速ネットワーク(VMの機能) 高速ネットワークによって、VM との間でシン

                                          Oracle Interconnect for Azure を FastPathと高速ネットワークで相互接続してみてみた - Qiita
                                        • Amazonタイムセール祭りが6月27日9時〜28日まで実施!SIMフリースマホ「Mi Note 10」や「HUAWEI nova 5T」、Fireタブレットなどがお買い得 : S-MAX

                                          Amazonタイムセール祭りが6月27日9時〜28日まで実施!SIMフリースマホ「Mi Note 10」や「HUAWEI nova 5T」、Fireタブレットなどがお買い得 2020年06月27日09:55 posted by memn0ck カテゴリスマートフォンニュース・解説・コラム list Amazonタイムセール祭りが久しぶりに開催!6月27日9時から28日までの39時間 アマゾン ジャパンが運営するWebストア「Amazon.co.jp」( http://www.amazon.co.jp )において2020年6月27日(金)9:00から6月28日(月)23:59までの39時間に渡って「Amazonタイムセール祭り」を実施するとお知らせしています。期間中はAmazonデバイスや家電および日用品などの幅広い商品がセールとなっているほか、セール期間中は最大5,000ポイントが還元され

                                            Amazonタイムセール祭りが6月27日9時〜28日まで実施!SIMフリースマホ「Mi Note 10」や「HUAWEI nova 5T」、Fireタブレットなどがお買い得 : S-MAX
                                          • GNU bisonとflexで単純な計算機を作る - ぶていのログでぶログ

                                            ゴールデンウィークからゲームをやりすぎて食傷気味の今日この頃…。 趣味でプロダクト開発を始めたら、構文解析がしたくなったのでいろいろ調査をしていた。 正規表現を使って頑張るのでもいいのだけど、すでにあるツールを活用したくGNU bisonを使うことにした。 GNU bison GNU bisonは、構文解析ジェネレータである。 bisonの文法で書かれたファイルを用意してbisonコマンドでコンパイル(トランスパイル?ビルド?)すると、C言語のファイルを吐いてくれるという便利なしろもの。 出力された、C言語のファイルには yyparse という関数が定義されているのでこの関数を呼び出せば構文解析できる。 しかしながら、構文解析はできても字句解析ができないのでこれは自作するしかない。 具体的には yylex 関数を作成する必要がある。 そこで登場するのがflexである flex flexは字

                                              GNU bisonとflexで単純な計算機を作る - ぶていのログでぶログ
                                            • KB4592438適用環境でchkdskを行うとBSoDが発生する不具合 [Update 1: Microsoftが不具合を認める。回避策公開] | ニッチなPCゲーマーの環境構築Z

                                              一部環境にて、『chkdsk c: /f』を実行すると、BSoDが発生するという報告が出ています。発生が確認されているのはWindows10 バージョン20H2 / 2004の2020年12月度の更新プログラムKB4592438適用環境。 ドイツメディアのPlanet 3DNow!が調べたところ、発生する環境、しない環境にハードウェア的な共通点は見つけられず、どういう条件で発生するのかは明らかになっていません。 6x ASUS A68HM-PLUS mit AMD A8-7600, Kingston A400 SATA-SSD, MBR/BIOS 1x ASUS A68HM-PLUS mit AMD A8-7600, Kingston V300 SATA-SSD, MBR/BIOS 2x Lenovo V110 mit Intel Core i3-6006U, Intel 540s M.2

                                                KB4592438適用環境でchkdskを行うとBSoDが発生する不具合 [Update 1: Microsoftが不具合を認める。回避策公開] | ニッチなPCゲーマーの環境構築Z
                                              • 6800FLEX Basic と ASCIIART

                                                Lambda-2022 マシンで FLEX 2.0 が動くようになりました。6800 / 6809 用 DOS である FLEX はマイコン DOS としては比較的初期の製品になりますが、アセンブラをはじめ各種言語が利用できて便利です。 「DOS」といっても物理フロッピーディスクならびにドライブをいまさら使う必要は感じられないので、シリアルサーバ Apple2pi のコードを改変して FLEX ディスクドライブをエミュレートしました。Apple ProDOS が 1 ブロック 512 バイトなのに対して FLEX は 1 セクタ 256 バイトが読み書きの最小単位であるため、Apple2pi のディスクエミュレーションコードの該当部分を変更します。FLEX のセクタ数とトラック数はディスク TOC に書かれたパラメータに応じて可変となるので、その処理も追加しました。6800 用クライアント

                                                  6800FLEX Basic と ASCIIART
                                                • PostgreSQLをWindows上でソースコードからビルド - Qiita

                                                  VisualStudioのデバッガを使ってPostgreSQLのFDW(Foreign Data Wrapper)を開発したいと思い、PostgreSQLをソースコードからビルドする方法をまとめました。 今回使用したバージョンはPostgreSQL13.1です。 ビルドしようとしたところ以下のエラーが出たので、本項ではこのエラーの解消を含め、PostgreSQLのビルド方法を記載しています。 fatal error C1083: ソース ファイルを開けません。'src/fe_utils/psqlscan.c':No such file or directory エラーの原因 原因はflexのバージョンが古かったことでした。PostgreSQL13.1はflexバージョンが2.5.31以上でないといけないのですが、GnuWin32(http://gnuwin32.sourceforge.ne

                                                    PostgreSQLをWindows上でソースコードからビルド - Qiita
                                                  • ReactNative 簡単なSample集 - Qiita

                                                    react-native init Native cd Native react-native run-ios // xcodeが立ち上がる ReactNativeとは Reactを用いてiOSやAndroidのネイティブアプリを構築できるフレームワーク JavaScriptからネイティブのAPIが呼ばれる どのプラットフォーム向けにも書けるようになる 基本文法 divやspanなどのDOMを使えない DOMを使えない替わりに「View」や「Text」などコンポーンネントとして使う テキストを扱う場合は「Text」。入れ物として扱う場合は「View」 CSSは使えないので、替わりにに「CSS in JS式」でスタイリングする ・例 import React, { Component } from 'react'; import { Text, View, StyleSheet } from

                                                      ReactNative 簡単なSample集 - Qiita
                                                    • 【1,490円/個】Amazonでスマートスピーカー「Echo Flex」がまとめ買いセール中

                                                      Amazonで、スマートスピーカー「Echo Flex (エコーフレックス)」の2台まとめ買いセールが6月11日までの期間限定で開催されています。 「Echo Flex」の主な特徴は次のとおり: 音声アシスタント「Alexa」対応 コンセントに直接挿プラグイン式 USBポート内蔵 マイクオフ(ミュート)ボタン 別売りのアクセサリーで家電の操作も可能 音声アシスタント「Alexa」に対応し、日常生活に役立つ音声認識による操作のほか、2,500以上の「スキル」と呼ばれる機能追加・アプリ連携により、より高度な使い方を可能にします。 「アナウンス機能」で、家の中の他のへに音声メッセージを送信することが可能。 「ご飯の時間だよ」と大声で叫ぶ必要がなくなります。 USBポートを内蔵。 スマートフォン等の充電のほか、別売りのアクセサリーを接続することで、使い道が広がります。 通常2,980円で販売されて

                                                        【1,490円/個】Amazonでスマートスピーカー「Echo Flex」がまとめ買いセール中
                                                      • SCYTHE / 忍者 五 (NINJA5) - 株式会社サイズ

                                                        大型サイドフロー CPUクーラー 忍者シリーズの5代目 「忍者五」。超静音ファンを2基搭載のハイエンド仕様! 製品の特徴 トップフィンがブラックカラーとなり、外観も一新 フィンピッチ 2.2mm(先代モデルは2.6mm)と新たにヒートシンク側にもチューニングを施した静音仕様 表面積重視「大型フィン構造」を採用 6mmヒートパイプの熱源を余すことなく、表面積重視の大型フィンに熱伝導する設計 デュアルファン仕様 超低回転、超静音800rpmの「KAZE FLEX」2基搭載 メモリとの物理干渉を軽減 フィン下部の両脇をカットすることにより、内側1つ分のメモリスロットとの物理干渉を回避。(内側1スロットに搭載可能なメモリの高さは約55mmまで、その他のメモリスロットは高さ約35mmまで) 高精度ベース構造 厚みのある銅製受熱ベースプレートと、6mm径ヒートパイプの形状に合わせて掘り込んだ高精度ベー

                                                          SCYTHE / 忍者 五 (NINJA5) - 株式会社サイズ
                                                        • CSS Flexbox Tutorial with Flexbox Properties Cheat Sheet 🎖️

                                                          In this article, I'll teach you CSS Flexbox basics so you can make your own responsive sites. I'll explain how each of Flexbox's properties work, and I'll give you a cheatsheet that covers everything you can do with Flexbox. Let's Go 🎖️ Table of Contents Flexbox Architecture flex-direction justify-content align-content align-items align-self flex - grow | shrink | wrap | basis Shorthands Conclusi

                                                            CSS Flexbox Tutorial with Flexbox Properties Cheat Sheet 🎖️
                                                          • 第19回 Days of WINE and Struggles[6] | gihyo.jp

                                                            前回、何とかPlamo LinuxでもWINEが動くようになった、という話をしました。その後、他の人にも使っていただける程度にパッケージを整理できたので、今回はWINEをパッケージとしてPlamo Linux環境にインストールする方法について紹介します。 WINEのインストール 復習がてら整理しておくと、WINEはWindows用のソフトウェアをLinux等のPOSIX互換OS上で動かすためのソフトウェアで、一般には「エミュレータ」と呼ばれる種類のソフトウェアなものの、開発者たちは"WINE is Not a Emulator(WINEはエミュレータではない)"と呼んで、WINEはエミュレータではなく"compatibility layer(互換レイヤ)"だ、と主張しています。 両者の区別は曖昧なものの、細かく見ると、「⁠エミュレータ」というのは「ゲームボーイのエミュレータ」のように対象シ

                                                              第19回 Days of WINE and Struggles[6] | gihyo.jp
                                                            • やってみたシリーズ5編1部 html , css js は2部になる - Qiita

                                                              これは、htmlとcssとJavascriptを駆使して動的に静止画の動化をしようとする、試みのスクリプトである。 実践的に、プログラムの謎解きを収録した実話で、その証拠を示すものとする。 ここまで来ると、ぺらぺらとめくるだけでは済まず、詳細な内容を検討する必要があり2部に分割して、載せる事としました。 1部 htmlとcss studio.html <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <LINK rel="SHORTCUT ICON" href="imge/name.ico"> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="description" content="たっちゃん,stud

                                                                やってみたシリーズ5編1部 html , css js は2部になる - Qiita
                                                              • 投稿アプリで本人以外が記事を削除できなくする (Laravel) - Qiita

                                                                はじめに Laravel学習の一環でBreezeを利用した簡単な記事投稿アプリを作成しました。 その際、投稿した本人以外が記事を編集・削除できないようにする機能を実装してみたので、備忘のため記事に残します。 完成イメージ 投稿した本人の場合 → 編集・削除ボタンが表示される 投稿した本人以外の場合 → ボタンが表示されない 実装フロー ビューに記事の投稿者を確認するロジックを追加 コントローラーに記事の投稿者を確認するロジックを追加 1. ビューに記事の投稿者を確認するロジックを追加 投稿の編集・削除ボタンが表示される条件として、ログインユーザーがその記事の投稿者であるかどうかを確認するコードを追加します。 @if(Auth::id() === $post->user_id) <div class="text-right flex"> <a href="{{ route('post.edi

                                                                  投稿アプリで本人以外が記事を削除できなくする (Laravel) - Qiita
                                                                • 自作言語(コンパイラ作成)の進め方 - Qiita

                                                                  42tokyo Advent Calendar 2020の20日目の記事です。 私は一ヶ月ほど前まで自作言語の開発をしていました。作ったやつ 自作言語に関する知識がゼロの状態から開発を始めたため、どのように進めていけばいいのかわからず苦労しました。そこで、自作言語に興味があっても進め方がわからない人に向けてオススメの進め方をまとめてみました。ぜひ参考にしてみてください!! ※この進め方はc++の知識を前提としています まずコンパイラの理論を学ぶ ここでソースコードというテキストファイルが、どのように目的コードへ翻訳されていくのか一通りイメージできるようになっておきましょう。基本的に「構文解析→AST生成→目的コードへコンパイル」という流れになっています。実装もこの流れで行うといいでしょう。 ASTとは簡単に言ってしまうと「コードから必要な意味だけ抽出した木構造」です。こいつをもとに最終的な

                                                                    自作言語(コンパイラ作成)の進め方 - Qiita
                                                                  • お散歩宣言(^^)¡ - pokomama日記

                                                                    雨の合間をぬって、散歩に出かけました 家でウダウダしてるのも頭痛の原因かもと思い、多少、具合が悪くても歩くようにしています…未だ、お試し中なので解消されるかは分かりません… 入りくんだ近所の住宅街を迷子のように歩いてみました お花好きのお宅の庭では、ツツジやマーガレット、パンジーなど春の花が元気に咲いています(^^) わが家のチューリップとは大違い、丁寧に育てられたのでしょう(^^) 畑だったはずのところには、数件の新築の家が立っていたり… 年季の入った家が取り壊されていたり… 久しぶりに歩くと、近所でも知らないことがたくさんありました 目的なく歩くのも、面白くて…たまには良いかなぁと思ってしまいます これからの季節、さらに不順な天気と頭痛との闘いが続きます 頭痛いと寝てばかりじゃなくて、外の空気を吸うことも取り入れていきたいなぁと、 前向きに考えた一日…(^^) 散歩が三日坊主で終わらな

                                                                      お散歩宣言(^^)¡ - pokomama日記
                                                                    • レディース【SKECHERS】 スケッチャーズ ULTRA FLEX 2.0-STUNNING SURPR ウルトラフレックス2.0 スタンニングサプライズ 149180 NVW

                                                                        レディース【SKECHERS】 スケッチャーズ ULTRA FLEX 2.0-STUNNING SURPR ウルトラフレックス2.0 スタンニングサプライズ 149180 NVW
                                                                      • Flex

                                                                        Node:Introduction, Next:Invoking Flex, Previous:Top, Up:Top Flex入門 この章では字句スキャン処理の概念を説明し、Flexのようなツールの 必要性を示します。 本章の後半ではFlexを使うことのできる状況について説明します。 UnixおよびCの世界では、ファイルは通常個々のバイトが連続したものとして 扱われます。 個々のバイトを集めてどのようにグループ化するかという点は、 プログラマが決めることです。 このような抽象化は非常に強力です。 というのは、どのようなファイルであってもこの抽象化方法によって表現できるから です。 しかしこの方法には短所もあり、プログラマはほとんど常に生のファイルに対して 構造をあてはめなければなりません。 言い換えると、ファイルをより意味のある部分に分割しなければならないということ です。 たとえば、コ

                                                                        • flexレイアウトの基本【2カラムレイアウト】 | Designmemo(デザインメモ)-初心者向けWebデザインTips-

                                                                          CSSのflexを用いた基本的なレイアウト方法の紹介。今回は単純な2カラムレイアウトの組み方について見ていきます。 flexで作る2カラムレイアウト まずは、2カラムレイアウトの枠組みとして、以下のようなHTMLをマークアップしておきましょう。 <div id="container"> <div id="main"> ~メインコンテンツ~ </div> <div id="side"> ~サイドバーなど~ </div> </div> これを2カラムで表示させるには、横並びにしたいコンテンツの親要素に対して「flex」を指定します。 #container { display: flex; } これだけで、簡単に2カラムのレイアウトを作ることができます。 中央に表示したい場合 画面全体に表示させるのではなく、ページ中央に表示して左右に余白を付けたい場合は、widthとmarginを追加しましょう

                                                                            flexレイアウトの基本【2カラムレイアウト】 | Designmemo(デザインメモ)-初心者向けWebデザインTips-
                                                                          • レディース【SKECHERS】 スケッチャーズ ULTRA FLEX 2.0-STUNNING SURPR ウルトラフレックス2.0 スタンニングサプライズ 149180 BBK

                                                                              レディース【SKECHERS】 スケッチャーズ ULTRA FLEX 2.0-STUNNING SURPR ウルトラフレックス2.0 スタンニングサプライズ 149180 BBK
                                                                            • Samba4.17.4をインストールして、Active Directoryを構築する(AlmaLinux9.1)

                                                                              目次 前書き 環境説明 構築手順 後書き 参考サイト 0.前書き 私事ながら、先日LPIC300に合格しました。 Sambaに重きを置いた資格で、せっかくなのでSambaで遊びます。 今日は、お題の通りSamba4.17.4をソースコードからインストールします。 Samba4.10以上をソースからインストールしたことがある方ならわかるかと思いますが、Sambaソースのコンパイルはかなりの苦行です。 ./configureやmake時に必要なプログラムやパッケージが多すぎるのが原因です。 逆に言うと最初から何が必要かわかっていれば、敵ではありません。 そこで、人柱になった気持ちで、心をへし折られながらもなんとか手順に落とし込んだので、少しでも力になれれば幸いです。 1.環境説明 ①Active Direcroty Domain Controller(以降ADDC) 構築システム:Samba4

                                                                                Samba4.17.4をインストールして、Active Directoryを構築する(AlmaLinux9.1)
                                                                              • Deno の React アプリケーションフレームワーク Ultra を紹介します! - 虎の穴開発室ブログ

                                                                                皆様こんにちは、ゆっくり不動産でお部屋を眺めながら引っ越しを検討しています。おっくんです。 虎の穴ラボ Advent Calendar 2021 - Qiitaの18日目の記事です。 qiita.com 17日目は、H.HさんによるGithubActionsでLambdaのテストからデプロイまでを自動化した話でした。 こちらもぜひご覧ください。 今回は、Deno 環境で動作する Web アプリケーションフレームワーク Ultra を紹介します。 github.com Ultra は、開発者が特に設定を行うことなく React のサーバーサイドレンダリングが動作するフレームワークです。 examples に用意されたものがあるので導入として触り、Web APIとの連携方法まで紹介します。 実行環境 Deno 1.16.3 examples から紹介 導入方法が紹介されているので、この通り実行

                                                                                  Deno の React アプリケーションフレームワーク Ultra を紹介します! - 虎の穴開発室ブログ
                                                                                • mu:sta|音響設備ファイル【Vol.79】 - サンレコ 〜音楽制作と音響のすべてを届けるメディア

                                                                                  今回、訪問させていただいたのは、横浜市を拠点とする建築音響会社mu:sta(ムスタ)のモデルルーム。イマーシブ対応のコントロールルームとオーディオルームとしても利用可能なレコーディングルーム、そして主にクラシック系の楽器演奏を目的としたピアノルームの3部屋を構えている。ここを訪れた人は、これらの部屋で遮音性能や響きなどを体感してイメージを膨らませることができ、mu:staのコンセプトや特長も把握できるわけだ。では、mu:staが目指す音響空間とはどのようなものなのだろうか。代表取締役の岩元公生氏に加え、機材コーディネートを手掛けたPleasureCreationの谷正太氏、ワイヤリングやイマーシブ環境の電気音響調整を担当したONZUの井上聡氏にもご同席いただきお話を伺った。 Photo:Takashi Yashima 奇麗な響きを作るには部屋の形が大事 岩元氏は、建築音響の世界で20年以上

                                                                                    mu:sta|音響設備ファイル【Vol.79】 - サンレコ 〜音楽制作と音響のすべてを届けるメディア