「flex」を含む日記

はてなキーワード: flexとは

2025-09-13

■anond:20250913112607

無料のOSってなんや！Chrome Flexはギリ認めるけど、Linuxのデスクトップ環境は断固として認めんで！

Permalink | 記事への反応(1) | 11:30

2025-07-13

■anond:20250713152843

増田できるぞ

てかほかもけっこうできることあるし、今の時代ほとんどがウェブで完結する

Chrome OS Flex を古いPCに入れたらそれだけで十分だわ

SteamOSの成果を使ってゲームもできるようなればもうWidowsいらんやろ状態なんやがなぁ

Permalink | 記事への反応(0) | 15:30

2025-07-06

■Grokが作ってくれたやつ


&lt;html lang="ja"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;title&gt;GrokのPONGゲーム&lt;/title&gt;
    &lt;style&gt;
        body { display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; background: #1a1a1a; }
        canvas { border: 2px solid #00ff00; background: #000; }
        #score { color: #00ff00; font-family: 'Courier New', monospace; font-size: 24px; position: absolute; top: 20px; width: 100%; text-align: center; }
    &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
    0 : 0
    &lt;canvas id="gameCanvas" width="800" height="400"&gt;&lt;/canvas&gt;
    &lt;script&gt;
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');
        const scoreDisplay = document.getElementById('score');

        // ゲームオブジェクト
        const ball = { x: canvas.width / 2, y: canvas.height / 2, radius: 10, speedX: 5, speedY: 5 };
        const paddleLeft = { x: 10, y: canvas.height / 2 - 50, width: 10, height: 100, speed: 8 };
        const paddleRight = { x: canvas.width - 20, y: canvas.height / 2 - 50, width: 10, height: 100, speed: 8 };
        let scoreLeft = 0, scoreRight = 0;

        // キー入力
        const keys = { w: false, s: false, ArrowUp: false, ArrowDown: false };
        document.addEventListener('keydown', e =&gt; { if (keys.hasOwnProperty(e.key)) keys[e.key] = true; });
        document.addEventListener('keyup', e =&gt; { if (keys.hasOwnProperty(e.key)) keys[e.key] = false; });

        // ゲームループ
        function gameLoop() {
            // 移動
            if (keys.w &amp;&amp; paddleLeft.y &gt; 0) paddleLeft.y -= paddleLeft.speed;
            if (keys.s &amp;&amp; paddleLeft.y &lt; canvas.height - paddleLeft.height) paddleLeft.y += paddleLeft.speed;
            if (keys.ArrowUp &amp;&amp; paddleRight.y &gt; 0) paddleRight.y -= paddleRight.speed;
            if (keys.ArrowDown &amp;&amp; paddleRight.y &lt; canvas.height - paddleRight.height) paddleRight.y += paddleRight.speed;

            // ボール移動
            ball.x += ball.speedX;
            ball.y += ball.speedY;

            // 壁衝突
            if (ball.y + ball.radius &gt; canvas.height || ball.y - ball.radius &lt; 0) ball.speedY = -ball.speedY;

            // パドル衝突
            if (
                (ball.x - ball.radius &lt; paddleLeft.x + paddleLeft.width &amp;&amp; ball.y &gt; paddleLeft.y &amp;&amp; ball.y &lt; paddleLeft.y + paddleLeft.height) ||
                (ball.x + ball.radius &gt; paddleRight.x &amp;&amp; ball.y &gt; paddleRight.y &amp;&amp; ball.y &lt; paddleRight.y + paddleRight.height)
            ) {
                ball.speedX = -ball.speedX * 1.05; // 少し加速
            }

            // 得点
            if (ball.x &lt; 0) { scoreRight++; ballReset(); }
            if (ball.x &gt; canvas.width) { scoreLeft++; ballReset(); }

            // 描画
            ctx.fillStyle = '#000';
            ctx.fillRect(0, 0, canvas.width, canvas.height);
            ctx.fillStyle = '#00ff00';
            ctx.fillRect(paddleLeft.x, paddleLeft.y, paddleLeft.width, paddleLeft.height);
            ctx.fillRect(paddleRight.x, paddleRight.y, paddleRight.width, paddleRight.height);
            ctx.beginPath();
            ctx.arc(ball.x, ball.y, ball.radius, 0, Math.PI * 2);
            ctx.fill();
            scoreDisplay.textContent = `${scoreLeft} : ${scoreRight}`;

            requestAnimationFrame(gameLoop);
        }

        function ballReset() {
            ball.x = canvas.width / 2;
            ball.y = canvas.height / 2;
            ball.speedX = (Math.random() &gt; 0.5 ? 5 : -5) * (Math.random() * 0.5 + 0.75);
            ball.speedY = (Math.random() * 4 - 2);
        }

        gameLoop();
    &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;

https://anond.hatelabo.jp/20250706011306#

Permalink | 記事への反応(1) | 01:18

■Claudeが作ってくれたやつ



&lt;html lang="ja"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;title&gt;PONG Game&lt;/title&gt;
    &lt;style&gt;
        body {
            margin: 0;
            padding: 0;
            background-color: #000;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            font-family: 'Courier New', monospace;
            color: white;
        }

```
    .game-container {
        text-align: center;
    }
    
    canvas {
        border: 2px solid white;
        background-color: #000;
    }
    
    .score {
        font-size: 24px;
        margin: 20px 0;
        letter-spacing: 2px;
    }
    
    .controls {
        margin-top: 20px;
        font-size: 14px;
        opacity: 0.8;
    }
    
    .start-button {
        background-color: #333;
        color: white;
        border: 2px solid white;
        padding: 10px 20px;
        font-size: 16px;
        cursor: pointer;
        font-family: 'Courier New', monospace;
        margin: 10px;
    }
    
    .start-button:hover {
        background-color: white;
        color: black;
    }
&lt;/style&gt;
```

&lt;/head&gt;
&lt;body&gt;
    
        
            プレイヤー: 0 | コンピューター: 0
        
        &lt;canvas id="gameCanvas" width="800" height="400"&gt;&lt;/canvas&gt;
        
            &lt;button class="start-button" onclick="startGame()"&gt;ゲーム開始&lt;/button&gt;
            &lt;button class="start-button" onclick="resetGame()"&gt;リセット&lt;/button&gt;
            


            W/S キーまたは ↑/↓ 矢印キーでパドルを操作
        
    

```
&lt;script&gt;
    // Canvas要素とコンテキストの取得
    const canvas = document.getElementById('gameCanvas');
    const ctx = canvas.getContext('2d');
    
    // ゲームの状態管理
    let gameRunning = false;
    let animationId;
    
    // スコア要素の取得
    const playerScoreElement = document.getElementById('playerScore');
    const computerScoreElement = document.getElementById('computerScore');
    
    // ゲームオブジェクトの定義
    const game = {
        // プレイヤーのパドル（左側）
        playerPaddle: {
            x: 10,
            y: canvas.height / 2 - 50,
            width: 10,
            height: 100,
            speed: 5,
            upPressed: false,
            downPressed: false
        },
        
        // コンピューターのパドル（右側）
        computerPaddle: {
            x: canvas.width - 20,
            y: canvas.height / 2 - 50,
            width: 10,
            height: 100,
            speed: 3.5, // プレイヤーより少し遅く設定
            targetY: canvas.height / 2 - 50
        },
        
        // ボールの設定
        ball: {
            x: canvas.width / 2,
            y: canvas.height / 2,
            radius: 8,
            speedX: 4,
            speedY: 3,
            maxSpeed: 8
        },
        
        // スコアの管理
        score: {
            player: 0,
            computer: 0
        }
    };
    
    // キーボード入力の処理
    const keys = {};
    
    // キーが押されたときの処理
    document.addEventListener('keydown', (e) =&gt; {
        keys[e.key.toLowerCase()] = true;
        
        // ゲームが停止中にスペースキーでゲーム開始
        if (e.key === ' ' &amp;&amp; !gameRunning) {
            startGame();
        }
    });
    
    // キーが離されたときの処理
    document.addEventListener('keyup', (e) =&gt; {
        keys[e.key.toLowerCase()] = false;
    });
    
    // パドルの移動処理
    function updatePaddles() {
        // プレイヤーパドルの移動（W/S キーまたは矢印キー）
        if (keys['w'] || keys['arrowup']) {
            game.playerPaddle.y -= game.playerPaddle.speed;
        }
        if (keys['s'] || keys['arrowdown']) {
            game.playerPaddle.y += game.playerPaddle.speed;
        }
        
        // プレイヤーパドルの画面外移動を防ぐ
        if (game.playerPaddle.y &lt; 0) {
            game.playerPaddle.y = 0;
        }
        if (game.playerPaddle.y &gt; canvas.height - game.playerPaddle.height) {
            game.playerPaddle.y = canvas.height - game.playerPaddle.height;
        }
        
        // コンピューターパドルのAI処理
        // ボールの位置を追跡するが、完璧ではない動きを実装
        const ballCenterY = game.ball.y;
        const paddleCenterY = game.computerPaddle.y + game.computerPaddle.height / 2;
        
        // ボールとパドルの中心の差を計算
        const difference = ballCenterY - paddleCenterY;
        
        // 反応に少し遅れを持たせる（人間らしい動き）
        if (Math.abs(difference) &gt; 10) {
            if (difference &gt; 0) {
                game.computerPaddle.y += game.computerPaddle.speed;
            } else {
                game.computerPaddle.y -= game.computerPaddle.speed;
            }
        }
        
        // コンピューターパドルの画面外移動を防ぐ
        if (game.computerPaddle.y &lt; 0) {
            game.computerPaddle.y = 0;
        }
        if (game.computerPaddle.y &gt; canvas.height - game.computerPaddle.height) {
            game.computerPaddle.y = canvas.height - game.computerPaddle.height;
        }
    }
    
    // ボールの移動と衝突判定
    function updateBall() {
        // ボールの位置を更新
        game.ball.x += game.ball.speedX;
        game.ball.y += game.ball.speedY;
        
        // 上下の壁との衝突判定
        if (game.ball.y - game.ball.radius &lt; 0 || game.ball.y + game.ball.radius &gt; canvas.height) {
            game.ball.speedY = -game.ball.speedY;
        }
        
        // プレイヤーパドルとの衝突判定
        if (game.ball.x - game.ball.radius &lt; game.playerPaddle.x + game.playerPaddle.width &amp;&amp;
            game.ball.x + game.ball.radius &gt; game.playerPaddle.x &amp;&amp;
            game.ball.y + game.ball.radius &gt; game.playerPaddle.y &amp;&amp;
            game.ball.y - game.ball.radius &lt; game.playerPaddle.y + game.playerPaddle.height) {
            
            // ボールがパドルに当たった位置によって跳ね返り角度を調整
            const hitPos = (game.ball.y - (game.playerPaddle.y + game.playerPaddle.height / 2)) / (game.playerPaddle.height / 2);
            game.ball.speedX = Math.abs(game.ball.speedX);
            game.ball.speedY = hitPos * 4;
            
            // ボールの速度を少し上げる（ゲームをエキサイティングに）
            if (Math.abs(game.ball.speedX) &lt; game.ball.maxSpeed) {
                game.ball.speedX *= 1.02;
            }
        }
        
        // コンピューターパドルとの衝突判定
        if (game.ball.x + game.ball.radius &gt; game.computerPaddle.x &amp;&amp;
            game.ball.x - game.ball.radius &lt; game.computerPaddle.x + game.computerPaddle.width &amp;&amp;
            game.ball.y + game.ball.radius &gt; game.computerPaddle.y &amp;&amp;
            game.ball.y - game.ball.radius &lt; game.computerPaddle.y + game.computerPaddle.height) {
            
            // ボールがパドルに当たった位置によって跳ね返り角度を調整
            const hitPos = (game.ball.y - (game.computerPaddle.y + game.computerPaddle.height / 2)) / (game.computerPaddle.height / 2);
            game.ball.speedX = -Math.abs(game.ball.speedX);
            game.ball.speedY = hitPos * 4;
            
            // ボールの速度を少し上げる
            if (Math.abs(game.ball.speedX) &lt; game.ball.maxSpeed) {
                game.ball.speedX *= 1.02;
            }
        }
        
        // ボールが左右の壁を越えた場合（得点処理）
        if (game.ball.x &lt; 0) {
            // コンピューターの得点
            game.score.computer++;
            updateScore();
            resetBall();
        } else if (game.ball.x &gt; canvas.width) {
            // プレイヤーの得点
            game.score.player++;
            updateScore();
            resetBall();
        }
    }
    
    // ボールをリセット（得点後の処理）
    function resetBall() {
        game.ball.x = canvas.width / 2;
        game.ball.y = canvas.height / 2;
        
        // ランダムな方向でボールを発射
        game.ball.speedX = (Math.random() &gt; 0.5 ? 4 : -4);
        game.ball.speedY = (Math.random() - 0.5) * 6;
    }
    
    // スコア表示の更新
    function updateScore() {
        playerScoreElement.textContent = game.score.player;
        computerScoreElement.textContent = game.score.computer;
    }
    
    // 描画処理
    function draw() {
        // 画面をクリア
        ctx.fillStyle = '#000';
        ctx.fillRect(0, 0, canvas.width, canvas.height);
        
        // 中央の点線を描画
        ctx.setLineDash([5, 5]);
        ctx.beginPath();
        ctx.moveTo(canvas.width / 2, 0);
        ctx.lineTo(canvas.width / 2, canvas.height);
        ctx.strokeStyle = '#fff';
        ctx.stroke();
        ctx.setLineDash([]);
        
        // プレイヤーパドルを描画
        ctx.fillStyle = '#fff';
        ctx.fillRect(game.playerPaddle.x, game.playerPaddle.y, game.playerPaddle.width, game.playerPaddle.height);
        
        // コンピューターパドルを描画
        ctx.fillRect(game.computerPaddle.x, game.computerPaddle.y, game.computerPaddle.width, game.computerPaddle.height);
        
        // ボールを描画
        ctx.beginPath();
        ctx.arc(game.ball.x, game.ball.y, game.ball.radius, 0, Math.PI * 2);
        ctx.fillStyle = '#fff';
        ctx.fill();
        
        // ゲームが停止中の場合、メッセージを表示
        if (!gameRunning) {
            ctx.fillStyle = '#fff';
            ctx.font = '20px Courier New';
            ctx.textAlign = 'center';
            ctx.fillText('ゲーム開始ボタンを押してください', canvas.width / 2, canvas.height / 2 + 60);
        }
    }
    
    // ゲームのメインループ
    function gameLoop() {
        if (!gameRunning) return;
        
        updatePaddles();
        updateBall();
        draw();
        
        animationId = requestAnimationFrame(gameLoop);
    }
    
    // ゲーム開始
    function startGame() {
        gameRunning = true;
        gameLoop();
    }
    
    // ゲームリセット
    function resetGame() {
        gameRunning = false;
        if (animationId) {
            cancelAnimationFrame(animationId);
        }
        
        // スコアをリセット
        game.score.player = 0;
        game.score.computer = 0;
        updateScore();
        
        // ボールとパドルの位置をリセット
        game.ball.x = canvas.width / 2;
        game.ball.y = canvas.height / 2;
        game.ball.speedX = 4;
        game.ball.speedY = 3;
        
        game.playerPaddle.y = canvas.height / 2 - 50;
        game.computerPaddle.y = canvas.height / 2 - 50;
        
        draw();
    }
    
    // 初期描画
    draw();
&lt;/script&gt;
```

&lt;/body&gt;
&lt;/html&gt;

https://anond.hatelabo.jp/20250706011306#

Permalink | 記事への反応(0) | 01:14

2024-11-26

■

スモルダーとマオカイの2つで全ロール行けるしそう難しいキャラでもない

ban対策でflexなキャラがもう一人欲しいところ

ジグスもかなり行けるか

どこオプotpでいく

Permalink | 記事への反応(0) | 16:01

2024-09-18

■Intel NUCキット(NUC6CAYS)レビュー

最近秋葉原の「U Mobile Shop」で開催されたセールで購入したIntel NUCキット(NUC6CAYS)に

ついてのレビューです。

このミニ PCは、その小さなボディに秘めた可能性に驚かされることばかりでした。

それでは、購入から設定、そして実際の使用感まで、詳しく見ていきましょう。

NUC6CAYSの画像： https://i.imgur.com/LrfNMrA.jpeg

１．購入経緯

2024年 9月14日、秋葉原の「U Mobile Shop」とそのオンラインストアで中古ミニ PCのセールが

開始されました。

オンラインストアは午前0時からスタートし、私はこの機会を逃すまいと注文しました。

Intel製Windows 10 ミニ PC 中古が3,000円でセール！【Intel NUCキット】

https://daily-gadget.net/2024/09/12/post-77177/

セールの目玉商品だったIntel NUCキット(NUC6CAYS)の仕様は以下の通りでした：

　- CPU: Celeron J3455

　- メモリ: 4GB

　- ストレージ: 32GB

　- OS: Windows 10 Home

　- ACアダプタ付属

　- 状態: Bランク品

インテル ® NUC キット NUC6CAYS

https://www.intel.co.jp/content/www/jp/ja/products/sku/95078/intel-nuc-kit-nuc6cays/specifications.html

外国の人の紹介動画

https://youtu.be/Q9gM8jAOf_0?si=kr-9lrfr20P0eG-Z

残念ながらWindows 11には非対応ですが、そのために価格は3,000円！でした。

２．開封と初期の印象

商品が届いてすぐに開封しました。外観は予想以上にきれいで、ミニ PCとは思えないほど

頑丈そうで加工精度が高い印象を受けました。

手に取ってみると、その小さな筐体からは想像できないほどの重量感があり、

Intelの設計技術の高さを感じずにはいられませんでした。

３．セットアップと初期テスト

３－１．基本的なセットアップ

　a. まず、HDMI ケーブルでモニターに接続し、2.4GHz帯のワイヤレスキーボード

　（タッチパッド付き）を接続しました。

　b. 電源を入れると、問題なくモニターに映像が表示され、キーボードとタッチパッドも

　正常に動作しました。

　c. BIOS画面はIntel 独自のデザインで、タッチパッドでスムーズに操作できました。

３－２． Windows 10の起動

そのまま起動すると、内蔵eMMC（32GB）にインストールされていたWindows 10が

立ち上がりました。起動は速く、基本的な操作も問題なくできました。

ただし、機能更新プログラムのバージョンは相当古いものでした。

注目すべき点は、CPU ファンが搭載されているにもかかわらず、とても静かだったことです。

デスクトップ環境として使用する上で、この静音性は大きなメリットだと感じました。

４．アップグレードとカスタマイズ

ネットで見つけた分解写真： https://i.imgur.com/BXApN8U.png

４－１．メモリ増設

まず、空きスロットに8GBのDDR3Lのメモリを追加で挿し、12GBに増設しました。

BIOSで問題なく認識され、システムの応答性が向上したように感じました。

４－２．ストレージの拡張

次に、2.5インチ SATA SSD 1TBを増設しました。内蔵の増設スロットを利用したので、

取り付けは非常に簡単でした。

これにより、ストレージの容量が大幅に向上しました。

４－３． eMMCの無効化

搭載されていたeMMCは容量が32GBと限られていたため、BIOS から無効化することにしました。

ただし、元のWindows 10 インストールを保険として残しておきたかったので、

完全に消去することはしませんでした。

無効化後、NUC6CAYSを起動すると新しく増設した2.5インチ SATA SSDにインストール

されていたWindows 10が問題なく起動しました。

５． Chrome OS Flexのインストール

Windows 10も快適に動作しましたが、さらに軽量なOSでの使用感を試すため、

Chrome OS Flexをインストールしてみました。

　a. インストール自体はスムーズに完了し、特に問題は発生しませんでした。

　b. 基本的な操作感は非常に快適で、サクサクと動作します。

　c. YouTube FHDの60FPS動画も問題なく再生でき、Wi-Fi 接続も安定していました。

５－１．パフォーマンステスト

Chrome OS Flex上でいくつかのベンチマークテストを実行しました：

　a. Octane 2.0 ベンチマーク：

　シングルスコア：約15,000　マルチスコア：約110,000

　b. WebGL Aquarium：5,000匹の魚で約35FPS

　ベンチマークの画像： https://i.imgur.com/5zmXXbc.jpeg

これらの結果から、高性能とは言えないものの、日常的な使用には耐える性能を

持っていることがわかりました。

特筆すべきは、これらのテスト中もファンの音がほとんど聞こえなかったことです。

天板に直接耳を当てないと音が聞き取れないほどの静音性は驚きでした。

６．総評

Intel NUCキット(NUC6CAYS)は、その小さなボディからは想像できないほどの

可能性を秘めていました。

６－１．長所：

　- コンパクトながら十分な拡張性

　- 驚くほどの静音性

　- 日常的なタスクには十分な性能

　- 低価格ながら高品質な作り

６－２．短所：

　- Windows 11へのアップグレードが不可能

　- 高負荷のタスクには向かない

６－３今後の使用シナリオ：

　- 自宅用のChromebox的な使い方

　- 軽量Linux マシンとしての利用

　- メディアセンター PC

3,000円という破格の価格で手に入れたこのマシンですが、その価値は金額をはるかに

超えています。

拡張性、静音性、そしてある程度の性能を兼ね備えたこのミニ PCは、様々な用途に適応

できる素晴らしいマシンだと言えると感じました。

追記

Chrome OS Flexの検証に続いて、Linux開発環境の可能性も探ってみました。結果は予想以上に良好で、

このミニ PCの汎用性をさらに高めるものでした。

７－１．Linux 環境のセットアップ

Chrome OS Flex上でLinux（Beta）を有効にし、開発環境をセットアップしました。

セットアップ後の環境は以下の画像の通りです：

Linux開発環境の画像： https://i.imgur.com/8URQQSU.png

７－２．アプリケーションのインストールと動作確認

Linux 環境で、以下のアプリケーションをインストールし、動作を確認しました：

　a. Brave ブラウザー：

　　インストールと起動はスムーズ

　　動作は特に重くない印象

　　日本語入力も問題なく設定可能

　　参考サイト：初期設定＆日本語入力を使えるようにする方法｜ChromebookでLinux

　　https://catalyst-wakaba.com/linux-on-chrome-os/

b. VLC メディアプレイヤー：

　インストールと起動に問題なし

　IPTVのニュース視聴でも安定した動作を確認

　VLCの動作画面： https://i.imgur.com/s9lwzIj.png

７－３．Linux 環境の総合評価

　軽量なアプリケーションであれば、Linux 環境でも十分に使用可能であることが確認できました。

Permalink | 記事への反応(0) | 13:37

2024-07-14

■

flex wheeler のベストは1993ですか？1998ですか？

Permalink | 記事への反応(0) | 01:55

2024-07-01

■

Amazon Flex酷すぎるから Amazonで物買うの止めよ

Permalink | 記事への反応(0) | 19:26

2024-05-29

■Chrome OS入れた

最近戸建てに引っ越し、それまでのマンションのリビングで使っていたデスクトップを2階に置いたところ全然使わなくなってしまった

まだ小さい子どもの相手でリビングに居ないといけないのと、単純に2階に上がるのが面倒だからだ

ただ、調べものをするのにどうしてもスマホではやりづらく、また紙に印刷して検討したいタイプの人間なので、ノート PCが欲しくなって中古含めて色々検討したが、そのために数万払うのもアホらしくてやめた

荷物を整理していたら10年くらい前に買ったacerのaspire v5というノート PCが出てきたので、ここで俺は一計を案じ、Chrome OSを入れてみることにした

このPCには数年前にLinux mintを入れたのだが、Linuxのコマンドを覚えるのに挫折してそのままだった

少しでも動作を改善しようとアマゾンで250GのSSDとメモリ8Gを買った

両方合わせても5000円しなかったので、いい時代になったものだ

裏蓋を開けるのが怖かったので検索すると、こんな古いマイナー機種でも分解動画とかがあって助かった

久しぶりのPC改造でちょっとワクワクした

デスクトップ PCでChrome OS Flexをダウンロードして、USBメモリを起動用ドライブにする

あとはそれをノート PCに差して電源を入れてしばし待つと、Chrome OSが立ち上がった

画面の指示に従ってSSDにインストールし、再起動してSSD から立ち上げようとするも、BIOSの画面が出て起動用ドライブが見つからんとのこと

このままではSSDとメモリの投資が無駄になってしまう…と必死で解決策を調べる

結局BIOSをUEFI から Legacyにしたらすんなり起動した

実際に使用してみて、サクサクとは言わないがそれなりにストレスなく使えており、結果的には大満足である

古いノート PCを余している増田がいたら、ぜひChrome OSにしてみてほしい

Permalink | 記事への反応(1) | 17:40

2024-02-19

■Chrome OS入れた

最近戸建てに引っ越し、それまでのマンションのリビングで使っていたデスクトップを2階に置いたところ全然使わなくなってしまった

まだ小さい子どもの相手でリビングに居ないといけないのと、単純に2階に上がるのが面倒だからだ

荷物を整理していたら10年くらい前に買ったacerのaspire v5というノート PCが出てきたので、ここで俺は一計を案じ、Chrome OSを入れてみることにした

このPCには数年前にLinux mintを入れたのだが、Linuxのコマンドを覚えるのに挫折してそのままだった

少しでも動作を改善しようとアマゾンで250GのSSDとメモリ8Gを買った

両方合わせても5000円しなかったので、いい時代になったものだ

裏蓋を開けるのが怖かったので検索すると、こんな古いマイナー機種でも分解動画とかがあって助かった

久しぶりのPC改造でちょっとワクワクした

デスクトップ PCでChrome OS Flexをダウンロードして、USBメモリを起動用ドライブにする

あとはそれをノート PCに差して電源を入れてしばし待つと、Chrome OSが立ち上がった

画面の指示に従ってSSDにインストールし、再起動してSSD から立ち上げようとするも、BIOSの画面が出て起動用ドライブが見つからんとのこと

このままではSSDとメモリの投資が無駄になってしまう…と必死で解決策を調べる

結局BIOSをUEFI から Legacyにしたらすんなり起動した

実際に使用してみて、サクサクとは言わないがそれなりにストレスなく使えており、結果的には大満足である

古いノート PCを余している増田がいたら、ぜひChrome OSにしてみてほしい

Permalink | 記事への反応(1) | 13:01

2024-01-04

■軽運送業について教えてくれ

ずーっと事務職なので、体動かす仕事も良いなと思う今日この頃。

Amazon Flex っていう、個人事業主でもできる軽運送の仕事があるみたいだけど、やっている人いるのかな？

今後もECは伸びて、配送については人手不足が続くだろうから、こっちの業界事情を知りたい。

実際のところ、収入の状況とかどうなんだろね？

あと気になるのが、自分の軽バンへの積み込みへの流れとかそういうところも情報あると助かる。

Permalink | 記事への反応(0) | 16:39

2023-12-18

■CSSってプログラミング言語以上に厄介な「癖」がありませんか？

たとえばulをフレックスコンテナとして、その子要素liの子要素imgに対してmax-width:100%をかけていたとします。

デフォルトだと、imgを内包したliがulの中で横並びになり、さらにliの横幅は自動的に親要素の横幅をliの個数で割った分だけ縮小されますが、ここでflex-wrapにwrapをかけると、imgで表示する画像のサイズがある程度大きいと、wrapとしないときよりもliごと大きく表示されます。

しかしliの横幅はそもそも指定していなくて、しかもその子要素のimgに対してmax-width:100%をかけているということは、そのcssの指定の意味を論理的な日本語で表すならば、imgはliの大きさを基準にその100パーセント分の大きさで表示しろという意味の指定になると思います。

しかしその基準であるliの大きさを定めていないのだから、imgの大きさも定まりようがないというのが論理的な解釈だと思います。

それでも実際はwrapをかけるかかけないかでそれぞれ一意的にある大きさでimgが表示されるわけです。

ようするにcssはそこに記述されているプロパティの兼ね合いで最終的にある要素がどういう風に表示されるのか、その挙動を理詰めで予測するのが困難な部分があって、それはプログラミング言語よりもある種厄介な癖として立ちはだかっているように思います。

上記の例の場合も理詰めで挙動を予測するには、プロパティの性質に関する論理的な情報が不足しているように感じます。「imgはliの大きさを基準にその100パーセント分の大きさで表示しろ」という情報から、実際どのような大きさでliやimgが表示されるのかはっきり言って予測しようがないと思います。

多くの参考書にもどう挙動するのか一意的な推測を可能とするだけの情報は書かれていません。

もしかしたらcssの公式の仕様を端から端まで参照することで過不足なく挙動を把握するための情報が手に入るのかもしれませんが、仕様のどこか今の自分の仕事にとって必要な情報なのか見極めるのにはなかなか困難なところがあるという意味で、情報に対するアクセスの困難性があると思います。

私はjavaも学習しました。極めたというところには全く到達していませんが、それでもああいった言語は書いた通りに動くものであるということを実感しています。つまり自分が今書いた、書こうとしているコードがどのような動きをするのかを予測するための、各記法や関数に関する文法が情報として過不足なく学習者に提供されているように思います。

cssにも事実上として「文法」なるものはあることは前述の例からも疑いの余地がない(先に書いた解釈以上に要素の表示を決定づけるための文法がないなら、要素の大きさは決定不能ということになる)のに、その情報がいまいち曖昧に提供されているきらいがあるように感じます。

https://coliss.com/articles/build-websites/operation/css/about-css-layout-algorithms.html

↑このような「レイアウトアルゴリズム」と語るサイトも見つけはしましたが、私の言っている文法、すなわち、要素の表示のされ方を決定づけるための処理のフローと、概念的に同質なのかはいまいち不明です。

他の端的な例としては隣接する要素同士がネガティブマージンなので重なった場合、z-indexを指定してない場合はどういう法則でどちらの要素が上にくるのかとかも、本来は明確なアルゴリズム、文法に則って決定されているはずなのに、多くの初学者あるいは中級以上の方でさえも当て推量とセンスと試行錯誤で、なんとか自分の意図通りの表示になるように調整を繰り返すことを余儀なくされているかもしれません(意外と単純で要素の名前について辞書順ベースでどちらが上にくるか決定されてる？)。理詰めで考えさえて設計しさえすれば一発で自分で思い通りの挙動(表示)をさせる、ということが困難な言語がCSSの癖として立ちはだかっているように思います。それはある種プログラミング言語が持つそれよりも厄介な癖だと思います。プログラミング言語の方がある意味で「素直」に挙動してくれると私は思います。