Technical Blog
技術ブログ
WordPressで継続して書いてきた技術記事・開発記録をまとめています。 学習内容、開発で詰まったこと、実装の理解を言葉に残しています。
レスポンシブなクリッカブルマップを作成してみました
先ほどクラウドワークスで以下のような仕事がありました。 この仕事をこなすには、レスポンシブな日本地図を作成する必要があるので、そのやり方を調べて実際に試してみました。 以前、日本地図にリンクを設定する方法という記事を作成しましたが(参考記事: 日本地図にリンクを設定する方法)、この時はスマホで確認すると横スクロールしてしまっていました。 横スクロールしてしまっている様子 今回、 …
今日の支出合計算出アプリ、SPA
Vue.jsで、支出を記録して「記録」ボタンを押すと、今日の支出合計が自動計算されるアプリを作成してみました。 See the Pen Vue3 支出管理アプリ by Shibata Hiroki (@khiro-enginner) on CodePen. 使い方 例えば、コンビニで88円の水を買ったとすると、入力欄に88と入力して、「記録」ボタンを押します。そうすると、今日の …
マークダウンエディター、Marked
この本を参考にして、Vue.jsでMarkdownを作ってみました。 準備 色々と準備をしていきます。 HTMLの雛形を作成する まずは、VScodeの省略記法で、「!」と入力してHTMLの基本的な形を作成します。 作成後のコード マークダウンの記述をする範囲を作成する my-markdownというidを持つdivタグの中に、マークダウンの処理を書いていきます。 vue.jsで …
【Java】「オブジェクト指向」の具体例
オブジェクト指向とは、ざっくりと言うと、ものを渡すようにしてプログラミングの処理を行なっていくことです。 この記事では具体的なコードを見せながらJavaのオブジェクト指向について書いていきます。 目次 今回作成したもの 「東海3県それぞれの名前 + ようこそ」と出力するプログラムを作成しました。 出力結果 愛知県・岐阜県・三重県が、オブジェクト指向におけるオブジェクト(もの)で …