1984年生まれ岡山のど田舎在住。技術的な事を探求するのが趣味。お皿を作って売っていたりもする。思い付いた事はやってみないと気がすまない性格。（動画インタビュー） 前の記事：近所にあるかも？戦前の街頭ラジオの痕跡「ラジオ塔」 ＞ 個人サイト オカモトラボ フライドポテト難民になった 僕はとある映画館のフライドポテトが大好きだった。そのフライドポテトは細くカットされ、ジャガイモの皮があって、衣を付けて揚げてあり、ちょっとコンソメ風の味だった。 しかしその映画館からフライドポテトが姿を消し、僕は突如としてフライドポテト難民となった。 似たフライドポテトはどこの店に行けば食べられるのか？ 意外とそういう情報がなく、ファストフードはもちろんコンビニや居酒屋などでもメニューにフライドポテトがあれば食べまくった。 フライドポテト比較表 以下はこれまでに調査したフライドポテトの概要を示す表である。 なお

This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

HTMLドキュメントのhead内に記述するmeta要素やlink要素、ソーシャルサービス用の要素、ブラウザ用の要素、スマホアプリ用の要素などをまとめた「HEAD」を紹介します。 HEAD -GitHub 翻訳するにあたりいくつか尋ねたところ、著者様はとてもいい人でした。 公開当初から内容がアップデートされ、ライセンスもCC0に変更されています。 オススメの最小限の構成 要素 meta要素 link要素 ソーシャル関連のhead内の要素 ブラウザ・プラットフォーム関連のhead内の要素 スマホアプリ関連のhead内の要素 メモ オススメの最小限の構成 下記は、head内に記述する最小限のタグです。

独学でWebデザインやコーディングなどのWeb制作スキルを身に付けたい方向けのノウハウを紹介します。 Web制作のテクニックを学ぶ方法は、 研修やセミナーで学ぶ方法 スクールに通って学ぶ方法 お金をかけずWebサイトや本を参考に学ぶ方法 の3つに大別できます。 しかし、研修やセミナーは開催地が都市部に偏っていますし、スクールに通うのは経済的な負担が大きいのも事実です。 そこでおすすめしたいのが自宅で学ぶ独学です。 筆者自身も全くの初心者の状態から独学でWeb制作のスキルを身に付けて今はそれをもとに仕事をしています。 独学中には勉強方法としての反省点や手ごたえを感じたことも多いです。 そこで、今回は筆者がWeb制作を独学する中で分かった、独学による効率の良い勉強方法についてお話しします。何から勉強をはじめていいのか分からなかった人の指針になるかと思います。 リアルなお話をしますが、独学ではじ

2016年のマンガ大賞で2次選考に残った作品に今更ながらキレまくってる私です。 何を今更と言われるかもしれません。 しかし私がどんなに憤っても、2次選考に残った作品から2016年のマンガ大賞が発表されるわけですよ！ 「ふざけんな！！！！」　ですよ。 ちなみに、2016年の漫画大賞の候補は以下の作品。 『岡崎に捧ぐ』山本さほ 作者の昔の思い出を綴った漫画ですよね。作者とその友達の岡崎さんの自叙伝的な話ですよ！　30代には心響くのかな？　昔のあるある話は共感できるっちゃーできる。 面白いと思うが、そこまで響かんのよね。 『恋は雨上がりのように』眉月じゅん なんか最初はスクールランブルの八雲っぽい女子高生だなータイプだなーって思って読んでた。そしたら、４０代のおっさんファミレス店長に恋する女子高生の話だった。 悪くないけども、僕は恋愛キモイ症候群という不治の病にかかっているのでもう無理駄目ポだっ

さまざまなUIを実装するCSSの各プロパティの基礎知識や使い方をはじめ、実装時のスタイルシートの問題点をチェックしたり、重複している箇所を見つけたり、見やすいように整形したり、コードを圧縮・展開したりなど便利なオンラインツール・リソースを紹介します。 CSSのリファレンス・基礎知識系 CSSの調査・分析系 CSSの整形・圧縮・展開系 CSSのリファレンス・基礎知識系

検索エンジンがページ構造を理解しやすいようにHTMLがマークアップされていることは、安定的に検索結果上位にインデックスされるために重要な要素の1つです。 当然のことながら、前提として検索キーワードを想定した質の高いコンテンツ作成が必要です。せっかく質の高いコンテンツを作成してもマークアップの仕方が論理的に間違っていると台無しです。 今回はSEO対策として押さえておいてほしいHTMLおよびHTML5マークアップの最低限のポイントについてお話しします。 この記事では自力でSEOに最適なマークアップをする方法を紹介していますが、はじめからSEO対策がばっちりなWordPressテーマを使えば、なにもしなくても良いのでとてもラクです。SEO対策が万全のWordPressテーマは下記で紹介しています。 WordPressのおすすめテーマはコレ！SEOもレスポンブも完璧【有料&無料】 headタグ内の

