マガジン

  • yousong's workspace

最近の記事

rem, vh, vw, vmin, vmax

remem は現在の font-size を定義します。 一例として,body タグにem値を用いてフォントサイズを指定すると,すべての子供の要素はbodyのフォントサイズに影響されます。 <body>    <div class="test">Test</div></body>body {    font-size: 14px;}div {    font-size: 1.2em; // calculated at 14px * 1.2, or 16.8px} ここ、d

    • commandからmysqlの操作

      [MYSQL 起動 コマンド]dcm ps 1. 一旦mysql確認 cat docker-compose.yml 2. serviceを見る dcm exec db sh 3. Docker-compose中のshellに接続します。 docker execと同じこと。 mysql -u「db_user_name(this is written in .env file))」 -p「(p stands for password)」 Enter password: (p

      • ES6 const、let、varの差異

        基本的にES5までの変数宣言はvarに定義され、ES6からletとconstでも変数宣言をできるようになりました。 変数定義の三つの方法の相違点について整理して見ました。 1。scope varとlet,constは変数が適用される範囲に違いがあります。 var の場合,function scope (関数範囲) を有し,let とconst の場合はblock scope (ブロック範囲) を有します。 //varの例var foo = "This is String

        • 開発する際に主に使用するES2015文法(第四次:Destructuring and spread syntax)

          構造分解と拡張文法ビュー開発における客体は重要な要素です。 ES6の新たな文法を利用するとオブジェクト属性をもっと容易に定義することができます。 割り当て構造分解(Destructuring assignment)ES6の構造分解(Destructuring)文法を利用するとオブジェクトの特定の値を他の変数に割り当てることが容易です。 let myObj = { prop1: 'Hello', prop2: 'World'};const prop1 = myObj.pro

        マガジン

        • yousong's workspace
          16本

        記事

          開発する際に主に使用するES2015文法(第三次:Module)

          ES6が出でる前まえにはジャバスクリプト言語げんごで、特定とくていオブジェクト&ファイルローディング機能きのうを提供ていきょうしませんでした。 ES6ではモジュールということを利用りようしてimportとexport構文こうぶんに特定とくていの内容ないようをロードすることができます。 // file1.jsexport default { myVal: 'Hello'} // file2.jsimport obj from './file1.js';console.log

          開発する際に主に使用するES2015文法(第三次:Module)

          開発する際に主に使用するES2015文法(第二次:Template Literals)

          テンプレートリテラルとは,既存のジャバスクリプトにおいて文字列を表示する際に用いる小さなトキ印や大きいトキ表の代わりにバックティックを使うことを意味します。 百チック(backtick)を使用すると、下記のように2つの利点があります。 1. 文字列を何列にもわたって表示できます。 (ビューコンポーネントのテンプレート宣言時に有用である)。 2. 文字列とジャバスクリプト表現式を一緒に使うのがいいです。 computed 属性使用が便利。 <数行表示> ジャバスクリプトフ

          開発する際に主に使用するES2015文法(第二次:Template Literals)

          開発する際に主に使用するES2015文法(第一次:Arrow Functions)

          下の内容のようにES2015の中で主に使用するいくつの文法があります。 − アロー関数(Arrow Functions) − テンプレートリテラル (Template Literals) − モジュール − 構造分解と拡張文法(Destructuring and spread syntax) 今日はこの中でを第一の項目アロー関数(Arrow Functions)に関して勉強します。 <アロー関数(Arrow Functions)> アロー関数は,ジャバスクリプトで関数

          開発する際に主に使用するES2015文法(第一次:Arrow Functions)

          async / await

          Javascriptはほとんど非同期方式なので,コールバック関数の概念は非常に重要です。ところでコールバック関数が深まれば、コードが複雑になることになるのでES6でPromiseを導入しました。asyncとawaitを使用することで,非同期コードを同期的にきれいに処理できるようになりました。しかしasyncとawaitがコールバック地獄のすべての問題を解決することはできません。 コールバックの深さが浅いときは,作成しやすいコールバック関数を呼び出すか,またはPromiseを

          async / await

          Promise

          “A promise is an object that may produce a single value some time in the future” Promiseは,JavaScript 非同期処理に使用されるobject です。 ここで,JavaScript における非同期処理とは,"特定コードの実行が完了するまで待たず,次のコードを先に行うJavaScript の特性"を意味します。 たとえば, 銀行へ行って番号票を抜いて私の順番を待つ時, 選んだ番号表

          oracle database開始と終了

          データベースにはいくつの段階があります。 開始段階:終了(shutdown) - >ノマウント(nomount) - >マウント(mount) - > Open(開始) 終了段階:Open(スタート) - >マウント(mount) - >ノマウント(nomount) - >終了(shutdown) 各段階では制限をまとめました。 * 終了(shutdown) - データベースに応じてアクセスを実行出来ない状況、つまりDBを中止した状態です。しかしデータベースをopenす

          oracle database開始と終了

          mysqldump, 権限

          「今日の目標」現在のローカルmysqlの中に、別のDBを作って、dumpしたデータで別のデータベースを作成。それを、tableplusで接続して、データの更新や、スキーマ変更をしてみる。そして、現在くれた権限REVOKE、新しいuserに制限された権限をくれる、この状態でtablepulusで接続してDBを色々いじったりすること 「課程」# mysql -u root -pEnter password:Shellに接続した後、root(権限制限ない)でmysqlに接続Wel

          mysqldump, 権限

          flyway, GIT

          After adding sql file into flyway history table, you have to remove it clearly in order to avoid to be built again next time you run flyway. Remember, if it is operated on docker, add or remove sql files in the directory of ‘flyway/sql’

          Git Command Errors

          今日一日repositoryに私のprojectを上げることができなかったんです。 原因: Repositoryを新しく作った時、readme.md fileを最初から設定したらremote repositoryと local repositoryが conflictされてエーラが出てきます。git fetchしてgit mergeしなければならないんですが、間違えたcommandをついただいて何か全然分からないことになりました。 解決方法: 戻すことがとても大変だったの

          Git Command Errors

          concat

          I tried to add prefix to equip_pic_url which is one of entity exists in database and return. There are several methods to do that including for-each statment. However, I tried something different.   1. Using eloquent  $image_url_pr

          勉強会output

          AWS資格証を勉強すれば勉強するほど表面だけ理解していることを発見しました。なので、出来る限りAWS関連のイベントに参加して理解力を高めると思いました。ちょうど今週の月曜日が海の日だったため、JAWSの勉強会に参加しました。 参加した勉強会の情報: 目的はCLIでS3 + Route53 + CloudFrontでサーバレスWebサイトを構築することでした。 上の写真に書いてあるnumberingは勉強会の講師方が整理してくれたノートの順番です。理解やすくまとめてあるノ

          勉強会output

          プロジェクトの修正から学んだこと

          プロジェクトの期間が終わった後、先輩達のレヴューをもらって修正しました。その課程の中で覚えるべき部分や新しく学んだ部分をまとめました。 「PhpDocを書こう」これに冠した先輩からのアドバイス: PHP7になって、コメント書かなくてもコードで型指定とかできるようになったので、コメントも(コードも)両方書く意義はだいぶ薄れてるとは思うんですが、それでも私は書きたい派です。コードがちゃんと書かれてれば、PhpStormが自動生成してくれるコメントで十分です。PHPDoc書いてお

          プロジェクトの修正から学んだこと