Clik here to view.
SweetAlert2(swal2)のcss適応方法〜ゴリ押しでできてしまった😭〜
はじめにこんにちは。記事を書くのは何ヶ月ぶりだろうか…。最近、SweetAlert2使ってるんだけど、毎回調べてる気がするから備忘録兼記事として。やりたいこと・Swalのコンテナにボーダーをつけたい！・タイトルの文字色などを変えたい！ etc...1.そもそもSweetAlertってなんやねんって話SweetAlert2SweetAlertというのは、とある方（多分Limon...
View ArticleClik here to view.
WordPressでのjQuery導入（セレクトボックスのカスタマイズが上手くできない）
WordPressサイトにフォームを作成しているのですがこちら（https://www.seleqt.net/programming/open-source-css-javascript-select-box-snippets/）のページを参考にして選択項目をカスタマイズしようとしているのですがjQueryが上手くできません。もう2日もこれにハマってしまいどうしていいのかわからないためどなたか分かる...
View ArticleClik here to view.
vue.jsとfirebaseを使って、パスワードマネージャを作った話
今回は、いつものGASと違って、firebaseを利用してパスワードマネージャのアプリケーションを作成しました。きっかけきっかけは、自分が利用しているサービスのパスワードが同じパスワードで管理しているのに、こののままやったら危ないなー。と思ったのがきっかけです。...
View ArticleExtendを使う
Extendって何に使うやつ？セレクタのプロパティを他のセレクタにコピーができる。Extendは参照先がCSSのセレクタになっており、参照元のセレクタのプロパティを書き換えた時に連動して書き換わってしまうので慎重に扱う。SCSSでかく//extend参照元.hoge{width:10px;height:10px;.add{display:inline-block;}}//extendを使う対象.ta...
View Article初心者によるプログラミング学習ログ 175日目
100日チャレンジの175日目twitterの100日チャレンジ#タグ、#100DaysOfCode実施中です。すでに100日超えましたが、継続。100日チャレンジは、ぱぺまぺの中ではプログラミングに限らず継続学習のために使っています。175日目はおはようございます175日目webサイトコーディングの課題#100DaysOfCode#駆け出しエンジニアと繋がりたい#早起きチャレンジ—...
View ArticleClik here to view.
中スクロールで右側のpaddingが入らない問題の対応
はじめに中スクロールを実装する際に時々以下のような右側のpaddingが入らない時の対応について紹介します。解決方法結論を言うと、親要素も...
View ArticleClik here to view.
ハーイ、バブー、ちゃーん
まじでこの世の全てのイクラ好きに教えてあげたいんだがこのQiitaの記事には全ての人間を虜にする禁断のイクラのレシピがある。これが美味しそうでもなく、もはや食べられないのだが、...
View ArticleClik here to view.
新卒がHTML5プロフェッショナル認定試験レベル１に合格した方法
Advent Calenderも技術投稿もはじめまして！ALH Advent Calender4日目です。技術的な投稿もAdvent...
View ArticleClik here to view.
EC-CUBE3 の受注管理で「帳票出力」ボタンを押しやすくするカスタマイズ
モチベーションEC-CUBE3では帳票出力プラグインを導入することで帳票出力が可能となる。帳票出力はよく使う機能ではあるが、ボタンが「その他」項目にまとめられていて押しにくい。少しでも簡単に帳票出力ができるようにしたい。方針「その他」を展開して表示させることで、そのほかのボタンも押しやすくする。...
View ArticleClik here to view.
困る前に知っておきたい SVGの基本再解釈
はじめにアイコンやロゴなどで使用されることが多いSVGですが、よくわからずにとりあえずで使ってしまうと意外なところでハマってしまったりします。...
View ArticleClik here to view.
web入門（３）
はじめにJavaScriptとは、webサイト上で、htmlとcssでは表現できない機能を実装する言語です。よく、jsって略されます。Javaという言語と名前は似てますが、全然違うので、気をつけてください。また、jQueryとは、JavaScriptをより扱いやすくしたフレームワークのことです。フォルダー構成デスクトップ上に、js-pracというフォルダーを作り、その中でindex.htmlとmai...
View ArticleClik here to view.
User JavaScript and CSS (Chrome 拡張機能) を使って Redmine をカスタマイズしてみた
User JavaScript and CSS とはChrome の拡張機能として提供されている，既存のウェブサイトに独自の Javascript や CSS を埋め込むライブラリです．User JavaScript and CSS - Chrome ウェブストアこれを利用して，ダークモードがないウェブサイトにダークモードを実装してみたり， Yahoo!...
View Article初心者によるプログラミング学習ログ 176日目
100日チャレンジの176日目twitterの100日チャレンジ#タグ、#100DaysOfCode実施中です。すでに100日超えましたが、継続。100日チャレンジは、ぱぺまぺの中ではプログラミングに限らず継続学習のために使っています。176日目はおはようございます176日目webサイトコーディングの課題オブジェクトの配置修正flexの使い方#100DaysOfCode#駆け出しエンジニアと繋がりた...
View Articleonsenuiを利用してサイドバーを設置しましたが、iframeでMapを表示させるとサイドバーが閉じない
前提・実現したいことMonacaを利用して、Onsenui+javascriptにてアプリを制作しています。サイドバーをで作成して、その中のアイテムを選択すると、googlemapをiframeで表示したいと考えいております。発生している問題・エラーメッセージサイドバー単体では動作は問題ないのですが、iframeを使用するとmap表示がされなくなります。...
View ArticleWordpressでCSSにbackground-imageに指定した画像が表示されない問題
物凄くくだらないことだったが意外と答えにたどり着くまでに時間がかかったので同じような境遇の人はいないと思うがメモ前提としてフォルダ構成、パスはこんな感じ。wp-content/themes/sample_themesample_theme index.php style.css images...
View ArticleClik here to view.
入社してCSS記述で指摘されたこと🌟
入社してCSS記述で指摘されたこと🌟はじめにこの記事は、 CAMエンジニア Advent Calendar 2019 5日目の記事です。記事一覧はこちらから↓https://qiita.com/advent-calendar/2019/cam-inc昨日はid:gasheeeeさんの...
View Article並んだコンポーネントの幅を残りいっぱいにする方法
サンプル See the Pen GRgJooL by taisukek (@taisukek) on CodePen. flex-basisとflex-growを利用する.parent { /*子要素にflexレイアウトを適用する*/ display: flex; } .child1 { /*要素の幅を100pxに指定*/ flex: 0 0 100px; } .child2 { /*...
View Articleリーダブルコードを未経験が読んで理解したこと
触ってない言語、機能について書かれている今必要なさそうなところは飛ばして、自分（初心者）がすぐに実践できそうな知識についてまとめてみました。優れたコードとは？？他者が読んで理解できるコード。コードは短い方がいいが、『理解するまでの時間』を短くする方がよい。そのため短くすることで逆にわかりにくくなるようであれば短くする必要はない。名前に情報を詰め込む変数や関数、クラス名でも名前に情報を詰め込むのが大事...
View ArticleClik here to view.
Clik here to view.
【CSS】要素の縦中央揃えをいい加減攻略したい。
はじめにこの記事は 株式会社ピーアールオー（あったらいいな！を作ります） Advent Calendar 2019の5日目の記事です。突然の初学者向けみたいな内容ですが、よろしくお願いします。今年は一年かけて、Angularを用いたWebサイトの開発に邁進していました。...
View Article