※ nextjs.orgをGoogle翻訳したのをただ読んで、気になった部分だけをコピペしていくだけの投稿です Getting Started - Next.js Documentation <-のURLの以下カテゴリーを読みました How to use Setup Automatic code splitting CSS Built-in CSS support CSS…
クラスとスタイルのバインディング — Vue.js <- ここを読みました Vue.js v2.5.21で確認しています https://github.com/okumurakengo/vuejsorg-reading/blob/master/guide/class-and-style.html <- 自分で試したコード ※ vuejs.orgをただ読んで、気になった…
算出プロパティとウォッチャ — Vue.js <- ここを読みました Vue.js v2.5.21で確認しています https://github.com/okumurakengo/vuejsorg-reading/blob/master/guide/computed.html <- 自分で試したコード ※ vuejs.orgをただ読んで、気になった部分だけをコピ…
タイトルの通りです。 私の備忘録ですのでところどころ飛ばしながらかいています。正しい情報を知りたい方はドットインストールをご確認お願いいします。 https://dotinstall.com/lessons/basic_unix_v2 pwd 現在のパス [vagrant@localhost ~]$ pwd /home/va…
テンプレート構文 — Vue.js <- ここを読みました https://github.com/okumurakengo/vuejsorg-reading/blob/master/guide/syntax.html <- 自分で試したコード ※ vuejs.orgをただ読んで、気になった部分だけをコピペしていくだけの投稿です Vue.js では HTML …
https://jp.vuejs.org/v2/guide/instance.html <- ここを読みました https://github.com/okumurakengo/vuejsorg-reading/blob/master/guide/instance.html <- 自分で試したコード ※ vuejs.orgをただ読んで、気になった部分だけをコピペしていくだけの投稿で…
参考 vscbui.rocks marketplace.visualstudio.com Beautiful UIをVS Codeにインストールした後に、 「Code」>「基本設定」>「設定」 設定ファイルに参考サイトを真似して以下のように設定してみた { "window.zoomLevel": 1, "files.associations": { "Vagra…
JSONPを参考にした本は以下です。(JSONPの説明は数ページだけです。) https://www.amazon.co.jp/Web%E3%82%92%E6%94%AF%E3%81%88%E3%82%8B%E6%8A%80%E8%A1%93-HTTP%E3%80%81URI%E3%80%81HTML%E3%80%81%E3%81%9D%E3%81%97%E3%81%A6REST-WEB-PRESS-plus/dp/477…
参考 medium.freecodecamp.org 参考サイトのままです。 ちょっと試してみようって時とか便利そう。 <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> </body></html>
注意:これは自分が暇な時間にただだらだらと書いたコードを乗せるだけの投稿です。 技術的に勉強した部分や参考になる部分はありません。 index.html <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> </meta></meta></meta></head></html>
注意:この投稿はGWが暇だったため、なんとなく作ってみたものです。 ほとんど調べたりしていません。 ウンコードな部分も多いと思いますが、せっかく作ったのでブログに投稿しようと思っただけです。 chrome拡張の右上の小窓で、こんな感じのリンク集とリン…
このURLをただ読んでいきます。 https://jp.vuejs.org/v2/guide/ Vue.js v2.5.16 はじめに 開発用と本番用で分けてくれるってありがたい、その分ファイル軽くなるものねえ。 <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script src="https://cdn.jsdelivr.net/npm/vue">
スコープ付き CSS · vue-loader トップページの「なぜ VUE.JS」をクリックしたら動画が始まったため、とりあえず、見よう見まねで似たようなコードを書いてみました。 index.html <html> <head> <meta charset="UTF-8"> <title>Vue.js</title> </head> <body> <div id="app"> <component-c></component-c> </div> </body></html>
参考にしたサイトとほぼ同じコードですが、SSEで実行することができました! Server-Sent Events の利用 - Server-sent events | MDN index.html <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Docume…</meta></meta></meta></head></html>
ajaxはjQueryをサクッと使用 受け取る側 getMessage()); } 送る側
reactjs.org とりあえず、トップページを読みます。 reactを使うメリットはこんな感じらしい 宣言的 コンポーネントベース 一度学び、どこにでも書く JSXはやっぱりいいなあ 一回勉強したことあるから、タイマーの原理くらいはわかる! 最後のマークダウンの…
socket.ioを勉強したいなと思っていましたので、とりあえず、公式ドキュメントのGet startedを読んで実際に動かして見ました Socket.IO — Chat 以下、ソースコードコピペです。 package.json { "name": "socket-chat-example", "version": "0.0.1", "descrip…
とりあえず読んでみたページを貼っていくだけです。 Wikipedia WebSocket - Wikipedia チャットシステムとか作るのに向いているというは、こういうことなのか。 RFC 6455 自分はRFC読んでもわからない単語が多いのですが、それでも読んで見ます。 RFC 6455 -…
javascriptでどんなことができるかぐらい知っておきたいので、音楽再生をちょっと試してみました。 <html lang="ja"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <h1>audio</h1> <script> const audio = new Audio("./sample.mp3"); audio.play(); </script> </body> </html>
以下のページから気象庁のデータをcsv形式で取得できるため、 それをMySQLに保存するプログラムをphpでざっくり書いてみました。 www.data.jma.go.jp index.php PDO::ERRMODE_EXCEPTION, PDO::ATTR_DEFAULT_FETCH_MODE=>PDO::FETCH_NUM, ] ); $pdo->exec( "C…
Everything You Need To Know About Parcel: The Blazing Fast Web App Bundler 上のページをもとにparcelの基本を勉強して見ました。 parcelインストール $ npm init -y $ npm install parcel-bundler --save-dev index.html、index.js、package.jsonを書…
このブログは、プログラマになりたい人間のクソース、ウンコード公開ブログです。ただプログラムが好きだからやってます。 技術記事というよりは自分がやったことの備忘録的なものです。 意味のわからないやり方や、古いやり方も多いと思いますので、参考に…
このブログは、プログラマになりたい人間のクソース、ウンコード公開ブログです。ただプログラムが好きだからやってます。 技術記事というよりは自分がやったことの備忘録的なものです。 意味のわからないやり方や、古いやり方も多いと思いますので、参考に…
このブログは、プログラマになりたい人間のクソース、ウンコード公開ブログです。ただプログラムが好きだからやってます。 技術記事というよりは自分がやったことの備忘録的なものです。 意味のわからないやり方や、古いやり方も多いと思いますので、参考に…
このブログは、プログラマになりたい人間のクソース、ウンコード公開ブログです。ただプログラムが好きだからやってます。 技術記事というよりは自分がやったことの備忘録的なものです。 意味のわからないやり方や、古いやり方も多いと思いますので、参考に…
ハイライトつけようっと command+, で出てきた右側のエディターに以下を記入する "files.associations": { "Vagrantfile": "ruby" } できたよ。
クエリの実行順番変えれば解決するそうですが、自分は知らないとハマるだろうなと思い、どういう動きかだけ試させていただきました。 試すテーブル CREATE TABLE `tests3` ( `id` int(11) NOT NULL AUTO_INCREMENT, `c1` varchar(20) NOT NULL, PRIMARY KEY …
sqlのleft joinの動きをあまり理解していない時に間違った結合してしまいがちでしたので、その時に解決した方法です。 MySQL使ってます。 以下のテーブルでみます。 CREATE TABLE `tiku` ( `id` int unsigned NOT NULL AUTO_INCREMENT, `name` varchar(50) N…
このブログは、プログラマになりたい人間のクソース、ウンコード公開ブログです。ただプログラムが好きだからやってます。 技術記事というよりは自分がやったことの備忘録的なものです。 意味のわからないやり方や、古いやり方も多いと思いますので、参考に…
このブログは、プログラマになりたかった人間のクソース、ウンコード公開ブログです。ただプログラムが好きだからやってます。 技術記事というよりは自分がやったことの備忘録的なものです。 意味のわからないやり方や、古いやり方も多いと思いますので、参…