kai

スポンサーリンク
記録

slickスライダーにドット・dotsが表示されない場合の対処例

経緯 slickスライダーを使用する機会がありましたが、ドットが表示されないエラーがありました。その際の対処方法です。 fontsが読み込めていない 結論から言うと、「fonts」フォルダが読み込めていなかったので、slick-t...
記録

a hrefのリンクタグで不要な高さが設定される場合の対処法。

経緯 サイトトップのスライダーの設定を行なっていた所、スライドとメニューの間にわずかながら空白がある事を確認し、調査そして解決に至った為記録します。 解決方法 a{ line-height: 0px; } 結...
記録

adobe photoshopのプラン比較 金額の違いについて

長らくadobeのcs6で運用していましたが、体験版のadobeのccを使った所、画像の切り出し方が便利だなと感じ、購入する事にしました。購入にあたり気づいた点をメモ。 adobeのphotoshopの購入プランは主に2種類ある。...
記録

css 横並びの要素の高さを揃える方法

親要素に次を設定する事で、複数の要素の高さを合わせる事ができます。 display:flex; flexboxの幅には次で調整する事が可能です。 flex-basis: 100%;
記録

MacのDock・ドックを非表示にする設定方法

経緯 先日MacでDockの裏に文字が隠れて見えない事がありました。そんな時にDockの表示を切り替える方法を紹介。 設定方法 Macの画面>左上のリンゴマーク>システム環境設定>Dock ここからDockの設定が可能となります...
記録

無料で使えるUXデザイン作成ツール 2選

figma 無料のUXデザインツールです。操作感も直感的で分かりやすく、adobe系の操作が可能な方なら割とすんなり馴染める画面構成になっています。 figmaは他作業者とデザインを共有し易い作りになっており、チームで作業する際に、...
記録

AIに関するニュース プログラミング不要 MatrixFlow

昨今より、自動運転技術などAIの話題が増加しています。現在気になったニュースを紹介。 現在AIを導入している企業は20%以下との事。今後AIが段々と進展する事が予想されます。 プログラミング不要 MatrixFlow プログラミン...
記録

CSSの要素幅と高さ設定 vw vh vmin vmax

CSSの幅や高さを取得する際に、スマートフォン端末の画面幅や高さを取得できる関数が用意されています。 業務ではスマートフォン向けの環境にて設定を行う事があります。通常ではpxや%で高さや幅を指定しますが、状況によってはvhやvwが楽な事が...
記録

CSSの要素を隣接・直下・間接の指定方法

CSSの指定方法メモ。 間接 .test ~ .test2 {} 直下 .test > .test_child {} 隣接 .test + .test2{}
記録

ネットショップBASEテーマでカテゴリー表示の有無を判定

ネットショップ・通販サイトのBASEのテーマでカテゴリーが存在するのか判定するタグをメモします。 {block:IndexPageCategory} トップページのカテゴリがある {block:NoIndexPageCate...
記録

画像写真イラスト素材サイト。無料・フリー・有料系サイト5選。

サイト制作をイメージする際に、アイコンとしてキャッチーなトップ画像が欲しい場合があります。 そんな時にこのサイトはおすすめです。 無料・フリー素材系 写真系なら写真ACやぱくたそで大体手に入る感じです。 イラストや絵なら、商用に...
記録

Visual Studioでプルできなかった場合

ファイル変更が競合している可能性があり、他に方法を試しても改善しなかった場合。一度ローカルの作業フォルダを削除して、改めて最新のデータをクローンする事でエラーが解消しました。メモ。
記録

Visual Studioでブランチを切り替える

ブランチの画面で、切り替えたいブランチをダブルクリックする事で、現在のブランチを切り替える事ができます。 作業メモ。
記録

Visual Studio 2017 2019において、bitbucketのリポジトリをクローンする

Visual Studioとbitbucketを連携させる為の方法メモ。 Macにインストールしてみた 当方はMac環境がメインであったので、 Visual Studioの無料のMac版をダウンロードし、bitbucketへの連携...
記録

Figmaを使ってUIデザインを作成する

以前Figmaについて触った事があり、UIツールを作成するには無料で、Sketchのような形で作成できるので、使いやすいと感じていました。 Figmaの強みは作成したデザインデータを他のエンジニアにもシェア・共有し易い点であると評判が...
記録

onsen uiフレームワークに使えるアイコン一覧

onsen uiフレームワークを使い、開発を行う中で、画面内のアイコン設定を行う時があります。 その際にどのアイコンへ設定するか選ぶ際に参考にしているサイトを紹介します。 Ionic - Icons 参考先は、Ionicの...
記録

framework7を使った際に、クリック動作が2回される現象

framework7のフレームワークを使い、アプリ開発をしていた際に、クリックイベント時に、2回アラートが表示される現象を確認。 これの解決方法は以下となった。 popup-close ボタンにpopup-closeのクラスを付ける事...
記録

onsen uiのサンプル一覧

onsen uiについて、設定コードの一覧ページのメモ。 このページに一通り設定コードの対応と簡単なサンプルが掲載されている。 これを適時確認しながら開発を進めて行くことになる。
記録

monacaでframework7を使用する際の留意事項

monaca環境でVue.js+framework7を使用する中で、次の事に気づいた。 Vue Router が使用できないのではないかと。 Vue Routerがある事でページ遷移時のデータの受け渡しとかが行い易くなる事はこれま...
記録

【PNG 圧縮】メディアが追加されない「アップロードサイズ上限を超えています」エラー

Wordperssへメディアを追加する際に次のエラーを確認しました。 アップロードサイズ上限を超えています pngの画像を10MBを超えるサイズでアップロードしようとしましたが、上記の警告により追加されませんでした。 今回はpng...
スポンサーリンク