Clik here to view.
MAMPを使ったWordpressでのWEB制作方法12 初心者向け
MAMPを使ったWordpressでのWEB制作方法11 初心者向け今回は詳細ページの作成です。前回の記事はこちらMAMPを使ったWordpressでのWEB制作方法11...
View ArticleClik here to view.
MAMPを使ったWordpressでのWEB制作方法13 初心者向け
MAMPを使ったWordpressでのWEB制作方法13 初心者向け前回の記事はこちらMAMPを使ったWordpressでのWEB制作方法12 初心者向け今回はお問い合わせページを作成します。...
View ArticleClik here to view.
MAMPを使ったWordpressでのWEB制作方法14 初心者向け
MAMPを使ったWordpressでのWEB制作方法14 初心者向け前回の記事はこちらMAMPを使ったWordpressでのWEB制作方法13...
View ArticleClik here to view.
MAMPを使ったWordpressでのWEB制作方法15 初心者向け
MAMPを使ったWordpressでのWEB制作方法15 初心者向け今回で最後の記事になります。前回の記事はこちらMAMPを使ったWordpressでのWEB制作方法14 初心者向けこれまで固定ページはpage.phpでレイアウトを共通化してきました。しかし実際には自由にレイアウトが必要な場面や...
View Article【Java】Resource interpreted as Stylesheet but transferred with MIME type...
CSSが適用されなくてずっとハマっていた時の話。せっかくなのでここに書き留めておく。ちなみに、Javaのコードに原因があった話なので関係ない方は参考にならないと思います。環境OS: Windows10サーバー: Apache Tomcat 9.0.26 Java: JDK13 HTML: HTML5 CSS: CSS3ブラウザで警告が出ていた...
View Article【CSS】セレクタ
基本探したい要素CSSセレクタ全てのdiv要素div全てのdiv要素とp要素div,p全ての要素*class名がXの要素.XXXid名がXXXの要素#XXX結合子探したい要素CSSセレクタdiv要素の階層下のすべての要素div *div要素の1階層下の任意の要素div > *div要素の階直後の任意の要素div +...
View Articlevue.jsでセレクトボタンを使ってCSSを変更する
この記事で分かることセレクトボタンを使ってのイベント処理dataで指定した値を使う方法こちらの記事ではセレクトボタンを押した時にイベント処理を行い、cssを変更する方法を紹介します。完成物のイメージとしてはセレクトボタンで指定した色にテキストの文字色が変わるというものです。検索してもピンポイントで記事がすぐにヒットしなかったので、備忘録を兼ねて作成しました。処理の詳しい理由などについては他の記事を参...
View ArticleChoices.jsをカスタマイズし、2行のセレクトボックスを作成する！
この記事では、ありそうでなかった？2行のセレクトボックスを作る方法についてご紹介します。完成例がコチラ👇 See the Pen CustomSelect by tuubo (@tuubo) on...
View Article初心者によるプログラミング学習ログ 304日目
100日チャレンジの304日目twitterの100日チャレンジ#タグ、#100DaysOfCode実施中です。すでに100日超えましたが、継続。 100日チャレンジは、ぱぺまぺの中ではプログラミングに限らず継続学習のために使っています。 304日目は、おはようございます304日目 2h・ポートフォリオ改造#早起きチャレンジ#駆け出しエンジニアと繋がりたい#100DaysOfCode—...
View ArticleClik here to view.
[エラー解決]margin: 0 auto;しても真ん中に寄らない
解決したい問題このtextareaを真ん中に寄せようとしても寄らない。 textareaのクラスにmargin: 0 auto;をかけてもこの状態になってしまう。考えられる原因marginが効かない？→margin: 10px 10px 10px...
View Article【HTML/CSS】CSSでLEDランプ、あるいは信号機みたいな感じの「丸」を作ってみたい
見た目がなんかこう光ってる丸いマークみたいなのが欲しかったデザインでLEDランプ（電気製品についてる発光ダイオードみたいなランプ）とか信号機みたいな感じのやつが欲しかったけど探しても案外見つからなかったのでCSS書いてみたできたやつ（CodePen） See the Pen LED lamp(Traffic Light) by sola-msr (@sola-msr) on CodePen....
View ArticleLaravel-snappyでPDF帳票作成時、煮詰まった内容覚書
概要煮詰まった内容が結構あり、だいぶ忘れそうなので備忘録。一覧表テーブルを中途半端に分断しないような改ページ設定改ページごとに共通コンポーネント（ヘッダ）を挿入改ページで分かれた単一テーブルに対してヘッダ行を挿入←現在悪戦苦闘中表テーブルを中途半端に分断しないような改ページ設定 帳票などでよくやる、名前記入欄やタイトルを各頁上部に表示する方法。 初っ端から相当煮詰った。...
View ArticleClik here to view.
macOSのスクリーンセーバーをHTML・CSS・JSで作る (Swiftスキル不要)
この投稿では、HTMLでmacOSのオリジナルのスクリーンセーバを作れる方法を紹介します。macOSのスクリーンセーバを作ってみたいけど、SwiftもObjective-Cも分からない、分かるのはHTMLやCSS、JavaScriptなどウェブ関連技術だけ、というウェブ系プログラマむけの解説です。ちなみに僕は、この投稿で紹介する方法で、JavaScriptの人気ライブラリをひたすら紹介するスクリーン...
View ArticleHTMLの基礎①（float,Flexbox）まとめ
この記事の内容float についてFlexbox について後書きなお、この記事ではプログラミングスクールに通うこと、２週間の私が復習するために書き残しているメモみたいな内容なので、間違った解釈が多々あるかも知れません。何卒ご了承くださいm(_...
View Article初心者によるプログラミング学習ログ 305日目
100日チャレンジの305日目twitterの100日チャレンジ#タグ、#100DaysOfCode実施中です。すでに100日超えましたが、継続。 100日チャレンジは、ぱぺまぺの中ではプログラミングに限らず継続学習のために使っています。 305日目は、おはようございます305日目...
View ArticleClik here to view.
deviseのエラーメッセージ表示でビュー崩れ 対処法
はじめにチーム開発でフリマアプリを模したものを開発しています。deviseのエラーメッセージ表示によるビュー崩れがあり、修正対応に少しハマったので、簡単ですが対処法を残しておきます。環境 rails (5.2.4.2) devise (>= 4.7.1) devise-i18n (1.9.1) devise-i18n-views (0.3.7)■ユーザー登録画面...
View ArticleCSS 基礎・基本 スタイリング #5
今回もwebフロント技術の勉強のノートをまとめていきたいと思います。前回までの四回で一通りのhtmlを通したので次からはcssを中心にやっていこうと思います。今回書く内容はほぼすべてが、cssファイルに書いてます。 htmlファイルの場合は、見出し横に(.html)と記載します。CSSの定義(.html)cssは、htmlで作った構造物にデザインやレイアウトなどを適用していく。...
View Article外部から読み込んだSVGアイコンの色をCSSで変更する方法
今までは、SVGアイコンをHover時にCSSで色を変更するため、インライン方式で埋め込んでいましたが、外部から読み込んだSVGファイルでもCSSで色を変更する方法がありましたので、記事にしておこうと思います。今までの方法(インライン方式)index.html<style>.link{color:#fff;}.link:hover{color:#000;}</style>&l...
View Articleこれからコンピュータサイエンスを学びたいです
質問です。プログラミングの勉強と合わせてコンピュータサイエンスを学ぼうと思っていて、コンピュータシステムの理論と実装を購入したのですが、第１章からいきなりつまづいておリます。難しいのは承知でしたが、入門書というのはこれくらいのレベルなんでしょうか。
View ArticleCSS 基礎・基本 margin padding! #6
今日は、二つ目の投稿で少し疲れ気味ですが、前回のに書いたように階層を少し意識して見やすく書けるように努力していきたいと思います。私の勉強ノートを活用してもらえると嬉しいです。CSS 基礎・基本 margin...
View Article