index.htmlだけでCSVを検索するシステムをつくる - Qiita
概要 index.htmlだけでCSVを検索するシステムをつくりました。 以下の方法でCSVファイルを読み込み表示します。 予めアップロードしたCSVを読み込む <input type="file">でダイアログからCSVファイルを選択する 使用したフレームワーク JavaScript：Vue.js CSV変換：PapaParse CSS：bulma 使用したオープンデータ(CSVファイル) 以下のオープンデータを使用しました。 https://www.itdashboard.go.jp/DataFeeds/csv#300 https://www.e-stat.go.jp/stat-search/files?page=1&layout=datalist&toukei=00200521&tstat=000001011777&cycle=0&tclass1=000001094741 公開先 コ
電源タップの寿命ってどのくらい？ 安全な捨て方をサンワサプライに聞いた
電源タップの寿命ってどのくらい？ 安全な捨て方をサンワサプライに聞いた：デジタルガジェットのあとしまつ もはや仕事や生活になくてはならないものになりつつあるデジタルガジェットの数々。購入を薦められることは多々あるが、正しい捨て方は知られていない。本連載では、デジタルガジェットの正しい捨て方を専門家に聞いていく。 今回は電源タップの捨て方を紹介する。厳密に言うと電源タップ自体はデジタルガジェットではないが、電子機器を複数台充電するために利用する人も多いだろう。そんな電源タップの適切な捨て時について、電源タップなどを販売するサンワサプライ（岡山県岡山市）の広報担当者に1問1答形式で聞いた。 電源タップの寿命はどのくらい？ ──電源タップを捨てるか、交換する適切なタイミングを教えてください 使用環境にもよりますが、3～5年といわれています。接続不良により火災などの重大事故にならないように、1年に
3人カップリングWebオンリーを企画運営してみて考えたことなど - かなめ珈琲会のブログ
はじめに 開催概要 きっかけ サークル参加条件規定 1回目をやってみて 目標設定 イベント第2弾開催までの主な作業工程 今後 はじめに 女性向け二次創作ジャンルで「3人カップリングWebオンリーイベント」の主催をやっています。 そんなに類例の多くないイベントかと思うので、開催に至った経緯や所感などまとめてみました。 覚書程度のものですが、似たような企画をされたい方のご参考になればと思います。 開催概要 プラットフォーム：pictSQUARE 開催時期：第1弾2022年4月、第2弾11月 ジャンル：ヒプノシスマイク 公式が二次創作ガイドラインを提供しているジャンルであり、イベントもそれに則って開催しています。 主催について： 2021年3月頃より同ジャンルで二次創作活動を開始。コロナ禍のためしばらくオンラインのみで活動。Webオンリーへの参加経験はあったが、同人関連のイベント・企画等の主催経
なにこれ便利すぎる！ WebページのURLを入力すると、編集可能なFigma用に変換できるプラグイン -html.to.design
WebページのURLを入力するだけで、編集可能なFigmaデザインに変換できる無料プラグインを紹介します。 AppleなどのWebページを1クリックで変換するのはもちろん、日本語のWebページでも問題なく動作しました。Webデザインの勉強用に、既存サイトをリニュアールする用にも便利ですね。 html.to.design -Figma URLを入力するだけでFigmaに変換 html.to.designの利用方法 html.to.designの使い方 URLを入力するだけでFigmaに変換 html.to.designは、URLを入力するだけでFigmaに変換できる無料のプラグインです。さまざまなWebページを編集可能なFigmaデザインに変換します。 すべてをゼロから作成することなく、別のWebサイトを使用して独自のデザインのインスピレーションを得られます。 既存のWebサイトをリデザイン
Webページの見栄えをよくするたった58バイトのCSS
ほとんどのWebページの見栄えをよくするたった58バイトのCSSを紹介します。 3つのプロパティだけですが、Webページを実装する時の最初のスタイルとして用意しておくとよいかもしれません。 また、ボーナスの100バイト版とオプションのさらに100バイト版も合わせて紹介します。 58 bytes of CSS to look great nearly everywhere by @JoeyBurzynski 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 Webページの見栄えをよくする58バイトのCSS 58バイトのCSSの解説 Webページの見栄えをよくする100バイトのCSS 100バイトのCSSの解説 オプションでさらに100バイト Webページの見栄えをよくする58バイトのCSS 58 bytes of CSS -Code
覚えれば一生もの！ ウェブエンジニアのための正規表現活用入門 - ICS MEDIA
正規表現は文字列の検索や置換を行うための強力で便利なツールです。基本をマスターすれば開発から日常の事務作業までさまざまな場面でラクをできる魔法の道具ですが、見た目がちょっと分かりづらいので、避けている方もいるのではないでしょうか？ 筆者の個人的観測ですが、とりわけフロントエンドのエンジニアには正規表現に苦手意識を感じている方が多いようです。 この記事では正規表現の基本と、正規表現がどこで使えてどれだけ便利になるのかを紹介します。 正規表現の基本：正規表現ってそもそも何？ 正規表現（regular expression）は、ごく簡単にいえば「さまざまな文字列のバリエーションをひとつの文字列で表現したもの」です。たとえば、郵便番号の7桁の数字には（実際に使われていないものも含めれば）一千万通りのバリエーションがありますが、正規表現を使えば次のようにひとつの文字列で表現できます。 ▼「7桁の数字
imgタグのwidthとheightを省略したらダメ！ 画像によるレイアウトシフトを回避する最近登場した2つの優れた解決方法
レイアウトシフトとは、Webページがロードされる時に画像のスペースが確保されず、画像が表示された時にその分レイアウトがずれてしまうことです。 このレイアウトシフトを回避するために10年以上もの間、アスペクト比を手動で適用する必要がありました。しかし、現在ではそんな馬鹿げたハックは必要ありません。最近登場した2つの優れた解決方法を紹介します。 Avoiding <img> layout shifts by Jake Archibald (@jaffathecake) 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 レイアウトシフトとは aspect-ratioプロパティによるレイアウトシフトの回避方法 widthとheightによるレイアウトシフトの回避方法 どちらの方法を使用すべきか レイアウトシフトとは デフォルトでは、<im
デザインマネージャーが語る！ポートフォリオの作り方・見せ方（学生の方向け）｜綿貫 佳祐 / Qiita
以前、学生の方向けのイベントでポートフォリオの作り方や見せ方について話したことがありました。 最近もアドバイスを求められる機会があり、秘密にするような内容ではなかったので公開します。 プレゼンスライドを記事に落とし込んでいるので、若干体裁が整っていませんがご容赦ください。 ポートフォリオから判断すること就職活動において、企業側がポートフォリオから判断することについてお話します。 先にお断りしておきますが、若干厳しめの話になると思います。 また、具体的な制作テクニックというよりは、どう考えてどう作るかに重点を置いています。 具体的な制作テクニックについては、話せる内容が無いわけではないんですが……あなたが何をどう考えどう作ったかによって大きく変わります。 万人のポートフォリオにとってベストなレイアウト、配色、タイポグラフィなどなど、そういったものはありません。 そのため、今回は取り上げないこ
目に映るものの名前をできる限り知りたい
写真に映っているものの名前をなんでもお教えてください、と呼びかけたところ、あらゆる分野の人からものすごい量の情報が寄せられ、写真がたちまち名前で埋め尽くされる、という経験をした。 顛末を紹介します。
デザイン脳を鍛える方法｜ハラヒロシ / デザインスタジオ・エル
はじめに1998年、デザインの勉強を全くしたことがない私がデザイン業界に入り、はや22年が経ちました。数年間は下っ端生活をしていましたので、まさか20年経ってこの会社の社長になるとは、当時の自分が聞いたら失神するでしょうね…。 そんな私は、デザイナーとして際立ったスキルや作風もなければ、立派な賞とも縁がないごく普通のデザイナーなわけですが、22年間楽しく続けてこれたのはなぜだろうと思うと、デザインという仕事を通して成長が感じられるからなのかもしれません。 このnoteでは、デザインの技術ではなく、デザイナーとして成長を実感していくための「デザイン脳」の鍛え方について書きたいと思います。デザイナーとして成長したい！と思っている方の一助になれば幸いです。 思考の変遷を残しておくデザインの経験を積んでいくと、「前よりうまくなったな」と思うはずです。うまくなったというのは、デザインの原理原則が身に
静的HTML内でWordPressの内容を表示させる方法 | TechMemo
基本は静的HTMLでサイトを制作し、新着情報やお知らせなど、一部だけWordPressの内容を表示させる方法をご紹介したいと思います。 WordPressはあくまでお知らせ等の記事を更新するための裏方で、実際に表示する部分はHTML側で調整します。 WordPressのパーマリンク設定を「基本」に設定する 後述する方法で、静的HTML内にWordPressの記事一覧を表示したり、固定ページの内容を表示させるためには、WordPressのパーマンリンク設定を「基本」にしておく必要があります。 WordPressをインストールしたら、パーマリンク設定は「基本」に変更しておきましょう。 静的HTML内でPHPを動作させる まずは、.htaccessに以下のコードを追加し、通常のHTMLファイル内でもPHPが動作するように設定します。 基本的には上記を追加すれば、HTML内でPHPが動作するように
限界腐女子による小説の書き方講座｜さくた｜note
自カプのPixiv検索件数がサイドンのR18より少ない全ての腐女子に捧ぐ。はじめに自カプが少ない！自カプがマイナー！ そう嘆いているそこのお前、お前は自カプを増やしているだろうか。 増やしているならこの記事は必要ない。お前が増やした自カプに救われる同カプの人間はきっといる。救われるのが、ひょっとしたら10年後とかになるかもしれないだけだ。 増やしていない腐女子、お前はいったい何をしているんだ？ 宗教上の理由で創作活動はできないとか、毎日分単位でスケジュールが詰まっていて推しカプ検索するのがやっとだとか、なんかもうやむにやまれぬ事情があるとかではないのだろう？ 自カプの小説を書くことで自身の現実生活が破綻するわけではないのなら、今すぐ自カプを生産するべきだ。 それでも無理だ？ 小説なんて書いたことがない？ 小説を書いたことがないから小説が書けないのではない、小説を書かないから小説がいつまで経
ゲームに出てくる犬のレビュー【Full ver】 - 三度の飯より犬が好き
三度の飯より犬が好きなので、ゲームに出てくる犬のレビューをまとめました。 「犬が出てくるゲームのレビュー」では無く「ゲームに出てくる犬のレビュー」です。 モブの犬からメインの犬まで、とりあえずプレイしたゲームの犬の安否含めた感想をひたすら書いています。ゲーム自体のネタバレに関しては配慮/Zeroなのでご注意ください。 それなりにボリューミーなのでほねっこジャーキーでもキメながらまったり読んでいただければ幸いです。気になる犬がいたらぜひゲームをプレイして会いに行ってみてくださいね。 レビューはハイパー亀ですがたまに更新されます。(最終更新：2024/4/4) ※Full記事の量がアホすぎて各所でブラウザがクラッシュしたとの報告をもらったため、50音ごと記事をわけることにしました。（笑うとこです） 本記事では各タイトルとそれぞれに飛べるリンクをつけています。 全部読むぜ！というガッツのある方は
イラストやデザインの参考資料に！人物・動物・植物・デジタル機器・建物・家具などを図版化 -Dimensions.Guide
人物・動物・植物をはじめ、デジタル機器、建物、家具など、日常で見かける標準的なさまざまなスペースとサイズを図版化したDimensions.Guideを紹介します。 人物だけでも、老若男女の立ち・座り・寝・歩き・運動、そして正面・側面・上面が揃っており、イラストやデザインの参考資料になると思います。 Dimensions.Guide Dimensions.Guideではさまざまな図版が揃っています。 例えば、25-45歳の女性が歩いている時のサイズ。 平均身長は1.63mに設定されており、カジュアルな服装で歩いている横向きです。 Walking Female Side 素材はすべて商用でも無料で利用できます、クレジットは特に必要ありません。ただし、素材そのものを再配布・再販売することは禁止です。詳しくはライセンスページをご覧ください。 legal ダウンロードできる素材のフォーマットは、3種
バレットジャーナルをミニマルにしてみたら、初心者にオススメだった！ - むやろぐ
おはようございます、むやたんです。 最近、手帳の見直しをしていて、「私のBujo運営はこれでいいけど、この手帳を見たらハードルが高すぎないか？」と思うようになりました。 また、「本当に必要なto doが、カラフルなページに目を奪われて、埋もれて見えなくなってしまっていないか？」とも感じました。 よく考えてみると、最近は必要最低限で運用している人の動画や、Instagram、Puntarestを見ている気がします。 最小限で、簡単で、とても便利。 これって、バレットジャーナルの基本です。 そこで、ミニマリストさんが実践しているバレットジャーナルを参考に、実際に書いてみることにしました。 使ったもの ・ミドリ トラベラーズノートパスポートサイズ方眼(200〜300円くらい) ・ミリペン(0.1ミリ 黒、150〜200円くらい) ・マイルドライナー マイルドグレー(100円) ・定規 ※手元にあ
パケ買いしたくなる！心をつかむ世界の最新パッケージデザイン50個まとめ 2018年度
せっかく作ったこだわりの商品も、だれの目にも留まらなければ意味がありません。商品の良さや価値をわかってもらい、買いたいと思わせるパッケージデザインの作成は、商品づくりと同じくらい重要と言えるでしょう。 今回は、思わず手にしたくなる、世界の素敵な最新パッケージデザインを集めました。歴史のある酒蔵ブランドを一新したり、パッと見ると商品がわからない面白パッケージ、高級感のあるスタイリッシュな作品、手描きハンドメイド風など幅広いデザインが世界中から揃います。 2017年に人気だった素敵なパッケージデザイン厳選55個まとめ パケ買いしたくなる！心をつかむ世界の最新パッケージデザインまとめ 2018年度 Greens – Nature In A Jar 地元の農場で採れた野菜をつかった、サウジアラビアにあるカフェのパッケージ、ブランディングデザイン。 Halau ハワイで採れたフルーツをつかったスナッ
話すのが苦手な人のためのプレゼンの裏技テクニック｜けんすう
僕のことを直接しっている人にはよく知られた話ですが、僕はなかなかどうして話すのがヘタでして、コミュニケーションをとるのが得意ではないのですね。 特に、大人数の前だとすごい緊張しちゃうので、落ち着いて話すこともできません。心臓がバクバクいい、足が震えます。10人以上いる会議で発言とかかなりキツイです。 で、そんな僕なんですが、プレゼンをしなさい、となる時もたまにあって、そういう時、結構困るのですね。どうしたらいいんだと。 しかし、何回か回を重ねていくことで、話す技術を向上することはできなくても、表面的なテクニックでなんとかカバーすることは出来るな、と思ってきました。ハウツーですね。僕はハウツーが好きなんです。 そのあたりのテクニックをたまに後輩に教えたりするのですが、ブログにまとまっているほうがいいかなと思ったので、紹介します。 ---✂--- 「遊び半分の起業のすすめ」 最近、こんな感じ
「だまされたふり」で逆にだまされる 巧妙化するオレオレ詐欺、最新の手口を解説
これだけ新聞やテレビで報じられているにもかかわらず、親族をかたってお金をだまし取る「オレオレ詐欺」がいまだに後を絶ちません。今回は、そんなオレオレ詐欺の最新の手口をご紹介します。 ※警視庁が定めた新名称「母さん助けて詐欺」も存在しますが、この記事では広く普及していると考えられる「オレオレ詐欺」を採用します。 オレオレ詐欺とは そもそも「オレオレ詐欺」とは、主に高齢者に対して電話をかけ、家族などになりすましてお金をせびる手法のことです。 「電話番号を変えた」「会社の電話を使っている」「風邪気味でのどの調子が悪い」などの偽の口実を使って、被害者の息子や孫、夫になりすましてきます。 要求してくるお金はたいていの場合かなりの高額ですが、その理由には以下のような話が使われます。 交通事故を起こして、示談金が必要になった 会社の小切手が入ったバッグをなくした 会社のお金で株を運用していたが、証券業者に
気軽にナイトピクニックのすすめ
ピクニックって、休みの日にみんなで予定を合わせて、朝早くからあれこれ準備して、いざ！ って感じで楽しむレジャーというイメージがありますよね。 だけど、もっと気軽に日常生活に取り入れてもいいと思うんですよ。 そう、思い立ったら今日の仕事帰りにやったっていい。 そんな気軽な「ナイトピクニック」のご提案をさせてください。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
まとめよう、あつまろう - Togetter