2月といえばバレンタインデー！イベントに合わせたデザインリニューアルはお済みでしょうか。 バレンタインデーが迫っているこの時期、パターン素材もバレンタイン向けのデザインが豊富に登場しています。 キューピッド、ハートといったモチーフをふんだんに取り入れたもの、LOVEなどのメッセージをデザインに含めたものと、バレンタイン気分を盛り上げてくれる素材が満載です。 好きな範囲にテクスチャできるパターン素材なら、今からでもすぐにデザインを完成させることができます。 そこで今回は、バレンタインデーにぴったりのデザインを含む無料パターン素材107個をご紹介します。 ノンデザイナーの方はもちろん、日頃からデザインワークをこなす方も、ぜひチェックしてみてください。 全部無料！パターン素材まとめ 1.AESTHETIC PATTERNS FREEBIE http://www.bestpsdfreebies.c

みなさんはChromeの拡張機能を活用していますか？　拡張機能を使えば面倒な作業でも効率良くこなすことができます。今回はWebデザインのときに使うと仕事が圧倒的に捗るChromeの拡張機能を紹介します。 1. FireShot ダウンロードURL：FireShot ページのキャプチャを撮影できる拡張機能です。ページ全体をキャプチャ、目に見える部分をキャプチャ、選択してキャプチャすることができます。ランディングページなど縦長のページのスクリーンショットを撮影するときに便利です。 2. PerfectPixel by WellDoneCode ダウンロードURL：PerfectPixel by WellDoneCode ページ内に任意の画像を重ねることができる拡張機能です。画像を動かしたり、透過させたり、サイズを変更したりしてレイアウトすることができます。ボタンやロゴの配置を迷っているときにコ

みなさん、入力フォームを制作する際、どのような施策をおこなっていますか？　入力項目を見直したり、入力ステップを明確にしたりなど、入力フォーム最適化をおこなっていると思います。そのことで、コンバージョン率があがったり、ユーザーがストレスを感じないようになるでしょう。入力フォーム最適化はEFO対策 = Entry Form Optimizationとも呼ばれます。 サイトの設計段階で検討すべきことが多いですが、コーディングでも考慮すべき事が多々あります。今回はHTMLコーダーがエントリーフォームを制作する際に考慮すべき点について紹介します。 ※本記事では最近のブラウザに適したHTMLコーディング方法の紹介を目的としています。そのため、デザインとアクシビリティーでのベストプラクティスを紹介したものではありませんのでご了承ください。 自動入力機能に対応しよう Google Chrome（デスクトッ

HTML5 Doctor で 「Avoiding common HTML5 mistakes」 という記事が上がっていましたので稚拙ではありますが翻訳など。HTML5 でマークアップする際にやりがちな間違いをいくつか挙げて、さらに正しいマークアップ例も紹介くれていますので、参考にしてみてはいかがでしょうか。 HTML5 Doctor で 「Avoiding common HTML5 mistakes」 という記事が上がっていましたので稚拙ではありますが翻訳など。HTML5 でマークアップする際にやりがちな間違いをいくつか挙げて、さらに正しいマークアップ例も紹介くれていますので、参考にしてみてはいかがでしょうか。 Avoiding common HTML5 mistakes ： HTML5 Doctor 翻訳といっても要約みたいな感じですので、書いてあることをそのまま日本語にしたものではあり

こんにちは@hazumuです。 最近、久しぶりにマークアップをする案件が複数走ったので、これを契機に、学生時代から毛が生えたほどしか増えていない知識を、いっそ刷新してナウでヤングな開発ができるようになるために色々教り試行錯誤したので今回記事にしてみました。 せっかくなので、僕がWebを触り始めてからの歴史の変遷を辿った上で、長年に渡りこの分野を担当する人が戦ってきた問題を洗い出して現状どういう打開策や効率化が行われているか自分なりに整理し直した形にしています。 それでも、この分野の進歩が早いので1年ぐらい遅れてる話になってるかもしれませんが 笑 学生時代(2008年頃) 最初にHTML、CSSを友人から教わったのがこのくらいの時です。 僕より先輩の方はテーブルレイアウトでウェブページを作成してきた人が多いかもしれませんが、僕が始めた時には既にfloatでレイアウトを組むページが目立つように

