並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 644件

新着順 人気順

Hostingの検索結果1 - 40 件 / 644件

  • 「お母さんに会いたい…」天国へ行く前に、子ヒツジが叶えた最後の願い

    We specialize in services for SEO market. We provide SEO hosting since 2007.

    • ドケチなのに良質な無料漢字フォントを探している人向けフォント大全集|| ^^ |秒刊SUNDAY

      ドケチなのに良質な無料漢字フォントを探している人向けのフォント集 バイオレンスなニュースサイト秒刊SUNDAY(びょうかんサンデー) 無料で使えるフォントは多々ありますが、日本語フォントはなかなかないものです。また日本語でも漢字が使えるものはさらに絞られ、数少ないのですが、これらはその少ないうちの一つです。 ◆Windows用Osaka ■WindowsでOsakaフォントを使おう! ◆モトヤ ■全文字フリーフォント ※登録が必要です。 ◆Holiday MDJP02 ■Holiday-MDJP03 / 2byte True Type ■Holiday-MDJP03 ◆メイリオ ■ Windows XP 向け ClearType 対応日本語フォント ◆IPAフォント ■IPAフォント ◆M+フォント ■トップ ■M+フォント( ◆VLゴシックフォント ■VLゴシックフォントファミリ ◆MO

      • 知らない人は損してる?コーディングが3倍速くなるZen-Codingを導入してみた - EC studio デザインブログ

        最近になって急に盛り上がってきているZen-Codingをみなさんご存知ですか? Zen-CodingはHTML/CSSをショートカット+スニペットで簡略化してコードを書くことができるライブラリです。 独立したテキストエディタソフトではなく、既存のHTML/CSSエディタにプラグイン的に導入するものです。 Zen-Codingというのもがどういうもので、どんなすごいものなんだ、というのはこちらの動画を見てください。 ※音が出ますのでご注意ください。 Zen Coding v0.5 from Sergey Chikuyonok on Vimeo 一体何がおこわれているのか?という感じだと思われますが、今回の記事ではこのZen-Codingの導入方法と使い方の一例を紹介します。 Zen-Codingに対応しているエディタは色々あるのですが、今回は弊社の開発環境しているAptana Studio

        • 【Unity】素人が7日間クソゲーを作り続けてわかったこと

          2020/10/18 エンジニア D4DJ Groovy Mix オープンベータ開始 2020/10/18 DJ 秋葉原(を夢見る)パラダイスレイディオ Vol.1 @ twitch配信 2020/10/25 エンジニア D4DJ Groovy Mix リリース 2020/11/14 DJ UNDER Freaks 2nd anniv. @ 渋谷Cafe W (渋谷WOMB 1F) ゲームプログラミング未経験の素人が、Unityを使って7日間1日1本クソゲーを作ってみて、気がついたことをまとめてみました。 ※2017/01/21 更新 VRでも7日間クソゲーを作り続けてみました! 【Unity】あの素人がOculusでVRクソゲーを7日間作り続けてみた | uinyan.com ※2013/12/28 更新 後日談も書きました!あわせてどうぞ! 【Unity】クソゲーを作って晒したら世界が

            【Unity】素人が7日間クソゲーを作り続けてわかったこと
          • 新人の方によく展開している有益な情報 - Qiita

            新人の方によく展開させていただいている有益な情報をまとめておきます。今後も展開することがあるかもしれないため情報をまとめております。 あらたな、有益な情報がありましたら、随時追加してまいります。 有益な記事・論文・書籍等を執筆・紹介していただいた皆様に感謝申し上げます。 ちなみに、本記事に記載されている情報は、お困りごと・お悩みごとをお聞きしたとき・気づいたときに、そのお困りごとに対して参考になりそうなものだけを展開していました。この情報を一気に展開していたわけではございません。 コードリーディングについて [1]ソースコードを読むための技術 https://i.loveruby.net/ja/misc/readingcode.html [2]派生開発推進協議会 関西部会 スペックアウトチーム,「派生開発におけるスペックアウト手法の提案」,派生開発カンファレンス2015,2015 http

              新人の方によく展開している有益な情報 - Qiita
            • 認知バイアス一覧で社会心理学入門

              認知バイアス一覧で社会心理学入門 〜社会科学の知の蓄積を活用した社会教育の実現に向けて〜 暁 美焔(Xiao Meiyan) 社会学研究家, 2021.2.6 祝3.5版完成! 疑似科学を生み出すのは人間の思考が本来持っている誤りやすい傾向である。 それ故に「科学と疑似科学の境界」を判断するためには、社会科学の知識は避けて通れない。 ここでは人間の誤りやすい傾向について、人類の英知である「社会心理学」の偉大なる成果である認知バイアス一覧を英語版に基づいて紹介する。 ここに紹介する知識は知っておくだけで人生に役立つ知識である事に間違いない。 これらの概念を紹介する日本語のウェブサイトを探すのが難しい事自体が、日本人が論理的思考をしていない事の証明であろう。 これまで社会科学とは縁の無かった科学技術系の人達が、少しでも社会科学に興味を持っていただく事を祈る。 1. 基本用語 帰属 出来事や他人

              • jQueryプラグインのベストトレンド総まとめ2010*ホームページを作る人のネタ帳

                もはやこの業界ではかなり浸透しつつあるjQuery。 今回はそんなjQueryにスポットを当て、本年度紹介された中でも、ホットなトレンドプラグインをご紹介します。 ※プラグインつかってないのもあります。 1)3D表示プラグイン サンプルデモ 今年のトレンドと言えば3D。 というわけでこちら。まずはサンプルデモを確認。 触ってわかる通りですが、2枚の画像が3D表示されます。 呼び出す $(function() { $('#mindscape').smart3d(); }); HTML <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img src=".../mindscape2.png" /></li> </ul> CSS #mindscape { width: 720px; height: 170px;

                  jQueryプラグインのベストトレンド総まとめ2010*ホームページを作る人のネタ帳
                • 非WEB屋でもサイトが作れる驚異的サービス/『サイトを作る』という敷居がどんどん低くなっていると実感する物色々 | バンクーバーのうぇぶ屋

                  先週くらいのお話ですが、“カナダで留学した後自分たちでスモールビジネスをやるからサイトが欲しい、でもお金無いから自分たちで作りたい。”的な相談があって、「そんな、サイト作るだけのサービスなんぞ、腐る程あるわぁああ!!」と、半分ヤケくそになってお話したので丁度いい機会だからまとめてみようと思います。 まぁ、今日はどちらかというと、完全に非WEB屋な人に向けたサイト自体を作るサービス、問い合わせなどのフォームを作るサービス、ユーザーテストを低コストで行うためのサービス、そういう物をご紹介していこうと思います。 たぶん、趣味やとりあえずサイト作りたいと思っている人には朗報として、とりあえずサイト作れる人がWEBデザイナーだと思っている人へは啓発(的な?)として、記事を書かせて頂けると幸いです! 加えてたまに、「サイトが作れるようになりたい。」と僕の元に来てくれる人がいますが、もしそういった人が「

                    非WEB屋でもサイトが作れる驚異的サービス/『サイトを作る』という敷居がどんどん低くなっていると実感する物色々 | バンクーバーのうぇぶ屋
                  • 技術と英語を同時に、しかも無料で勉強できる画期的な方法

                    .app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads

                      技術と英語を同時に、しかも無料で勉強できる画期的な方法
                    • 2017年のフロントエンドエンジニアならこの程度は知ってて当然だよな? - Qiita

                      って海の向こうの人が言ってました。 私はjQueryさえあれば概ね生きていけるので全然知らないけど、 あなたは全部知ってるフロントエンドエンジニアなんだね。すごーい! 以下はFront-End Developer Handbook 2017の第三部、Front-end Developer Toolsからリンクされているツールと、その簡単な紹介です。 ドキュメントツール Dash 150以上のライブラリのAPIリファレンスを検索できる。有料、Mac専用。 DevDocs 200以上のライブラリをオンラインで検索できる。無料。 Velocity 中身はDashと同じ。 有料、Windows専用。 Zeal 200以上略 無料のオフラインドキュメント。 SEOツール Keyword Tool 検索ワードを入れると関連キーワードを教えてくれる。 Google Webmasters Search C

                        2017年のフロントエンドエンジニアならこの程度は知ってて当然だよな? - Qiita
                      • iTerm2 + zsh + tmux + vim で快適な256色ターミナル環境を構築する - ( ꒪⌓꒪) ゆるよろ日記

                        こんにちわ。債務者ことゆろよろです。家買いました。 さて、最近こんなまとめが話題になりました。自分もコメントしましたが、すごい情報量になってます。 これ知らないプログラマって損してんなって思う汎用的なツール #JavaScript #PHP #Ruby #Python #HTML - Qiita 【まとめ】これ知らないプログラマって損してんなって思う汎用的なツール 100超 #PHP #JavaScript #Python #Ruby #HTML - Qiita で、自分のコメントにも書いたのだけど、基本的に仕事はターミナルでssh接続して、Vimでコード書いてるので、この辺の環境構築についてまとめてみた。最近Terminal.appからiTerm2に移行して、screenからtmuxに乗り換えたので、その辺も含めて導入方法を書いておく。 手元の端末はMBPでOSX Lionだけど、ほぼ同

                          iTerm2 + zsh + tmux + vim で快適な256色ターミナル環境を構築する - ( ꒪⌓꒪) ゆるよろ日記
                        • [N] 容量無制限のファイル共有サービス「MediaFire」

                          Share any size file with MediaFireというエントリーより。 Web site MediaFire is a free file hosting service that allows unlimited file sizes and uploads, as well as unlimited downloads of files Lifehackerで紹介されていた「MediaFire」というストレージサービスがなかなか良さげです。 ・無料 ・ファイルサイズ無制限 ・アップロード回数無制限 ・サインアップの必要なし ・同時に複数のファイルアップロード ・アップロード後にURLを知らせるだけ サインアップなしで試せるというのが、何より素敵ですね。試しに使ってみましたよ。 アップロードしたいファイルを選択し「Upload File to MediaFire」をク

                          • 新規事業をひとりで作るノウハウ - 怠惰を求めて勤勉に行き着く

                            生存報告も兼ねて。 カリフォルニアに来てもう半年ぐらい経った感覚ですが、実はまだ4ヶ月ほどでした。非常に多くの素敵な方々との出会いがあり、妻も僕も子供もこの皆さまの助けがあってどうにか生きております。どう感謝してよいか言葉にできないほどです。 さて、ビジネス上の僕のミッションは次の3つです。 主に投資や連携目的の交渉(の技術面のサポート) 日本との連携 新規事業の開発 どれもなかなか難しいです。会ってアポぐらいなら応じてくれる会社も多いですが、投資や連携といってもバブル崩壊以後経済成長できていない我が国はもはや「商習慣だけめんどくさいのに今やカネも持ってないから相手にしてられない連中」というのは肌で感じます。ご存知の通り、サンフランシスコ・ベイエリアはIT企業会社員が年収5000万円もらうような場所です。なかなか同じ規模感で会話するのが難しいレベルに達しています。 こみこみという噂のNet

                              新規事業をひとりで作るノウハウ - 怠惰を求めて勤勉に行き着く
                            • Free File Hosting Made Simple - MediaFire

                              Handles all of your file needs File storage made easy – including powerful features you won’t find anywhere else. Whether you’re sharing photos, videos, audio, or docs, MediaFire can simplify your workflow.

                                Free File Hosting Made Simple - MediaFire
                              • JavaScriptのいろいろなコーディングルールをまとめてみた

                                JavaScriptの書き方はJavaScript自体がある程度自由なためいろいろな書き方ができますが、一貫性を持って書いた方がバグなども発生しにくくなるため、コーディングルールを定めておくのはよいことだと思います(特に複数人の開発の場合) 有名な企業やライブラリはコーディングルールも公開している事が多いので適当にまとめてみました JavaScript style guide – MDC Docs Mozilla/Firefox向けのものなので、一部ECMAScriptの範囲を超えたものも含まれています。 多くの人が見ていると思うので、見たことない人は一度読んでみるといいです。 jscsにこのコーディングルールをチェックするプリセットが用意されています。 Google JavaScript Style Guide Google JavaScript Style Guide 和訳 — Goo

                                  JavaScriptのいろいろなコーディングルールをまとめてみた
                                • ちょっとでもセキュリティに自信がないなら、 Firebase Authentication を検討しよう

                                  note のやらかしのあのへんについて。 認証自作、 Rails 、 Devise - Diary パーフェクト Rails 著者が解説する devise の現代的なユーザー認証のモデル構成について - joker1007’s diary 認証サーバーの実装は本質的に難しいです。セキュリティが絡むものは「簡単な実装」などなく、プロアマ個人法人問わず、個人情報を守るという点で、同じ水準を要求されます。悪意あるハッカーは常にカモを探していて、もし認証が破られた場合、自分だけではなく大多数に迷惑が掛かります。初心者だから免責されるといったこともありません。全員が同じ土俵に立たされています。 とはいえ、認証基盤を作らないといろんなサービスが成立しません。そういうときにどうするか。 Firebase Authentication で、タイトルの件なんですが、 Firebase Authenticat

                                    ちょっとでもセキュリティに自信がないなら、 Firebase Authentication を検討しよう
                                  • 今更ですがiOSアプリ開発の基礎について色々調べてみました - もとまか日記Z

                                    最近、以下のような記事を不定期に書いているわけですが。 iPhoneアプリを作ってみよう(Xcode4編)第1回:じゃんけんゲーム iPhoneアプリを作ってみよう(Xcode4編)第2回:簡単ブラウザ そういえば、iOSアプリの開発の基礎的なことって、ちゃんと書いてなかったような・・・・?(^^;;; てなことを考えてた時にTwitterでXcode関連の開発本について、「どの本がいいですか?」的な質問を受けたりもしました。 そこで、大型連休にiOSアプリの開発の勉強をしたい!という方もいらっしゃるかもしれないし?、ってことで、iOSアプリ開発の「基礎」について、色々調べてまとめてみました。 iOSアプリ開発に必須なもの まず、開発環境として必要なのが以下。・Mac・XcodeMacは最近のものであれば、どの機種でも問題ありません。ちなみに私はサンタさんに頂いたMacBook Airの1

                                    • 月額10円~でレンタルサーバーをはじめる方法 | アマゾン ウェブ サービス(AWS)

                                      たとえばこんな使い方 画像と HTML ファイルを中心としたウェブサイトなら、Amazon S3 で充分に活用できるから、使い道も広がります。 急ぎのウェブサイト公開が必要となる場合も多いキャンペーンサイトも、Amazon S3 なら数分でアカウント作成、コンテンツの公開も 10 分程度で完了します。しかも契約期間の縛りもないため、すぐはじめられて、キャンペーン終了後、必要がなくなったその時点で終了することも可能です。 詳しくはこちら » 法人ウェブサイトのデータ損失は絶対に避けたいものです。米国の政府機関をはじめエンタープライズ企業様も利用する Amazon S3 は、複数のデータセンターでお客様のウェブサイトデータを保管。99.99 % の可用性と、99.999999999 % の堅牢性でお客様のウェブサイトを運営することができます。 もちろん万全を期すために、別のリージョン(国)の

                                      • Git入門 ゼロから始めるGitドリル

                                        gitの勉強をしつつ取ったノートを記事化しました。一応これを読めばざっくりとした導入やSVNとの違いが分かってもらえるように書いたつもりです。svnを使った経験があることを前提に進めていきます。 svnの場合、一つのレポジトリに対して認証のあるユーザが変更を報告していくユースケースをとっています。gitの場合は、個々のローカルマシンにリポジトリが分散されて配置され、お互いに変更を報告しあうユースケース。これはLinuxの伝統的なバザール方式の開発を想定しています。そのため例えばカフェや電車で開発したり、マスターはgithubやgitfarm(Git Hosting参照)にしておいて時々ローカルの変更を報告することも可能です。 目次 インストール 基本操作 Gitリポジトリの作成 ブランチの作成。 タグ ファイルを無視する 索引の理解 取り消し 導入 --hardと--softの違い 一個の

                                          Git入門 ゼロから始めるGitドリル
                                        • Tomblooこそ自分をGoogle化する最強のツール - Future Insight

                                          ぶっちゃけこの題名は書きたかっただけなのですが、ついこの前行われたFirefoxのアドオンであるTomblooにブラウジングを進化させる革命的な機能が追加され、ブラウンジングを行いながら快適にノーストレスでGoogle Bookmarksに自分の気に入ったページを登録することがだれにでも可能になったのでその方法を紹介したいと思います。まず、ほとんどの人はTomblooというFirefoxのアドオンがなんなのかわからないと思うので、そこから説明します。 Tomblooとは何か Tomblooとはid:brazilさんが作っている自分が現在ブラウジングしているサイトの情報を自分が利用しているWebサービスに投稿、登録、ポストするためのFirefoxのアドオンです。 Google Code Archive - Long-term storage for Google Code Project H

                                            Tomblooこそ自分をGoogle化する最強のツール - Future Insight
                                          • 2018年のフロントエンドエンジニアならこの程度は知ってて当然だよな? - Qiita

                                            可及的速やかにReactが絶滅しますように。 以下はFront-End Developer Handbook 2018の第三部、Front-end Developer Toolsからリンクされているツールと、その簡単な紹介です。 ドキュメントツール 開発者向けドキュメント、APIリファレンス Dash 200以上のAPIリファレンス、100以上のチートシートを一括ダウンロードできる。有料、Mac用。 DevDocs 200以上のライブラリをオンラインで検索できる。無料。 Velocity 中身はDashと同じ。有料、Windows用。 Zeal Windows、Linux、MacOS用各種揃っている無料のオフラインドキュメント。 チートシート devhints.io JavaScript、CSS、Go、vim等のショートカット、書式などチートシート。字が薄くて見辛い。 SEOツール Key

                                              2018年のフロントエンドエンジニアならこの程度は知ってて当然だよな? - Qiita
                                            • 「所有格」の"-'s"(アポストロフィ+s)と"of"の違い - はてな読み

                                              "-'s"と"of"の違いについて調べたので、自分なりにまとめてエントリーにしてみます。 この"-'s"というpossessive(所有格)については、大まかなルールはありますが、それをもって厳格な規則とまでは言えないようです。その点はあらかじめご了承ください。 また、「所有格」「所有限定詞」という文法用語を使いますが、それをもって言葉通りに「所有する」という意味で考えないほうが良いと思います。「・・・の」という和訳にも注意したほうがいいかもしれません。なぜなら、日本語の意味に引きずられて理解しづらくなる可能性があるからです。その点はご注意ください。 なお、文中に引用している英語の記述に関しては逐一、翻訳をしていませんので、英語の文法用語に関してはわたしが以前に書いたエントリーを参照していただければ幸いです。 (→ 英文法用語の一覧表(英語表記) - はてな読み) ⊂(´∀` )  ⊂(´

                                                「所有格」の"-'s"(アポストロフィ+s)と"of"の違い - はてな読み
                                              • プログラマでも出来るWebデザイン - Blog.37to.net

                                                home blog labs about contact プログラミング・開発 > プログラマでも出来るWebデザイン (X)HTML CSS テンプレート デザイン 画像 作成: 2007-01-08T01:58:41+09:00 更新: 2009-04-29T09:48:31+09:00 年始早々に大幅リニューアルした当ブログですが、リニューアルのお知らせでも書いた通り、 今回のデザインリニューアルに当たっての作成過程や、使ったツールを書いていきます。 デザインセンスの無い私にとって、今回のリニューアルは良く出来たと自負しているので、 お題はプログラマでも出来るWebデザイン。 前提として、CSSでコーディングが出来て、ある程度HTMLは設計出来る、でもデザインは・・・orz な人を対象にしています。 使用したツール・サイト一覧 作成過程は後半に書くとして、今回使用したサイト・ツールで

                                                • あらためて、オリンピックに経済効果なんかないこと。 - 山形浩生の「経済のトリセツ」

                                                  昔、Voiceに、オリンピックに経済効果なんかないし、無理して誘致すべきでない、というコラムを書いた。 オリンピックには経済効果なんかありません。(2007/05) 2007年の話で、ここで話題にしているのは、2016年リオデジャネイロオリンピックが選ばれたときの話。ぼくが言ったとおりアメリカ大陸になったでしょー。 で、その中で話題にしている研究というのは、以下のものだ。 Jeffrey G. Owen (2005) "Estimating the Cost and Benefit of Hosting Olympic Games: What Can Beijing Expect from Its 2008 Games?" The Industrial Geographer, Volume 3, Issue 1, p. 1-18 こうやっても君たちは読まないだろうから、ざっと訳してあげまし

                                                  • Google Homeでやったことまとめ - Qiita

                                                    はじめに この記事は スマートスピーカー Advent Calendar 2017 10日目の記事です。 Google Homeを購入してからこの2ヶ月でやってきたことをまとめたいと思います。 が、ほとんどQiitaへ投稿した記事の紹介になってしまいました。 大体見たことあるという方はこちら以降をどうぞ。 なお記事の後半でコスト計算していますが、本記事で紹介した内容は最低6,000円あれば大体実現できます。 ※各所で本日までのGoogle Home半額セール前提。まだ購入されてない方はお急ぎを ※ツクモは25日までセール実施のようです 薬の服用ログ Google Home、IFTTT、Googleスプレッドシートを使って独自音声コマンドでログをとる(ついでにNode.jsやngrokやらも使ってLINEやGoogle Homeに通知する) Google Homeを買って最初に作ったのがこれ

                                                      Google Homeでやったことまとめ - Qiita
                                                    • wyinoue : Flavors.me

                                                      With regret, we’ve made the decision to close down Flavors.me. We fully appreciate how frustrating this is. It took a great amount of deliberation and discussion to reach this difficult decision. But, recent issues with Flavors forced us to look very carefully at the service we provide and we no longer feel we can offer a robust service into the future. We’ve now retired our hosting and web-builde

                                                      • たった2行でIE5.5~IE8をモダンブラウザの挙動にする魔法のJS – @attrip

                                                        開発者泣かせの問題児ブラウザ、Internet Explorerですが、IE5.5、IE6、IE7、IE8をモダンブラウザの挙動にする神JSがGoogle Codeで配布されていました。 とりま、 attripのデザイン崩れはこれで解決できました! 使い方は簡単!下記のコードを貼り付ければOK! まじ仏。 「IE9.js」は、IEを普通のモダンブラウザの挙動にするJSです。IE5、IE6でも透過PNGが使えるようになります。 「css3-mediaqueries.js」は、IEでCSS3 Media Queriesを使えるようにするJS。レスポンシブデザインのサイトをIEでも見れるようにします。 ちなみに、border-radiusや、box-shadow はできませんでした。 あと、IEでの見え方をチェックする方法はこちら↓↓ IE9環境でIE6/IE7/IE8/IE9表示する方法(共存

                                                          たった2行でIE5.5~IE8をモダンブラウザの挙動にする魔法のJS – @attrip
                                                        • Mac OSXでのvim環境整理。.vimrcやらオヌヌメPlug inやらまとめ。 - ( ꒪⌓꒪) ゆるよろ日記

                                                          「そんな.vimrcで大丈夫か?」 「一番いい設定をたのむ」 ってことで、新しくMacbook Pro 15inch買ってSSDで世界が変わったゆろよろですこんにちうぉー。 で、pathogen.vimというvimのplugin管理を導入して、.vimrcやら見直したりしてみたんで色々と紹介してみようと思ったんですわ。 まぁ、この記事見たのがきっかけです。 vimプラグインでよりよいコーディングを | tech.kayac.com - KAYAC engineers’ blog もっとVim戦闘力を上げたいので、誰かvim scriptのハンズオンとかやって俺にvim scriptの書き方を教えてください……! MacVim-KaoriYaのinstall まずは、vim本体をMacVim-KaoriYaにします。 MacVimに対して、香り屋パッチの統合、ローカライズ、MacVim固有の

                                                            Mac OSXでのvim環境整理。.vimrcやらオヌヌメPlug inやらまとめ。 - ( ꒪⌓꒪) ゆるよろ日記
                                                          • こんなにあった!シニア対応を本気で進める『皇潤』の入力フォームが使いやすい理由 | マミオン有限会社-パソコン・数学研修、法人研修

                                                            シニアがウェブサイトを利用する際の大きなハードルの一つが、各種「入力フォーム」です。 一般的にシニアの方ほど入力に時間がかかり、また不適切な入力によるエラー発生頻度も高くなることは、ユーザビリティ業界の権威であるニールセンノーマングループのレポートも統計データを用いて指摘しています。 シニアをターゲットとしたウェブサイトの多くはこうした状況を考慮して、入力フォームのシニア対応に力を入れているところが多いのですが、その中でも私個人から見て特に完成度が高いと感じているのが、健康食品の『皇潤』で有名なエバーライフです。 今回、そのエバーライフの入力フォームで実装されている様々なシニア対応施策について、実装方法まで含めて詳しくご紹介していこうと思います。 1. 各フォームがそこそこ大きく見やすい 2. 必須項目表示がわかりやすい 3. ふりがなが自動的に入力される 4. 住所が自動的に入力される

                                                            • なぜ dev.to がこんなにも速く、こんなにも自分にとって感動的なのか

                                                              最初にいっておく。これは負け惜しみだ。 SPAとPWAの現状 自分は日本でReactの勝手エヴァンジェリストみたいなことをやっていて、SPAの重めのコンテンツをよく作ってるからか、「お前らフロントエンドを物事をややこしくして、重いページを量産してウェブを劣化させてるじゃないか!」みたいな批判を、名指しでよく受ける。なんで僕にいうかわからないけど、React = SPA みたいなイメージでスケープゴートにされてるんだろう。それはまあいい。 自分の仕事でSPA技術を使うところは、ちゃんと必要性もあるし理由も説明できる。ただ、やはり近年の複雑化/重量化について思うところはあるので、逆に振って AMP/PWA という選択肢を持っておきたくて、正直言うと依頼されたR&Dの仕事でもあったんだけど、一通り覚えた。なんだけど、今のところ仕事で使うタイミングがない。 PWA技術を仕事で使えなかった理由として

                                                                なぜ dev.to がこんなにも速く、こんなにも自分にとって感動的なのか
                                                              • 現代ITインフラの王道をゆくLinuxパッケージ管理の基本構成 | 外道父の匠

                                                                RedHat系におけるRPMパッケージを扱うYUM、Debian系におけるDEBパッケージを扱うAPT、これらはサーバー管理において重要なわけですが、絶妙な度合いで、おざなりに扱ってもわりとなんとか運用出来てしまう感があります。そのため今一度、こんな感じが今風のスタンダードじゃないっすかね(キリッ という構成を説明してみます。 ぶっちゃけ、たいしたことないネタの集合体なので、タイトルに下駄を履かせました。 そもそもパッケージは必要なのか 言うまでもなく必須です。理由は、インストール物のファイル管理が容易になるのと、インストール時間を短縮できるからです。既存のパッケージでconfigureオプションが物足りない時や、RPMパッケージが存在しない場合は作成することになります。 最近はプロビジョニング・ツールによって全て自動化できるので、超簡素なコンパイルのものはレシピに落とし込んで終わりにした

                                                                  現代ITインフラの王道をゆくLinuxパッケージ管理の基本構成 | 外道父の匠
                                                                • jQuery Mobile

                                                                  jQuery Mobile is no longer supported To read more about the status of the jQuery Mobile project, see the announcement blog post. A Touch-Optimized Web Framework jQuery Mobile is a HTML5-based user interface system designed to make responsive web sites and apps that are accessible on all smartphone, tablet and desktop devices. Seriously cross-platform with HTML5 jQuery Mobile framework takes the "w

                                                                    jQuery Mobile
                                                                  • 大体いい感じになるKeynote・Googleスライド用無料テンプレート「Azusa 3」作った - SANOGRAPHIX Blog

                                                                    なんと5年ぶりのアップデート 色々なプレゼンに汎用的に使えるテンプレートがほしいなと思って、Keynote・Googleスライド用のテンプレート「Azusa 3」を作った。無料で誰でもダウンロードできます。 Azusa 3 - 大体いい感じになる無料Keynote・Googleスライドテンプレート プレゼンつってもイベントも開催しづらいこんな時になぜ作ったのかは最後に書きます。 おぼえていますか マルチに使えるテンプレがほしい Azusa 3みどころ ダーク/ライトのカラーバリエーション Googleスライド・Keynote対応 Googleスライド版の見どころ Keynote版の見どころ 告知サイト なぜスライドテンプレートなのか おぼえていますか Azusaは、大体いい感じのスライドを作るためのテンプレート。 最早あのときは若かったね…感がある KeynoteテンプレートのAzusaは

                                                                      大体いい感じになるKeynote・Googleスライド用無料テンプレート「Azusa 3」作った - SANOGRAPHIX Blog
                                                                    • 「中華ウェブカメラ」のセキュリティについて - 黒林檎のお部屋♬

                                                                      黒林檎です。 今日は、IPカメラをハッキングしていこうと思います。 ◆最初に 巷で話題のIPカメラ『VSTARCAM Mini WIFI IP Camera 技術基準適合認定済み有線/無線LAN対応ネットワークカメラ C7823WIP』をハッキングして、どんなセキュリティリスクがあるか考えていきたいと思います。 hardshopper.hatenablog.com 最初に疑ったことはスピーカーの破損によるシステム音声のボヤきだったので、ウェブカメラで再生される音声データを抽出してみましたが、該当しそうな音声データはありませんでした。 中国カメラ音声 - Google ドライブ 金曜日にこんな面白い話が降ってきたので、速攻ポチって買いました。 同じシステムを使っているカメラを購入してハッキングしていたので、そこまで時間掛けずにハッキングできるだろうといったところでした。 (図)IPカメラ 私

                                                                        「中華ウェブカメラ」のセキュリティについて - 黒林檎のお部屋♬
                                                                      • 知っておくと効率的!コーポレートサイト制作が捗るjQuery プラグインや使い方まとめ

                                                                        作成:2014/04/7 更新:2014/11/01 Web制作 > あの企業サイトで使われている効果やテクニックをまた探さないといけない、そもそもどういったキーワードで探したらいいのか分からない。そんなこんなで、今回は奇抜なものではなく、「企業サイトで見たことある!」というような、コーポレートサイトに使えそうな定番のプラグインや作り方をまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ スライドショー 1.カルーセル(横) 2.フェードアウト 3.画像と文字をスライド 4.文字が遅れて移動する効果 5.異なるタイミングを設定できる ナビゲーション・メニュー 6.多階層 ドロップダウンメニュー 7.多階層 効果つき 8.スマホではドロップダウン 9.スマホではセレクトメニューに 10.Amazon風 メガドロップダウンメニュー 11.横スライド 1

                                                                          知っておくと効率的!コーポレートサイト制作が捗るjQuery プラグインや使い方まとめ
                                                                        • Firebase入門 フリマアプリを作りながら、認証・Firestore・Cloud Functionsの使い方を学ぼう!|ハイクラス転職・求人情報サイト AMBI(アンビ)

                                                                          ハイクラス求人TOPIT記事一覧Firebase入門 フリマアプリを作りながら、認証・Firestore・Cloud Functionsの使い方を学ぼう! Firebase入門 フリマアプリを作りながら、認証・Firestore・Cloud Functionsの使い方を学ぼう! Firebaseでは、バックエンドやインフラに精通したメンバーがいなくても、モバイルやWebフロントの開発に集中できます。Authentication、Firestore、Cloud Functions、さらにセキュリティルールまで、クックパッドの岸本卓(@_sgr_ksmt)さんが、実践的に解説します。 Firebaseをご存じでしょうか? Firebaseを利用したことはありますか? 今回は「Firebaseをこれから使ってみたい!」「絶賛使っているけど、初めてでどう開発したらいいかよく分からない……」という方

                                                                            Firebase入門 フリマアプリを作りながら、認証・Firestore・Cloud Functionsの使い方を学ぼう!|ハイクラス転職・求人情報サイト AMBI(アンビ)
                                                                          • IPアドレスから地域特定するGeoIP系技術について調べてみた(追記あり)|TechRacho by BPS株式会社

                                                                            morimorihogeです。昔は夏ってもっと仕事なくて暇だった気がするんですが、ここ数年徐々に忙しくなっていてまったりできてない💦 はてブでこんな記事が上がっていて、IPアドレスからの地域特定サービスについて具体的にどうなのよ?と思ったので調べてみた結果をまとめてみます。 NURO光最大のデメリットとサポート対応の悪さが上限知らずでどうにもならない なお、GeoIPという用語について、世間では狭義のGeoIPはMaxMind社のサービスを指しますが、広義のGeoIP系技術はIPアドレスから地域を推定する技術やサービス一般を指すと捉え、本記事では広義のGeoIPの視点から解説します(狭義のGeoIPを示す場合、現行サービス名のGeoIP2やGeoLite2の名称を使います)。 ※記事公開後、NURO光の問題の割当IPアドレスと思しきものが分かったため追記しています 前提知識 そもそもNU

                                                                              IPアドレスから地域特定するGeoIP系技術について調べてみた(追記あり)|TechRacho by BPS株式会社
                                                                            • 無線LANのWPA/WPA2-PSKをGPUで超高速解析してパスワードを見つけるフリーのオープンソースソフト「Pyrit」

                                                                              ATI Stream テクノロジー/Nvidia CUDA/OpenCLを駆使し、WPA/WPA2-PSKを突破するために必要となる巨大なデータベースを事前に作成することによって極めて高速にパスワードを解析できるのがフリーのオープンソースソフト「Pyrit」です。厳密なライセンスはGNU GPL v3となっています。 pyrit - WPA/WPA2-PSK and a world of affordable many-core platforms - Google Project Hosting http://code.google.com/p/pyrit/ 事前に巨大なデータベースを作成しておくため、ハードディスクの容量は割と必要となりますが、それとトレードオフで解析速度を高速化しようというアプローチになっており、FreeBSD・MacOS X・Linux上で動作し、MinGWを使うこ

                                                                                無線LANのWPA/WPA2-PSKをGPUで超高速解析してパスワードを見つけるフリーのオープンソースソフト「Pyrit」
                                                                              • 2020 年、 React 軸で学ぶべき技術 - mizchi's blog

                                                                                なぜ仮想 DOM という概念が俺達の魂を震えさせるのか - Qiita から 5 年経ち、 仮想 DOM を備えた React やそれを採用した Vue や他のライブラリも市民権を得たように思います。 有用な技術が市民権を得る、というのはエコシステムが花開くことでもあります。新しいプロダクトを作る際の技術選定において、 TypeScript + React が常に正解というわけではないですが、このスタックはかなり強力だという手応えがあります。 このスタックは得意のウェブフロントエンドは勿論、それ以外もとりあえず 80 点ぐらいの品質でプロトタイピングできる、というようなエコシステムになってきたような肌感があります。 モダンフロントエンドだと TypeScript と Webpack は採用しているのを前提として、本記事では React を軸にその技術を活かすために、次の 6 個の技術を紹介

                                                                                  2020 年、 React 軸で学ぶべき技術 - mizchi's blog
                                                                                • Google 日本語入力用の辞書 - soundscapeout (仮)

                                                                                  Google 日本語入力用の辞書を探してたら、結構な数が公開されていたので、まとめておきます。 Apple用語辞書 林檎塾: Google日本語入力のApple用語辞書1.2に更新 郵便番号辞書 郵便番号辞書(for Google 日本語入力) 2009.11.30更新版 登録方法 with 根性 NADのカタカナ英語/顔文字辞書(Microsoft IME/Shift JIS で取り込み) Vector:NADのカタカナ英語/顔文字辞書(GoogleIMEβ) (データ / 文書作成) - ソフトの詳細 2ちゃんねる顔文字辞書 2ちゃんねる顔文字辞書 MatsuCon 和英辞書 google-ime-user-dictionary-ja-en - Project Hosting on Google Code 英語辞書 もにーそんぐ: Google日本語入力の辞書ファイルで英語辞書を作って

                                                                                    Google 日本語入力用の辞書 - soundscapeout (仮)