プログラミング

プログラミング

Vue.jsでSPAサイトをリリースするまでのロードマップ

最終的にはこんな画面が完成できます。 Vue.jsを0からはじめて1週間でシングルページアプリケーション(以下、SPA)を公開してみました。 WelcometoPortfolio Qiitaでも2018年終わ
プログラミング

CSSでbefore、afterが表示されない時

あれっ⁉︎擬似要素が表示されないんだけどなんでだ⁉︎ってなった時の確認するポイントをまとめました。 基準位置(positionプロパティ)を確認 staticは特に位置は決まっていません。top、bottom、left、rig
プログラミング

CSS 背景色を透明にする

background-color: #ffffff; 背景に色がついているとき、無色にする。 background-color: transparent; これで無色になるで。
プログラミング

CSS|hover時のアンダーラインアニメーションサンプル

最近マウスホバー時にアンダーラインをアニメーションさせるエフェクトが流行ってますね。コピー&ペーストで利用できるものをまとめたので使ってください。 シンプルな要素でないと想定通り動かないかもです。すでにstyle.cssに複
プログラミング

CodePen|HTML/CSSでできる参考にしたいデザインまとめ

ウェブデザイン、アニメーションで差がつくテクニックをつかった、コピー&ペーストで利用できる HTML/CSS コードを、定期的にまとめてご紹介しています。CSSのみでのアニメーションから、JavaScriptを使用したアニメーショ
プログラミング

JavaのFormバリデーション|Integer型の全角数字が問題となった件

formのバリデーションで電話番号、郵便番号、その他数値を入力する場面で全角数字はエラーにしたいといった場合の書き方について書きます。Javaは頭が良いので、全角数字も問題なくString型に変換してくれます。そのため、全角数字でエラーに
プログラミング

LINE Message APIとGoogle apps scriptを使ってアイデア帳を作る

この記事で書かかないこと LINE developerの登録や、アクセストークンの発行等々は色々なブログで共有されているので割愛。 今回はコードを中心とした解説をします。 ※この記事は作成途中です。また更新します。(20
プログラミング

今更ながらGoogle Apps Scriptについてのメリットをまとめます

エンジニアに転職して半年、とうとうGoogle Apps Scriptに手を出してしまいました。 普段から使用しているアプリケーションには、Excel以外にも、Gmail、スプレッドシート、Googleアナリティクス、チャットワーク
プログラミング

LINE Messaging APIとGoogle Apps Scriptでブログ配信を便利にしたい話

 やりたいこと  やりたいこと 友達追加で自動メッセージを送る。 定期的に記事を発信する。 キーワードで記事を検索し、発信する。 クエリを自動蓄積していく。 LINE Messaging APIとGoogle Apps
プログラミング

javascript入門|表示非表示ボタンサンプル

今回はjavascpritの超便利な実戦で使えるサンプルをまとめます。 表示非表示ボタンサンプル01 "表示ボタン"を押すとマーカーの部分が表示され、"非表示ボタン"を押すと非表示になります。 表示されたり、消えたりする部分
タイトルとURLをコピーしました