TL;DR 受注前、制作フロー、安定収益源の保守方法まで「作って終わりにしない」Web 制作の一連の流れを記載しておきます。社内だけじゃなく、これから独立する人、フリーランスの方も必見です。 オリエンテーション／受注前 １．書類テンプレート一式 オリエンテーションにおけるヒアリングでは、後に作成する提案・見積書に必要となる質問を用意しておきます。自社の説明をする時は、せっかちなクライアントさんもいるので、だらだら話さず、ポイントを抑えてわかりやすく説明します。ヒアリングした後は、議事録にメモし社内共有。必要な書類（ヒアリングシート／企画書／提案書／業務委託書／見積書／契約書）など一式まとめてますので、書類系のテンプレートは以下で。 企画・提案・見積・納品・契約などのテンプレ・知識まとめ２３ ２．見積もりの目安と計算方法 例えば項目を作るとき１．項目／２．内容／３．設計(人日)／４．製造(人
ドケチなのに良質な無料漢字フォントを探している人向けのフォント集 バイオレンスなニュースサイト秒刊SUNDAY（びょうかんサンデー） 無料で使えるフォントは多々ありますが、日本語フォントはなかなかないものです。また日本語でも漢字が使えるものはさらに絞られ、数少ないのですが、これらはその少ないうちの一つです。 ◆Windows用Ｏｓａｋａ ■WindowsでOsakaフォントを使おう！ ◆モトヤ ■全文字フリーフォント ※登録が必要です。 ◆Holiday MDJP02 ■Holiday-MDJP03 / 2byte True Type ■Holiday-MDJP03 ◆メイリオ ■ Windows XP 向け ClearType 対応日本語フォント ◆IPAフォント ■IPAフォント ◆M+フォント ■トップ ■M+フォント( ◆VLゴシックフォント ■VLゴシックフォントファミリ ◆MO
初めての投稿となります。エンジニアのmatsuです。 携帯向けウェブサイトを1時間でスマートフォン対応する方法を紹介します。 概要 2011年4月7日のニュースにて携帯電話の新規契約数のうち、スマートフォンが占める割合が50%を越え、スマートフォンが本格的に普及する兆しが見えてきました。 現在、スマートフォン向けサイトを新規構築するためのチュートリアルは数多く出ていますが、既存の携帯サイトをスマートフォンに最適化する方法があまり紹介されていないのでこの記事で紹介したいと思います。 このチュートリアルを行うと以下のようになります。 実装 全部で8ステップあります。 このチュートリアルではブログのトップページを例にとって説明します。 前半では文字コードの変更、HTMLの変更といった構造を変更します。後半では絵文字や文字スタイルを行い、仕上げとしてHTML5のバリデーションを行っていきます。最初
HTML5+CSS3 入門
Webを記述する言語の標準の現状 昨年度であれば、HTMLを記述する授業では自信をもって以下の基準を推薦していました。 HTML (文書の構造を記述する言語) – XHTML 1.0 もしくは XHTML 1.1 CSS (文書の体裁・デザインを指定する言語) – CSS 2 しかしながら、ここ数年で、とくに去年あたりから状況は大きく変動しつつあります。現状の変化を理解するには、ここに至るまでの歴史的な経緯について簡単に理解する必要があります。ここまでの経緯を整理した上で、将来の展望を探りたいと思います。その上で、この授業ではどのような基準にのっとって「正しい」ということを定義するのか決めていきたいと考えます。 HTML (Webサイトの記述言語) の標準化巡る闘争の歴史 AppleInsider: なぜ Apple は HTML 5 に賭けているのか： ウェブの歴史 [Page 2] よ
日本人の大人がよくする、英語の間違い
日本人が間違えやすい英語 ver. 20210930 ガイ ナット nathaniel.guy@gmail.com 以下に、日本人が間違いやすい英語の例を纏めてみました。主に英語上級レベルの方向けの記事として書きましたが、どのレベルの方でも是非、ご自身の英語力を磨くために参照いただければと思います。 なお、このガイドを作成するに当たり、友達の藤本さんと野口さんに助言いただきました事を、深く感謝致します。 更新（11月16日）：読んでくださった皆さん、シェアしてくださった皆さん、ありがとうございます！この記事は私の期待以上に皆さんにシェアしていただいて、本当に嬉しいです。追加してほしいパターン、エラーの指摘、ご感想などを知らせたい方は、ご遠慮なく上記のメルアドへ連絡ください。 例：開始・終了時刻を述べるときの「from」 誤） “Today we will have visitors fro
うわっ、私のサイトBootstrapくさすぎ!? たった数文字変えるだけでBootstrapのくさみが抜ける7つのCSSテクニック。
なんか、このサイトBootstrapくさい。そう感じることはありませんか? その理由はズバリ、欧文ベースでつくられたフレームワークを文字構造の違う日本語で適用した際に不都合が出てしまっているからです。 それらが醸し出す違和感を放っておくと、Bootstrapくささを生み出す大きな原因になってしまいます。 そもそもの問題として、欧文と比較して和文は文字の要素が多く、文字自体のリズムも少ないため、どうしても複雑で単調に見えてしまいます。 しかし、和文だからといってあきらめることはありません。BootstrapのCSSを少しだけ変えるだけでグッと見た目がよくなる隠し味をご紹介します。 1. line-heightで行間にゆとりを。明朝やゴシックなど、フォントの種類が言葉の印象を表すように、文字の行間は読みやすさ、文章全体の雰囲気を左右します。 欧文をベースに設計されたBootstrapをそのまま
少しのコードで実装可能な20のCSS小技集
2019年5月17日 CSS CSSハックに続き、このCSS小技集も私のブックマークにずらりと並んでいたので、整理も兼ねて記事にしてみました。CSSのお勉強を始めたばかりの頃にブックマークしておいたものも多数。。ということで初心者さんからベテランさんまで参考にしてみてください！ ↑私が10年以上利用している会計ソフト！ コードはサンプル内の「HTML」や「CSS」タブをクリックしてくださいね！ 少しのコードで実装可能なCSS小技集 シリーズ 【第2弾】少しのコードで実装可能な20のCSS小技集 【第3弾】少しのコードで実装可能な15のCSS小技集 まずはCSS基礎編 1. divを中央揃えにする ほとんどのサイトが基準となるdivを画面の中央揃えに設定しています。左右のmarginをautoにして中央揃えに。 See the Pen Center Div by Mana (@manabox
自分用にまとめのまとめみたいな感じです。 同じフォントでも、等幅、プロポーショナル、太さの種類が複数ある等々のものは、どれも同種としてカウントしたつもりです。ただ、漢字部分は同じで、ひらがなカタカナ部分だけ違うとか、英数字部分だけ違うとか、微妙な違いのフォントがあるので、似たようなのがカウントされてたりするかもしれない。 それでも、かなり古いものから、定番もの、最近リリースされたもの、最近更新されたものまで、まともに使えないのもあるけど、単純にリストの数かぞえたら、番外編抜いても242種類もありました。多すぎて整理できてないのはあれですが。 自分なりに注釈付けてますけど、間違いがあるかもしれないんで、（特に商用）利用する前には、必ず規約やライセンス、付属のテキストをよく確認して下さい。また、ライセンス上無保証であるものも多いので、いずれも自己責任での利用をお願いします。 2012/02/1
404 Blog Not Found
2017年07月20日09:00 カテゴリVALU If you can't beat them, join them. 君子は豹変す ⇔ 豹変しなけりゃ君子じゃない。続きを読む dankogai コメント( 2 ) 2017年03月19日16:30 カテゴリevalparkOpen Source evalpark - Swift入園しました というわけでおしらせです。続きを読む dankogai コメント( 0 )トラックバック( 0 ) 2017年03月17日10:30 カテゴリevalparkOpen Source ようこそevalparkへ え?もう本番ですか…? Welcome to Evalpark! 続きを読む dankogai コメント( 0 )トラックバック( 0 ) 2015年12月03日19:30 カテゴリMath 「「0÷0＝」を実行すると「エラー」になる理由」を見
海上自衛隊のカレーレシピ - 陸上自衛隊ファミリーページ
海上自衛隊〔JMSDF〕ファミリーサイト・ファミリーページ・オリジナルゲーム・レシピ・ニュース・イベント情報
フリーフォントが大好物な人に朗報です！ 🎉 先週、Google Fontsに日本語フォントが追加されたので、紹介します。これでさらに、たくさんの日本語フォントがGoogle Fontsで使用できます。 新しく追加された日本語のGoogle Fonts 他にもたくさんある日本語のGoogle Fonts Google FontsのライセンスはほとんどがSIL Open Font Licenseで、商用プロジェクトでも無料で利用できます。他に採用されているライセンスはAPACHE LICENSE, VERSION 2.0です。 フリーフォントが大好物な人には、下記もお勧めです！ 2021年用、日本語のフリーフォント523種類のまとめ -商用サイトだけでなく紙や同人誌などの利用も明記 新しく追加された日本語のGoogle Fonts まずは、先週Google Fontsに新しく追加された日本語
家族が死亡した時の手続きと事前に知っておくべき全知識
突然の家族の死。何をしたら良いのかわからずに、戸惑ってしまいますよね。 私も以前、母を亡くしたときに、どうしていいのか全くわかりませんでした。 やることが多すぎて想像以上に忙しい上に、さらには相続で家族ともめてしまったり、葬儀屋さんの費用がとても高かったりと後悔しました。 このページでは、そのときの経験を活かして、家族の死亡に伴う手続きと、亡くなる前にやっておくべきことを以下の順序に沿って、ご紹介します。 亡くなる前にやっておくべき4つのポイント亡くなってからの手続き葬儀後の手続き最近は病院で最期を迎える方がほとんどなようですが、家族の死に直面した方、または亡くなりそうな家族がいる方に向けて、お役に立てれば幸いです。 1. 亡くなる前にやっておくべき4つのこと 寿命が近そうな状況や病気などで余命宣告をされ、家族が亡くなる事が事前に分かっている方は、まず、この章を参考にしてください。 大切な
2009年度ベストiPhoneアプリのまとめ72個！
2009年12月28日にリストを更新し、合計で93個になりました！おそらくこれで2009年ベストiPhoneアプリ企画はほぼ決定です。 今回はゲームを除いた（iPhone ベストゲームランキング50, 2009年下半期版はこちら）全ジャンルのiPhoneアプリの中から、おもわずうなったiPhoneアプリをずらっとご紹介いたします。どれもすばらしいアプリばかりです。ぜひご覧ください！ String Trio こちらのアプリ、まさにエアバイオリンアプリです。ぜひ売れるべきアプリだと思います。大人はもちろんですが、お子様もすごい楽しめると思います。 詳しくはこちら String Trio: エアバイオリン演奏アプリ。超楽しい！みんなで演奏会しよう！2105 奇妙な写真メーカー（無料） この写真1枚とアプリ名で、もうおわかりだろう。奇妙な写真メーカー（無料）は、あの人気漫画シリーズの特徴的な擬音描
Effects - PhotoFunia
Performing image editing and applying picture effects to any image is a time consuming exercise that is fit only for an avid photoshop user. If you’re looking for a quick and professional picture effects online service, then PhotoFunia is the solution you’ve been looking for. With PhotoFunia you can edit photos online for free in a matter of seconds resulting in high quality photo collages. Not on
調べて、整理して、発信するのが好き。「とほほのWWW入門」管理人が26年間も更新を止めない理由｜tayorini by LIFULL介護
調べて、整理して、発信するのが好き。「とほほのWWW入門」管理人が26年間も更新を止めない理由 #老後も楽しむ 公開日 | 2022/12/12 更新日 | 2024/05/10 インターネットが世の中に急速に普及した、1990年代後半から2000年代前半ごろ。当時はまだ、ブログやSNSといった手軽な情報発信ツールが一般的ではありませんでした。 そんな時代に情報発信をするにはWebサイトが必要で、Webサイトを制作するためには専用のHTML言語を習得する必要がありました。 書籍だけでなくインターネットにもHTMLを学べるコンテンツはさまざまありましたが、中でももっとも多くの人が参照したであろうサイトが「とほほのWWW入門」。Webサイト制作に関する膨大な情報がきれいに整理されており、素人でも分かりやすくHTMLについて学習できる「先生」のような存在です。 とほほのWWW入門は1996年に開
Logopond is Inspiration Logopond is an inspirational site & showcase of identity work from designers of varying abilities all across the world. We seek to inspire and improve the talents of our design family through shared knowledge and helpful experiences. About Identity Purist It is important that we do not forget our roots and fundamentals. With the help of Rich Scott and several others we have
AmazonのクラウドサービスであるAWSは、コンピューティングやデータベース、ストレージなど、膨大で複雑なサービスで構成されています。こうした豊富なサービス群をうまく組み合わせて利用する「ビルディングブロック」がAWSのメリットでもありますが、サービス数が多すぎてなかなか全体像を把握できないのも事実。フリーランスのエンジニアでありコンサルタントでもあるジョシュア・テイセン氏が自身のブログで、AWSのすべてのサービスを「たった1行」で説明しています。 Amazon Web Services https://adayinthelifeof.nl/2020/05/20/aws.html テイセン氏によると、Amazon Dashboardから利用可能なAWSのサービスは記事作成時点で163あるとのこと。そのすべてを正確に理解する必要はありませんが、基本を押さえておくことはいいことであり、問題の
Webサービス公開前のチェックリスト
個人的に「Webサービスの公開前チェックリスト」を作っていたのですが、けっこう育ってきたので公開します。このリストは、過去に自分がミスしたときや、情報収集する中で「明日は我が身…」と思ったときなどに個人的にメモしてきたものをまとめた内容になります。 セキュリティ 認証に関わるCookieの属性 HttpOnly属性が設定されていること XSSの緩和策 SameSite属性がLaxもしくはStrictになっていること 主にCSRF対策のため。Laxの場合、GETリクエストで更新処理を行っているエンドポイントがないか合わせて確認 Secure属性が設定されていること HTTPS通信でのみCookieが送られるように Domain属性が適切に設定されていること サブドメインにもCookieが送られる設定の場合、他のサブドメインのサイトに脆弱性があるとそこからインシデントに繋がるリスクを理解してお
みなさん、入力フォームを制作する際、どのような施策をおこなっていますか？ 入力項目を見直したり、入力ステップを明確にしたりなど、入力フォーム最適化をおこなっていると思います。そのことで、コンバージョン率があがったり、ユーザーがストレスを感じないようになるでしょう。入力フォーム最適化はEFO対策 = Entry Form Optimizationとも呼ばれます。 サイトの設計段階で検討すべきことが多いですが、コーディングでも考慮すべき事が多々あります。今回はHTMLコーダーがエントリーフォームを制作する際に考慮すべき点について紹介します。 ※本記事では最近のブラウザに適したHTMLコーディング方法の紹介を目的としています。そのため、デザインとアクシビリティーでのベストプラクティスを紹介したものではありませんのでご了承ください。 自動入力機能に対応しよう Google Chrome（デスクトッ
Nikon D40 / Kyoto. パソコンで使えるポップアップ辞書環境についての続報です。以前記事を書いたように、かつてはDokopop＋PDICを愛用していたけれど、Firefox3ではDokopopが使えないため、Fast Look up Alcに移行したという話を前回書きました。しかし、辞書を引くためにいちいち単語を選択反転させなければならないのは煩わしく萎えてしまうので、Fast Look up Alcはほぼ利用しなくなりました。あれからいろいろと試行錯誤した結果、現在自分はこのようなポップアップ辞書環境に落ち着いています。1．Firefox3で利用する場合、2．PDFファイルを読むときに利用する場合という二つのケースを想定し、Dokopop＋PDIC、Mouseover Dictionary、Babylon、Lingoesという4つの手軽に利用できるポップアップ辞書ソフトをあ
2024年8月16日(金) 環境フォト・コンテスト / プレジデント「第31回 環境フォト・コンテスト2025」へのご応募、ありがとうございました！ 2024年1月15日(月) 環境フォト・コンテスト / プレジデント「第30回 環境フォト・コンテスト2024」入賞作品を発表！ 2023年1月13日(金) プレジデント / 環境フォト・コンテスト「第29回 環境フォト・コンテスト2023」入賞作品を発表！ 2022年1月14日(金) 環境フォト・コンテスト / プレジデント「第28回 環境フォト・コンテスト2022」入賞作品を発表！ 2021年2月8日(月) プレジデント読者のみなさまへお知らせ 2021年2月8日 2021年1月8日(金) 環境フォト・コンテスト / プレジデント「第27回 環境フォト・コンテスト2021」入賞作品を発表！ 2020年1月10日(金) 環境フォト・コンテス
カテゴリ地理・地域 元スレ：東京観光でここだけは行っとけっていう穴場ってあるの？ 2 名前： 墨壺(静岡県)[] 投稿日：2010/03/10(水) 10:18:51.94 ID:ZBGDgGAR 清正井戸 明治神宮・清正井戸 http://www.meijijingu.or.jp/midokoro/3.html ※明治神宮内にある湧き水の井戸 パワースポットとして話題になっている 10 名前： ばんじゅう(長屋)[sage] 投稿日：2010/03/10(水) 10:21:09.78 ID:+jtwQe+3 >>2 行列長いわ、寒いわ、はらへったわで断念したｗ 3 名前： カッター(catv?)[sage] 投稿日：2010/03/10(水) 10:19:27.76 ID:ZqLG4Ull お台場ガンダム跡地 潮風公園 http://www.tptc.co.jp/park/shiokaz
故スティーブ・ジョブズのプレゼンテーションと言えば、伝説的なものがいくつもあります。 2007年の初代iPhoneの発表や、2005年のスタンフォード大での講演などは有名ですし、人によっては1984年のMacintosh発表を思い出す方もいるでしょう。 しかし自分にとっては、1997年のThink different. キャンペーンの社内向け発表のプレゼンが一番心に刺さります。（これまでに何百回と観ているので、プレゼンを一字一句完コピしてしまいました。飲み会の余興などでやりまっせ・笑） そこにはAppleの発表会ですでに馴染み深いものとなった、聴衆の熱狂もスタンディングオベーションもなく、ジョブズの満面の笑みもありません。そもそもスライド自体が一切なく、製品発表ですらありません。 Apple本社内の数百人しか入らないタウンホールで、新しい広告キャンペーンについて社内の人間に対してジョブズが
Gaijin Engineer in Tokyo
Being a foreign software engineer in Tokyo has its ups and downs. If you work in a company of foreigners you’re mostly shielded from the experience, but if you work in an actual Japanese company there’s going to be some things that will shock you, some things that will amuse you, and doubtless many things that will frustrate you. This is a run-down of my own personal experiences. As with anything,
この記事で紹介した手順をライブラリ化して公開しました🎉 こちらの別記事 で使い方など詳しくご紹介していますので、ぜひご参照ください！ 2024/05/07 追記 最新の登壇スライドバージョンはこちらです。 登壇時の様子がYouTubeに上がっているのでよろしければあわせてご覧ください。 はじめに 言い切りタイトルすみません 僕を含む一定数の人にとって現時点でのベストプラクティスとなりうる手法という意味で紹介しています 極めてシビアな帳票出力の世界にいる人から見ると使い物にならない内容かもしれないと思います 帳票印刷の世界では SVF というサービスが有名らしいです。が、こういった外部サービスは使わずに自力で実装するというのがこの記事の前提です 動的に明細行の数が増減する連票はこの記事の解説では考慮していませんが、追加で実装するのはそれほど難しくないということは読んでいただければ分かるかな
cssの小技的なテクニックが便利なので好きなん ですが、cssそのものが嫌いで覚えられないので カンペ的な記事を作ることにしました。便利な小技 は沢山あるんですが、特に自分が良く使いそうな Tipsをメモします。既に出回っている情報ばかりで 特に目新しい手法はありませんので何も期待でき ないです。 というわけで特にテーマも一貫性も無くて、ただ便利ってだけです。推奨されない方法もあるかもしれませんが、僕は細かいこと気にしませんのでそんな感じです。 内容も既出なのでお詳しい方にはお役に立てないですが、僕の個人的なメモなので適当に流して頂けると幸いです。 floatで並べたリストのセンタリング Sample01 コード .centered { position: relative; overflow: hidden; } .centered ul { position: relative; le
Webデータ分析＆データサイエンスで役立つ統計学・機械学習系の分析手法10選 - 銀座で働くデータサイエンティストのブログ
追記 2016年3月に以下の記事によってこの内容はupdateされています。今後はそちらをお読み下さい。 主に自分向けのまとめという意味合いが強いんですが（笑）、僕が実際に2013年6月現在webデータ分析＆データサイエンスの実務でツール・ライブラリ・パッケージを利用しているものに限って、統計学・機械学習系の分析手法を10個挙げて紹介してみようと思います。 追記 回帰分析（特に線形重回帰分析） 独立性の検定（カイ二乗検定・フィッシャーの正確確率検定） 主成分分析(PCA) / 因子分析 クラスタリング 決定木 / 回帰木 サポートベクターマシン(SVM) ロジスティック回帰 ランダムフォレスト アソシエーション分析（バスケット分析・相関ルール抽出） 計量時系列分析 おわりに おまけ1：「素性ベクトル＋分類ラベル」なるデータ前処理 おまけ2：グラフ理論*10 {igraph}パッケージでグラ
ジャニー喜多川（ジャニー きたがわ、日本名での本名：喜多川 擴 〔きたがわ ひろむ〕、米国名での本名：John Hiromu Kitagawa 〔ジョン・ヒロム・キタガワ〕、作詞時の別名義：JOHNNY.K、1931年〔昭和6年〕10月23日 - 2019年〔令和元年〕7月9日）は、日本の元・実業家、芸能プロモーター。 ジャニーズ事務所、および関連会社のジャニーズ出版、ヤングコミュニケーション、ユニゾン、つづきスタジオの旧代表取締役社長。 ジャニーズアイランド旧代表取締役会長。 ジェイ・ドリームの旧代表取締役社長 （名義だけの幽霊社長）。 元・CIA工作員、米国軍人、外交官。 同性愛者 （真性の小児性愛者、少年性愛者）、性嗜好異常者 （パラフィリア）、魂の殺人者。 ロサンゼルス生まれの日系二世 （両親共に日本人）。 身長：153cm。 血液型：AB型。 87歳没。 姉はメリー喜多川。 なお
2012年7月12日のGoogle ウェブマスター向け公式ブログの記事「HTML と CSS のコーディングガイドライン」で紹介されていた「Google HTML/CSS Style Guide」に書いてあるコーディング方法と感想を紹介します。 Google HTML/CSS Style Guideの日本語翻訳 Google HTML/CSS Style Guideは英語なのでGoogle Chromeで翻訳して確認していたんですが、すでに翻訳してあるサイトがあったのでこちらも参考に両方を見て確認していきました。 Google HTML/CSS Style Guideを翻訳してある記事「Google HTML/CSS Style Guide」を適当に和訳してみたは、かなり助かり参考になりました。 それではGoogle HTML/CSS Style Guideに書いてあるHTMLとCSSのコ
CSSのfont-family：ヒラギノとＭＳ Ｐゴシックとメイリオの悩ましい関係 : webデザイナーのナナメガキ
CSSでのfont-familyの指定がとても悩ましい。文字コードによって表示が変わったりするし、イレギュラーケースまで想定すると煩雑なコードになってしまう。ちょっと整理しながら考えてみる。 まず、font-familyを何も指定しないと、だいたいのブラウザではデフォルトで設定されているフォントで表示されるのだが、文字コードがUTF-8だとWindowsのIE6で英数文字が「Times New Roman」になってしまう。※文字コードがShift_JISやEUC-JPの場合はデフォルトのフォントで表示される。 それでは例えば総称ファミリー名（generic-family）である「sans-serif」のみ指定してみると、WindowsのIE6では文字コードがShift_JIS・EUC-JPの場合は「Lucida Sans Unicode」で、UFT-8の場合は「Arial」で表示されてしま
食べログ3.8問題に終止符を打つ
import pandas as pd import numpy as np import matplotlib.pyplot as plt import seaborn as sns import json import glob import math from pathlib import Path from collections import Counter from sklearn.linear_model import LogisticRegression from sklearn.metrics import accuracy_score from sklearn.metrics import confusion_matrix from sklearn.metrics import roc_auc_score from sklearn.model_selection imp
40. The Doors - Riders On The Storm 39. The Cure - The Lovecats 38. Rush - Digital Man 37. Graham Central Station - Hair 36. Red Hot Chili Peppers - Give It Away 35. The Jam - Town Called Malice 34. Charles Wright And The Watts 103rd Street Rhythm Band - Express Yourself 33. Bill Withers - Lovely Day 32. Grandmaster Flash & Melle Mel - White Lines (Don’t Don’t Do It) 31. Cream - Crossroads 30. Que
CSS3を使った画像のエフェクトやスタイリングについて、思いつく限り一挙にまとめてみました。 たくさん画像を扱うサイトなどを作る際に、CSSでできる表現のカタログとして使ってもらえたらと思います。 ※ 2/24 「2. めくれた風」を書き忘れていたので追記しました 目次 1. シャドウ 2. めくれた風 3. トイカメラ風トンネル効果 4. カラー調整 5. 回転 6. 角丸 7. 楕円のフレーム 8. 円のフレーム 9. 三角形フレーム 10. 重なった風 11. ぼかし 12. フェード（シャドウ編） 13. フェード（グラデーション編） 14. 反射 15. リボン 16. 差し込んだ風 17. フレームだけを傾ける 18. 半透明フレーム まとめ ※ 実際の表示はこちらから確認できます。 ※ この記事で掲載しているCSSは、シンプルにするためにベンダープリフィックスを付けていません
現代の価値観では、結婚するしないは個人の自由に属する。したがって「絶対に結婚するな」とまでは言わない。しかし、結婚が男性にとって大きな困難であることは事実だ。数多くのデメリットがあり、非常に高いリスクがある。それらに見合うメリットやリターンが期待できるなら結婚するのも良いだろうが、判断には慎重を期する必要がある。 男は結婚するべきではない男性にとって、結婚のデメリットは増え続け、リスクは高まり続けている。この結果、未婚男性は増え続けている。国立社会保障・人口問題研究所（社人研）発表の人口統計資料集2022年版[1]によれば、2020年時点で男性の生涯未婚率は28.25%（女性は17.81%）に達している。現状ですでに、男性の4人に1人以上が生涯未婚だ。 結婚意欲の低下も止まらない。前出の社人研による第16回 出生動向基本調査（2022年）[2]によれば、18歳から34歳の独身男女に結婚意思
モダン日本語フォント指定
CSSのfont-familyで游ゴシックを指定すると、Windowsで細くなってしまう問題の原因と解決方法を中心として、最近の日本語フォント事情をまとめました。 CSS Nite LP47 Coder's High 2016にてお話した内容です。 昔からマークアップエンジニアを悩ませて…
ファンク・ギターとはなにか。 僕は学部生のころ、ブラック・ミュージックを専門に演奏するサークルに所属していた。 ファンク・ギタリストとして4年間活動し、改めて思うことがある。 「ファンク・ギターってなんだ？」 折しも分析哲学という「言葉遣いや概念の定義を扱う学問」に携わっている身として、この問題を一身に引き受けようと思った次第。 それから数日、メインで研究している作者性だとかサブで研究しているVaporwaveを放り投げ、驚天動地の熱意でもって書きあげたのが本稿である。*1 私見を言わせてもらえば、ファンク・ギターとはベースやドラムやホーンよりもずっとずっとずっと過小評価されているジャンルである。キーボードよりは幾分マシだ。 過小評価でなければ、こう言ってもよいが、だいぶ誤解されているジャンルでもある。あとで後述することになるが、カッティングひとつ取っても、その奏法の本質はだいぶ勘違いされ
みなさま、こんにちは！拡張現実ライフの@akio0911と申します。※詳しいプロフィールはこちら。 このたび、AppBankさんにて、ツイッターアプリ開発入門の連載記事を執筆させて頂くこととなりました。ぜひぜひこの連載を読んで、ツイッターアプリ作りの第一歩を踏み出してみて下さい！ 私が執筆した書籍のプレゼントも用意していますので、記事の最後までお楽しみください。 第1回の目次です。 プロジェクトを作成する ストーリーボードを変更する クラスを追加する 画面にクラスを割り当てる ボタンがタップされた時の処理を追加する ツイート画面を表示するコードを追加する フレームワークを追加する アカウントを追加する アプリを実行する では、早速ツイッターアプリの作り方を学んでいきましょう。 プロジェクトを作成する まず、Xcodeを起動して、”Create a new Xcode project” をク
DiaPro の特徴 DiaPro は印刷用だけでなく、Web Font としてもきれいな表示ができます。たとえば乗り換え案内サイトや携帯アプリでは役に立つでしょう。 DiaPro の記号は OpenType の合字（リガチャー）として定義されています。そのためフォントの適用ができない場合（サーチエンジンのSEOなど）でも意味が読めます 以下のブラウザはテスト済みです：Chrome（Win・Android）・Firefox・Safari（Mac・iOS）・IE10以上 太い数字 時刻表数字を2種類提供しています。 太い数字は、全角数字に置いてあります。また、半角数字の OpenType フィーチャー「タイトル文字（titl）」でも表示可能にしています。 Adobe CS/CC または LibreOffice であれば、半角数字に対し OpenType の「タイトル文字」フィーチャーを適用し
注1）その後300万PV/月に達しました 注2）すでにサルワカの運営から身を退いています サルワカというWebメディアを運営してきた。僕を中心に、数人のライターが記事を書いている。それぞれが別の本業を持っている。あくまでも気ままに更新するメディアだ。 サルワカを始めたのは2016年の12月。 その1年後には200万ページビュー/月を超え、1年半後の今では、250万ページビュー/月を超えた。 ページビュー（PV）はサイトの価値を示す１つの指標にしか過ぎないが、個人運営のメディアでここまで到達できたのは嬉しい。 最近は本業の方が充実してきて、僕はほとんど記事を書けていない。記事執筆に時間をかけたい思いはあるが、それがいつになるかは分からない。 ただ、せっかくある程度メディアを成長させることができたのだから、この経験を共有しないのも勿体無い気がする。 そこで、サルワカというメディアをどのような考
CSSサンプル集
.play { color: #ffba16; font-family: 'FB Condor Bold', sans-serif; font-size: 100px; letter-spacing: 0.2em; padding: 10px 0; -moz-transform: skew(-25deg) rotate(5deg); -ms-transform: skew(-25deg) rotate(5deg); -webkit-transform: skew(-25deg) rotate(5deg); transform: skew(-25deg) rotate(5deg); text-shadow: 0 1px #ff9b0d, 1px 0 #f79100, 1px 2px #ff9b0d, 2px 1px #f79100, 2px 3px #ff9b0d, 3px 2px #f79
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web制作フローが「完璧」にわかる資料や流れのまとめ | コムテブログ
ドケチなのに良質な無料漢字フォントを探している人向けフォント大全集｜| ＾＾ |秒刊SUNDAY
1時間で携帯サイトをスマートフォン対応にする方法 | GREE Engineering
漢字が使えるフリーの和文フォント242種類をまとめてみた。 - buena suerte!
日本語フォントがGoogle Fontsに大量追加！すべてのフォントが商用利用も無料のフリーフォントです
LogoPond - Identity Inspiration -
AWSの膨大で複雑なサービス群をすべて「たった1行」で説明していくとこうなる
今どきの入力フォームはこう書く！ HTMLコーダーがおさえるべきinputタグの書き方まとめ - ICS MEDIA
Lingoesというポップアップ辞書が尋常じゃない - plaisir.genxx.com
雑誌『プレジデント』の公式サイト：PRESIDENT Online - PRESIDENT
東京観光でここだけは行っとけっていう穴場―Thread Good Job
現状を打破しようとする全ての人に捧ぐ。ジョブズ最高のプレゼンテーション。
ついに、Webアプリでの帳票印刷のベストプラクティスを編み出しました
地味に使えるCSS小技のメモ&サンプル集 - かちびと.net
ジャニー喜多川 - Archive of STARTO
Googleが推薦するHTMLとCSSのコーディング方法
英Bass Player誌 「史上最高のベースライン TOP40」発表 - amass
CSS3を使ってできる画像まわりのエフェクトやスタイリング18
男は結婚するな – デメリットばかりでリスクが高すぎる
ファンク・ギターの50年：人物、歴史、スタイル - obakeweb
【プレゼント有】ツイッターアプリを作ろう。誰でもわかるiPhone開発講座。第1回。 | AppBank
時刻表っぽいフォント — DiaPro
サルワカという個人メディアを250万PV/月にまで育てた方法｜CatNose