kokusyo

コーダー歴3年の37歳 キャンプとWEB制作をの融合を推し進めています。現在フロントエンドエンジニアへキャリアアップ中

【Vue3】 leafletを使用してマップアプリを作成しよう

最近なんとなく、私の故郷である宮崎県の観光サイトでも作ってみようと思い、Vue3とleafletを使用して作成しました。その際、vue3とleafletに関してのドキュメントが少なかったので、調べつい ...

フロントエンドの知識地図の感想レビュー

フロントエンドの知識地図【読んだ本感想】

最近買った本【フロントエンドの知識地図】を読み終わったので、感想を記載したいと思います。ちなみにこの本、たまたまAmazonで見かけて面白そうだったので予約購入していたのですが、買ったのをすっかり忘れ ...

display:noneの要素をフェードインさせる方法

「display:none」の要素をフェードインする方法

「display:none」の要素は、transitionプロパティを使用してもフェードインすることはできません。opacityの場合は、フェードインすることも容易ですが、タブ切り替えの時など、「di ...

vue3初心者講座

【Vue3】初心者講座 Vol.1【Vueプロジェクト作成】

2024/1/28    , ,

Vue3のプロジェクト作成に必要な物 普通は、「Vue.jsとは何か!!」というとこから始まりそうですが、そういうのは置いといて・・・さっそく、Vue3の環境構築から始めましょう。 Vue3プロジェク ...

「vue3 フロントエンド開発の教科書」購入感想レビュー

最近私は、Webアプリケーション作成に取り組んでいます。素のJavaScriptで作成していたのですが、やはりモダンな開発にこだわりたいと思い、Vue3を改めて勉強することにしました。私が学習に使用し ...

node.js講座インストール編

node.jsをインストールしよう【windows向け】

2024/1/21    ,

node.jsをダウンロードする まずは、インストーラーをダウンロードします。公式サイトにアクセスしましょう。 ■Node.js公式サイトhttps://nodejs.org/en/download/ ...

スマホ時の適切フォントサイズ

スマホ時のフォントサイズの適切は?【調べてみたら】

スマホ表示のフォントサイズについて スマホ時のフォントサイズの推奨値は16pxとなっています。ただ、16pxのフォントサイズでは幅375pxくらいのスマホサイズでは少し大きいような気がします。 かとい ...

h1タグに何を設定するのが正解か

h1タグはどこに設定すべきかを調べてみた【Web制作会社20社調査】

◆調査方法 位置情報での検索結果の影響を防ぐため、アメリカ版googleで「Web制作会社」と検索 1ページ目に表示された制作会社、もしくは「制作会社おすすめ○○選」といった記事から20社抜粋 制作実 ...

slickで左右の画像をチラ見せさせる方法

slickで左右の画像、次の画像をチラ見させる方法

2024/1/21    , ,

slickで左右の画像を表示 まずは、良く見るこの形、真ん中に一枚、その両端に次のスライドと、前のスライドがちょい見えしている状態。これは、slickのオプションである、「centerMode」、「c ...

schoo ウェブ制作におすすめ

オンライン学習動画「Schoo」体験レポート

おすすめ 登録・生放送授業が無料!オンライン学習動画サービス 7000本の授業が見放題!社会人向けオンライン学習動画【Schoo(スクー)】 7000本の授業が見放題!オンライン学習動画【Schoo( ...