サ大のアライさん

サイバー大学のアライさんなのだ よろしくなのだ

サ大のアライさん

サイバー大学のアライさんなのだ よろしくなのだ

    最近の記事

    ERROR in Module.createRequire is not a function

    node.jsの新しいバージョンでプロジェクトをスタートしましたが、途中でwebpackの学習も始めました。 webpackの教科書はnode.jsのバージョンが古いので、それに合わせて学習していましたが、いざプロジェクトに戻ったら表題のエラーがでました。 node.jsのバージョンを変えればOKでした Windowsだとコマンドプロンプトを右クリックして管理者として実行 → nvm ls でインストールしたnode.jsのバージョンを一覧表示 →  バージョンを16

    スキ
    2
      • 【React Native Expo】IOSシミュレーター起動しない

        node_modulesをクリアして再インストールしたら直りました npm cache cleannpm cache ls 上記のlsコマンドで見てキャッシュがまだ残っていたら、下記のコマンドでnpmを削除 rm -rf ~/.npm キャッシュが削除できたら、モジュールを削除して再インストール rm -rf node_modules/npm install

        スキ
        2
        • React Native Debuggerが繋がらない(expo)

          19000に繋げてからexpo startすると繋がった VSCordの拡張機能でDebugger for Chrome入れてたけど現在では非推奨との事 どうしよう  とりあえずReact Native Debuggerは繋がったから、またあとで考えよ

          • React Navigationでエラーが出た

            React Native Expoでアプリ開発  Udemyで学習中です 標記の件で少しつまずいたので書きました 下記のようなエラーが出ました Unable to resolve module @react-navigation/native-stack@react-navigation/native-stack could not be found within the project or in these directories: node_modulesIf yo

            スキ
            2
            • CSS 複数のボタンに:hoverを適用させる

              スタイルは同じだけど処理などが違う複数のボタンにホバーを効かす書き方がググっても分からなかったけど、下記のように書いたらOKだった /* css */#Button1:hover,#Button2:hover { top: 6px; box-shadow: none; color: #fff;} ↓ 下の書き方はダメです! ↓ /* css *//* ↓ これはダメ ↓ */#Button1, #Button2:hover { top: 6px; box-sh

              スキ
              1
              • Webサイトつくってみた&&ドラム叩いてみた(2021オンやる)

                サイバー大学のアライさんなのだ 遅ればせながら記事をかきました 10月3日(日)にオンやるという祭典を開催しました 今年のオンやるはVR空間での開催ということで、見て頂ければ分かると思いますが素晴らしかったです オンやるに参加させて頂くにあたり、今年のアライさんは、「Webサイトつくってみた&&ドラム叩いてみた」という企画を考えました まず最初に参考にさせて頂いた動画はこちらなのだ  ファイルパスの階層がよくわからなかったのですが、この動画でindex.htmlのファ

                スキ
                2
                • インポート パスの末尾を拡張子'.ts'にできません

                  複数のTypeScriptのファイルをつくりました //deps.tsexport default function sum(v1: number, v2: number): void { console.log(v1 + v2);} //index.tsimport sum from './deps.ts';sum(1, 2); 上の index.ts のように './deps.ts' と拡張子をつけるとVS Codeから怒られます 拡張子を取って'./deps

                  • CSSセレクトボックスの矢印をクリックしてもプルダウンメニューが表示されない

                    セレクトボックスの親要素にpointer-events: none;を指定すればOKです pointer-events: none; /* CSS */.select-box { position: relative;}.select-box::after { display: inline-block; position: absolute; top: .625rem; right: 1rem; pointer-events: none; /* FontA

                    スキ
                    1
                    • この曲なんだっけ??

                      19:00から大学の授業がシステムメンテナンスのため受講できなかったり、デプロイでエラーになったり、編集した動画の出力が長くて終わらなかったりで、時間ができたので久しぶりにnote書いてみました 先日ふと車のFMラジオ(J-WAVE81.3)をつけてみると、かっこいい曲が流れてました。どこかで聴いたことあるような、ないような感じだったのですが、なんて言う曲なのか気になって思わずスマホで録音しました そんな時にこんなアプリを使ってみました SoundHoundというアプリ

                      スキ
                      2
                      • 高階関数、コールバック関数

                         サ大のアライさんなのだ function 高階関数(コールバック関数) { コールバック関数();} 引数に関数を受け取った関数を高階関数という(関数の中で関数を実行している)                               しまぶーさん 【JavaScript入門 #7】匿名関数、高階関数、コールバック関数を攻略せよ!【ヤフー出身エンジニアの入門プログラミング講座】より ⇓ 高階関数・コールバック関数 ⇓ function unfollow() {

                        スキ
                        4
                        • 外部JavaScript

                          ☺こんにちは サ大のアライさんなのだ  連日猛暑であっちっちですが、皆さんマスク焼けには注意してお過ごしくださいなのだ。 サイバー大学では9/27(日)に、「オンやる」という文化祭みたいな祭典を開催するよ! 完全オンラインなので、自宅からでも参加できるよ!是非見てね! https://onyaru.com  さて今日は、JSのファイルを別に作成し、htmlファイルからそのファイルを読み込む、外部JavaScriptのおさらいをしてみたいと思います。  まずJSファイ

                          スキ
                          2
                          • アライさんはWEBページやってみたのだ

                            ☺皆さんこんにちは サイバー大学のアライさんなのだ  9/27(日)開催に向けて、かなり盛り上がりをみせているサイバー大学のオンやる祭ですが、アドベントカレンダーの記事を書くにあたり、何を書こうかいろいろ悩みまして、授業で習ったことをいかして、何か制作したものを記事にしようと考えました。Let’s Thinkなのだ。 『オンやる』という文化祭みたいな祭典を開催するよ! 完全オンラインで自宅から参加できるよ! 👇2020/9/27(日)見てねー!  大学ではWEB入門やプ

                            スキ
                            8
                            • リセットCSS

                               皆さんこんにちは サ大のアライさんなのだ。  サイバー大学では、9/27(日)に『オンやる』という文化祭みたいな祭典を開催するよ!完全オンラインなので、自宅からでも参加できるよ!    皆さん是非見てね! https://onyaru.com/  さて今日はWEB入門で習いましたリセットCSSを、おさらいしてみたいと思います。  各ブラウザにはあらかじめ余白や文字の大きさなどデフォルトで初期値が設定してあります。その初期値がブラウザごとに違うため、h1、a、ul、li

                              スキ
                              3
                              • 電卓作成(授業ノート)

                                HTMLのボタンデザイン以外を使用する場合は、img要素を用いてボタンの図形をしめすPNGファイルを用いる 電卓のボタンはHTMLの表を表示するためのtable要素を使用  ※border属性 <table border="1"> ←罫線の太さを1と指定 電卓のボタン「=」と「0」はセルを結合する。 colspanは、列を結合するときに使用する属性 rowspanは、行を結合するときに使用する属性 「=」を記述する部分では3行分の縦方向に3つのセルを結合するため、ro

                                スキ
                                3