文字コードをUTF-8にする2015年11月にxamppをインストールしたら、DBがMySqlからMariaDBになっていました。文字コードをUTF-8にする手順が、少し変わったようなので、自分がやった方法をメモとして残しておきます。Tipsカードがくるくると回転するようにアニメーションさせるCSSです。奥行きを持った変形を行うtransformプロパティを、animationと組み合わせることで簡単に実装できますが、あまり使うことがなさそうなのでメモとして残しておきます。3種類の形式が必要になります。@font-familyのurl指定は4種類記述します。Tipshtmlのheadタグ内に記述したstyleをJavascriptで操作するためのTipsです。覚書CSSでアニメーションを表現するためのプロパティにanimationがあります。draftになっておりますが一応、基本的な使用方法を残しておきます。DOMHtml5のVideo要素はHTMLMediaElementオブジェクトとして取得できます。以下、Javascript側で操作するためのTips集です。拡張を利用できないようです。自宅環境(Windows7)にWordpressを入れようとしてはまったので、一応メモを残しておきます。ApacheにWordpressを入れて、localhost/wordpressにアクセスして、「wordpressにようこそ」の画面が出るはずだったのですが、タイトルのエラーが出てしまいました。拡張を利用できないようです。TipsCanvas上に、2点をつなげた直線を描画する際、その角度を取得するためのTipsです。覚書Canvasで描画したオブジェクトを回転させるには、rotateメソッドを使用しますが、少しクセがあるので、できるだけわかりやすく理解できるように残しておきます。TipsBezierCurveObjectという名前のオブジェクトを作成しました。3次ベジェ曲線を描画するために必要な引数をつかってインスタンス化します。TipsJavascriptにはCのprintfや、C#のString.format関数などのように、%dや%s等のプレースホルダを使用して文字の置き換えを行う機能を持つ関数が用意されていないようで、とりあえず自作で用意してみました。TipsJavascriptの代入(=)は独特の癖があって、リテラルは値のコピーを行い行うように振る舞い、オブジェクトは参照値のコピーを行います。代入を使ってコピーした場合、コピー先の内容を変えると、コピー元に反映されてしまいます。(Javascript)オブジェクトの複製2015-09-29(Javascript)Canvasで角度と距離から座標を出す。Tips座標0,0(左上)を基準にして、特定の角度に向かって、特定の距離を進んだ際の座標を求める方法です。(Javascript)Canvasで角度と距離から座標を出す。Tipsサイ本などで紹介されているクロージャは、関数内部に変数を定義して、メソッドを使用して変数にアクセスする方法を行っておりますが、変数を定義せずに、メソッドから引数に直接アクセスすれば、簡単にクロージャを実装することができます。Tipscanvasで何かを描画する際に、2つの座標の距離が必要になる場合があります。2点の距離を求めるサンプルをメモしておきます。Tips画像のトリミングと同じ方法でcanvasのコピーを行うことができます。drawImageメソッドのソースとして、canvasオブジェクトを渡してあげれば、コピーの対象として扱えるようになります。覚書canvas内に画像を読み込んで表示するためにはdrawImageメソッドを使用します。引数の数によって3パターンの描画方法を使うことができます。Canvasクリッピングを使用すると、canvas内にマスクを適用させることができます。クリッピングされた部分だけが表示され、それ以外の部分は非表示になります。線や面の色を指定する際に、グラデーションを指定することができます。グラデーションはCanvasGradientオブジェクトで行います。覚書canvasはテキストを画像として書き出すことができます。基本的な使用方法をメモしておきます。覚書canvasで円を描画する場合はarcメソッドを使用して描画する円の形を指定します。fillメソッドで塗りつぶした円を、strokeメソッドで線のみを描画します。覚書Canvasで線を描画する方法を1つにまとめておきます。線の描画は「直線」か「曲線」の2種類の方法があります。Canvas描画の基本です。句形だけでも色々とプロパティがあるので、一応まとめてメモしておきます。Canvas基本中の基本です。Html内にcanvasを作成して、描画をするための方法をメモしておきます。覚書Node.jsでExpressを使用する際、Express関数を実行すると、appオブジェクトが戻り値として返ってきます。appオブジェクトにコンフィグやルーティング等の様々な設定を行なって、最終的にcreateServerメソッドの引数として渡します。Tipsとある書籍で、サイトのコンフィグをjsonで用意して管理するという方法を紹介していたので、その方法をメモとして残しておきます。覚書Node.jsのサーバー側のディレクトリ内にpackage.jsonを用意しておくことで、色々な設定を行ったり、依存するモジュールのインストールを一括で行うことができます。覚書Serverオブジェクトで発生するイベントの一覧です。日本ユーザグループのマニュアル&ドキュメンテーションで確認できます。TipsExpress3から4にバージョンアップされた際に、細かい部分が結構変更されていたようです。ググってもなかなか情報が見つからず、自己解決したので一連の流れを残しておきます。スケルトンコード作成(windows)次のページプロフィールid:jmqys現在、フロントサイドエンジニアとしてJavascriptを主力として動きのあるWebサイトを作ってます。そのほか、HTML5やら、サーバー周りなんかもやったりしています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。