KYO

ワードプレスの自作テーマのご案内。プログラミングに関する投稿などを行なっています

ジンプルで見やすいワードプレスのブログ用テーマを作りました

ワードプレスでお店のホームページを作るならゲール

enchantjsでノベルゲームエンジンの作り方チュートリアル

JavaScriptでトランプを作る

2018年9月17日 JavaScript

javascriptでトランプを作る トランプはハート、ダイヤ、スペード、クローバーで1~13の数字があります。 [crayon-5bebd1fa5d215964559735/] markにはハートとか種類を入れておき、それらに対して13回ループをかけます。 このtypeはmarkの中身が順番に入ってきます。 スペードを13回ループした後...

vue-cliで作る時にjQueryを導入するまでとビルド後にエラーが起きた時

2018年9月7日 Vue.js

vue-cliというすごいものがあると知ったんですが、npmとかいまいちよくわかっていませんでしたので、遠ざかっていました。しかし、Laravelとの連携を考える時に必要な知識になってくるのではないかと思い簡単に入門してみたのでそのまとめです。 プロジェクトを作成する [crayon-5bebd1fa5d8aa135698987/] これ...

Vue.jsでコンポーネントの基礎を整理します

2018年9月2日 Vue.js

Vue.jsを勉強していますが、ちょっとコンポーネントの部分で躓いたので、整理もかねてメモを残します。今回はコンポーネントを定義して、そっから定義元であるメソッドを呼び出すという処理を行います。引数の受け渡しも同時に整理していきます   まずはこんなjsを用意しました。 [crayon-5bebd1fa5db8115318671...

cssデザインメモ。自分の勉強用

2018年8月27日 CSS

cssでちょっとしたデザインをメモしていきます。背景画像系はまだまだ面白く操作できそうだ。 ボックスの左上と右下にアイコン画像を設置して、引用文などに使えるデザイン [crayon-5bebd1fa5debb342800317/] [crayon-5bebd1fa5dec0138596535/] リストの右橋にアイコンをつける [cray...

JavaScript自分用メモ配列の扱い

2018年8月27日 JavaScript

配列と子要素の削除と追加などを勉強したのでメモ。配列の中に配列があったり、連想配列があったりするパターンがごちゃごちゃになるのでその辺も。 あとはquerySelectorAllの挙動とかの確認的なメモです [crayon-5bebd1fa5e1e0143360619/] [crayon-5bebd1fa5e1e5886357240/] ...

高さの違う画像を揃えてレスポンシブに横並び表示する

2018年8月20日 CSS

今回は高さの違う画像を横並びで表示した時に高さを揃えて表示させます。 さらにレスポンシブに表示させます。 高さを具体的な固定値で指定せずに%で指定することで、凝り固まったデザインでないレスポンシブなデザインになります。 イメージとしてはこんな感じです。画像の元のサイズはそれぞれ高さも幅も違いますが、きっちり揃えて表示できています。 [ca...

Vue.jsで、スライドメニューを作る

2018年8月17日 Vue.js

最近Vue.jsを勉強し始めました。 対してjQueryも使いこなせないんですが、Vue.jsってjQueryより使いやすいんじゃね?と思ってしまうほどにハマってしまいました。 というわけで、Vue.jsでサイドメニューを表示させます。   jQueryみたいにクリックした時に、この要素にクラスを付与するみたいなロジックを書かず...

Laravel5.6とAjaxで「いいね」機能を作るチュートリアル

2018年8月5日 Laravel

Laravel5.6で、いいね機能の作り方をチュートリアル形式で解説します。ちなみに中級のチュートリアルを終えたレベルなら作れると思います。 今回はログインしているユーザーが投稿に対して「いいね」を押せる機能を作ります。「いいね」は一度押すともう押せなくして、「いいね」取り消しは不可能にします。ユーザーごとに「いいね」を押しているのかどう...

Sassの基本

2018年8月3日 Sass

Sass(サース)を勉強しています。cssの勉強でcodepenとか見ているとsassで書かれたものが時々出てきます。なんか特別な環境とか必要なのかな?と避けていたんですが、どうやら簡単に導入できてしかも、特別環境とかが必要なわけでもないとのことで早速勉強しました! Sassを使う cssの上位互換的なやつです。 最終的にはcssに変換し...

ERROR: Could not find a valid gem ‘sass’でsassがインストールできない

2018年8月2日 CSS

Mac環境で sudo gem install sass [crayon-5bebd1fa5f630485545227/] みたいなエラー起きた とりあえずググる Error: SASS installation for windows 英語でよくわからんが [crayon-5bebd1fa5f635241459375/] を試す [cr...