日々の生活のなかにあたり前に存在している文字ですが、何気なく見る看板やポスターにはさまざまな書体が使われています。欧文書体にはたくさんの種類がありますが、つくられた時代やその形状によって大きくサンセリフ体、セリフ体、ブラックレター体、スクリプト体に分類することができます。 SWINGSでは欧文書体の基本的な知識について、シリーズ化をして紹介していきます。今回は日常生活でも見かけるサンセリフ体についてです。 サンセリフ体とは “サン(sans)”とは、フランス語で「～のない」という意味を持ちます。つまりサンセリフ体とはセリフのない書体を表します。(セリフとは文字の端にある「うろこ」のような装飾のことをいい、セリフがあるものはセリフ体、またはローマン体と呼ばれています。) サンセリフ体の特徴は、セリフがないということに加え、すべてのストロークが均一な線状の太さ、または幾何学的な円形や四角形に見

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

亀田音楽専門学校の新しいシーズンが1月に放送されて、録画していたのを全部ようやく見れたので気になったことなどをメモしておく。 http://www4.nhk.or.jp/kameon/www4.nhk.or.jp 亀田音楽専門学校はすごく重要な番組で、というのは「J-POPとは何か？」ということを音楽的に定義づけるという、これまでほとんどされていなかった作業を、文字通り「ポップ」な形で実践している。この番組が、2013年から単発＋シーズン1＆2で計26回の放送で、さまざまな「J-POPの特徴」を解説してきたけど、今回のシーズン3では年代を追って、そのJ-POPがどのように形成されてきたのか？ を振り返っている。 亀田音楽専門学校 - Wikipedia J-POPは、それまでの「流行歌」や「歌謡曲」をただ横文字で言い直しただけのものではなく、それまでの歌謡曲が欧米のヒット曲をいかに日本語で

金玉の大きさの違いを感じて病院に行ってみると、精巣腫瘍（睾丸の癌）と診断され、左きんたまを摘出手術しました。まさか自分がガンになるとは……。 ※この記事は金玉の大きさの違いを感じた作者が病院に行ったところ、精巣腫瘍（きんたまのガン・睾丸癌）と診断され、手術した時の経験をもとに書いたものです。 2015年のクリスマスイブ 僕は…… 白髪の老人にきんたまを揉まれていた。 唐突に始まって申し訳ありません。オモコロライターのギャラクシーです。 去年の年末に精巣ガンが発見されて、即日緊急入院、さらに翌日手術できんたまを摘出するという経験をしました。今回はその時のことを書いてみたいと思います。 ・前夜 きんたまの大きさが左右で違うことに気づいたのは、病院に行く一ヶ月ほど前のことでした。 その時僕はいつものように自宅で、 ちん毛を剃っていました。 僕には数ヶ月に一度ちん毛を剃る習慣があり、それは「なんか

2019年5月17日 CSS はるか6年前に書いた記事「少しのコードで実装可能な20のCSS小技集」の第二弾です！（スパンながっ）簡単なコードで素敵な効果が得られる小技をダダっと紹介してみます。前回に引き続き、初心者さんからベテランさんまで参考にしてみてください！ ↑私が10年以上利用している会計ソフト！ 目次 画像を丸く表示 1本線のテーブル 1本線の水平線 線色を指定しなくても文字色と同一色になる 複数の背景画像 背景画像のサイズ Webフォントを使う 画像をモノクロやセピアにする リストマーカーの色を変更 グラデーション グラデーションボーダー フラットだけど立体的ボタン 画像をぼかす レスポンシブに対応した動画 要素を真ん中に配置 カンマで分けたリスト 文字を縦書き フォーカスすると伸びるテキストボックス iOSでボタンのスタイルをリセット 線のオフセット設定 HTML・CSSの全

はじめに 普段はバックエンドエンジニアでデザインの勉強を一切やったことがない僕がそこそこのwebサイトであれば作れるようになってきたので、webサイトをおしゃれに作るためにやったことをまとめてみました。 手順 デザインについて無知でhtml, cssをほとんど書いたことない人（基本的な文法は知っている。）がいきなりおしゃれなサイトが作れるようにはなりません。以下のステップを踏んでいくといいと思います。 おしゃれなサイトを探して研究する。 bootstrapを使ってサイトを作ってみる。 実際に作ってみる。 おしゃれなサイトを探して研究する 個人的にこれをやることがおしゃれなwebサイトを作るための一番の近道だと思います。まずは既存のものを真似して作っていくことが大切だと思うので、なぜそのサイトがおしゃれなのか調べ尽くします。 この作業を繰り返しすることでどんなサイトがおしゃれなのかわかってき