大企業病的サイトジェネレーター - Qiita
大企業人が泣いて喜ぶであろう静的サイトジェネレーターを作る話です。 モチベーション 私は常々ポートフォリオサイトを作りたいと思っていまして、 最初は静的サイトジェネレーターで作ろうと思い、人気の GatsbyJS や Hugo のテンプレートを色々みてたわけですが、 例えば GatsbyJS のスターターだと gatsby-starter-cv とか Hugo のテーマだと Split とか など、クールな個人サイト用デザインがあったりしたわけですが、 大企業のしがないエンタープライザーである私にはちょっとクール過ぎるデザインだなと思ったので、 結局デザインを作ることにしまして、ただ Figma とかみたいなデザインツールは使えないですし、 普段よく使うツールでやろうということで Google スプレッドシート でデザインしました。 職業柄ちょっと設計書っぽいサイトデザインになってしまいま
ホメパゲ！ - 現役の古き良きホームページデザインリンク集
あなたは、2017年5月29日から 人目のお客様です。 記念に [一言BBS] にカキコしませんか？キリ番報告大歓迎♪Last Update: 2023-03-09
ドキュメント - Illustfolio 4
Illustfolio 4 ドキュメントへようこそ Illustfolio 4 はイラストレーターのための Tumblr テーマです。 @sanographix が作っています。 デモを見る デモページはこちらです。 http://illustfolio4-sanographixtheme.tumblr.com 対応ブラウザ 下記ブラウザの最新版のみサポートします。 Microsoft Edge Win / Mac 版 Chrome, Firefox macOS Safari iOS Safari Chrome for Android インストールする 下記のリンクよりインストールできます。 Install モバイルレイアウトのチェックを外す Tumblr のテーマカスタマイズ画面を開いて 「詳細設定」の「デフォルトのモバイルテーマを使用」「Google AMPを有効にする」をそれぞれオフ
CSSで簡単に吹き出しをつくってくれるジェネレーターが便利すぎる | Cappee Design
@cappeeです。 デザインで吹き出しを使う機会って多いですよね。 そんなデザイナーの強い味方、CSSで簡単に吹き出しをつくってくれるジェネレーターくんをご紹介します。 シンプルな吹き出しを直感的に作れる「CSS ARROW PLEASE!」 CSS ARROW PLEASE! 設定も簡単でシンプルな吹き出しをさくっとつくってくれるジェネレーターです。 複雑な指定が必要な吹き出しは「Grad3」 Grad3 ベンダープレフィックスの指定やシャドウまで一気に指定することができるのでとても便利です。 そもそもCSSでどうやって吹き出しをつくってるの？という方はこちらをご覧ください。 CSSだけで吹き出しを作ってみる 三角の作り方
プログラマ向けノートアプリQuiverが素晴らしい(Mac用アプリ) – namaraii.com
プログラマ向けノートアプリQuiverが素晴らしい(Mac用アプリ)Markdownをサポートしたメモアプリは数多くありますが、技術系のメモやスニペットを書き溜めるのに適したものはそれほど多くありません。 個人的な要件としては、 データフォーマットがオープンで好みのクラウドサービスで同期できることMarkdown(GFM)を扱えてプレビューできることコードの取り扱いが簡単なこと(できればシンタクスハイライトも)ファイルを意識しないで使えること(ファイル名を考えたりしなくて良い。オートセーブされる)ノートブック、タグなどでノートを整理・分類できることぐらいなのですが、すべてを満たしたアプリをなかなか見つけられず、Day OneやUlysses、Kobitoなどを併用して凌いでいましたが、最近、知ったQuiverというアプリがこれらの要件をすべて満たしており、これに一本化することに。 あまりに
Webサービスの作り方をプログラミング初心者が勉強した記録記事
近年、よりプログラミング言語習得の注目度が上昇しています。 インターネット上でプログラミングが学べるサービスも多数登場していますが、いざ勉強を始めてみると難しいと感じたり、興味はあるけれど敷居が高いと感じてしまうこともあります。 今回は、未経験者や経験の浅い著者がプログラミングを学んだ成果を記録している記事をご紹介します。 プログラミングをこれから学習する方にとって参考になる内容となっていますので、ぜひ目を通してみてください。 未経験者がWebサービスの作り方を学んで成果を記録した記事 1.ノンプログラマーが3ヶ月でWebサービスを作ってみた｜Qiita http://qiita.com/tabbyz/items/6513e84f319843c316d5 プログラミング関連の知識を記録、共有するサービスQiita内の記事です。 ノンプログラマーで趣味でたまにプログラミングをする程度という筆
で、あなたの名前の「音」が与えるイメージは？サブリミナル効果と『怪獣の名はなぜガギグゲゴなのか』 - 読書系女子のあれこれ
ー名とは、呪である。（『陰陽師』より） マイ、ナナミ、アスカ、エリカ、リナ、マリカ、カズミ・・・ 名前。誰しも意味を与えられてもっているもの。 日本語というのは、アルファベットなどと違って、（漢）字がそのまま意味を表す言語だ。子どもに名前を付けるときは漢字の意味を元に名前に意味を付けていくパターンが多いと思います。 名前の 漢字は文字を見ないとわからない。 「かなちゃん」なら、香菜なのか、加奈？佳那？佳奈？ 上記の４つに使われている漢字でそれぞれ意味が違ってくるはずですが、会話で呼び合うときは音しか伝わりません。 会話する中では特別話題にしない限り、その名の意味は不明なまま「カナ」という音のみで認知されるわけです。 では、その音が象徴するモノに対して何かイメージを与えたりするのか？ というのを「言葉の音が人に植え付ける印象・サブリミナル効果」の話でこの本から。 怪獣の名はなぜガギグゲゴなの
関数や変数のネーミングに悩んだら「codic」に日本語名を入力するとある程度解決するかも
codicとは codicは、日頃、変数名や関数名に頭を悩ませるプログラマのためのネーミング辞書です。 以前は、プログラマ向けの単語辞書といった感じだったのですが、Ver.3からは、「日本語を入力すると、ふさわしい名前を勝手に生成してくれる」という仕様になりました。 例えば関数名を作るのに、「従業員数を取得する」と入力するだけで「get_employee_count」という名前を勝手に生成してくれます。 これだけでも、かなり便利なんですが、codicにはその他にも、プログラミングのための便利な機能が満載だったので、その使い方などを紹介したいと思います。 codicの使い方 codicの主な機能は、日本語を入力すると、勝手にネーミングを生成してくれると言うことです。 ただ、ちょっとした使い方次第で、より便利に利用できるので、その使い方などの紹介です。 基本機能 まずは、基本的な機能、「日本語
Google Docsのスプレッドシートで多言語対訳表が簡単に作れるよ - 太陽がまぶしかったから
対訳表を作るのが面倒 システム設計をする時に、データベース名や変数名や表示名などを決めるのが面倒だ。一般的には英字文字列で作るのだけど、ローマ字で「kokyaku」とか付けるのはダサいし、いちいち辞書を引いていくのは億劫。 多言語対応のために表示名をフランス語にするみたいな要件もでてくるが、これらの作業の下準備を実現する手段として、Google Docsのスプレッドシート（表計算ソフト）の翻訳関数を利用する方法が考えられる。 =IF($A2<>"", GOOGLETRANSLATE($A2,"ja","en"),"") 指定セルの内容を翻訳するには「GOOGLETRANSLATE(値,ソース言語,ターゲット言語)」関数を入力する。例えばセルの計算式に上記式を入力すると「A2セルの内容がある場合にA2セルの値を日本語から英語に翻訳する」という意味になる。 スプレッドシートで多言語対訳表を作る
簡単にオリジナルのフォントが作成できて驚いた！英語や日本語や絵文字など紙に書いた文字からフォントがつくれるオンラインサービス -PaintFont
紙に書いた文字でも、IllustratorやPhotoshopで作成した文字でも、その文字からオリジナルのフォントを簡単に作成できる無料のオンラインサービスを紹介します。 作成できるフォントはTrueType、OpenTypeの2種類です。 ひらがな、カタカナ、漢字、絵文字などの日本語、英語、フランス語をはじめ、ギリシャ文字、キリル文字、数式記号などにも対応しています。 ※漢字は数が少なめ。 PaintFont 使い方は簡単。 フォントに使用する文字を決めて用紙を作成し、その用紙に文字を書き、それをアップロードしてフォントを作成します。 Step 1: 最初の準備 Step 2: 文字を手書きする Step 3: 手書きした文字からフォントを作成 Step 1: 最初の準備 フォントに使用する文字を決め、手書きする用のファイルを作成します。 まずは、作成するフォントに含まれる文字を設定。
ブラウザー上でサクッとコードの動作テストができるWebサイトいろいろ
2017年2月17日 便利ツール 作業中に、ふと動作確認がしたい…でも新規ファイルを作るのすらめんどくさい…なんてこと、ありませんか？（え？ない？w）そんな時はファイル不要！環境設定不要なオンラインテストサイトを使っちゃいましょう！動作確認用オンラインツールはいくつかありますが、実際に使っているもの、ブックマーク登録しているものをいくつか紹介します！ユーザー登録してコードを保存できるサイトもあるので、備忘録として使ってみてもよさそうです！ ↑私が10年以上利用している会計ソフト！ CodePen Webクリエイターボックスでも何度となく紹介してきたCodePen。フロントエンドの動作確認に最適です。Emmetの利用もOK！ライブプレビューができるので、いちいち保存したり実行ボタンをクリックして動作確認する必要はありません。作成したコードをブログへ埋め込んだり、シェアするのも簡単！ HTML
Google Analyticsも真っ青？！アクセス解析サービス「Pt engine」はサイトを視覚的に分析し、運営を大幅にサポート！
サイト運営にアクセス解析は必須だ。 自サイトに訪れるユーザーがどのような経路でどのページに辿り着き、何分間滞在して何ページ遷移してから、最終的に離脱するのか。見て欲しいページを見てもらえているのか。新しいサイトデザインは効果が出ているのか否か。ユーザー行動を分析し、それをもとにトライアル・アンド・エラーを繰り返すのがサイト運営だ。 ただ、正直なところアクセス解析の必要性は感じつつも気乗りしないと言う人も多いだろう。多くの人はGoogle Analyticsを使用していると思うが、使い方がよく分からない、と嘆く人も多い。 今回紹介する「Pt engine」はGoogle Analyticsに対して苦手意識を持つ人こそが試してみるべきアクセス解析サービスだ。サイトの分析を視覚的に行う事ができる上に、使いやすいフィルタリングでセグメント分けも可能。各デバイスごとのヒートマップ解析機能も利用できる
5分でわかるVue.jsと、jQueryで頑張ってはいけない理由｜技術ブログ｜北海道札幌市・宮城県仙台市のVR・ゲーム・システム開発 インフィニットループ
5分でわかるVue.jsと、jQueryで頑張ってはいけない理由 先日の「OpenIL vol.2」にて「5分でわかるVue.js」というLTを発表しました。 【スライド有】インフィニットループ公開勉強会「OpenIL vol.2」開催レポート 前編 【スライド有】インフィニットループ公開勉強会「OpenIL vol.2」開催レポート 後編 この記事は、その時のLTの資料を元にブログ化したものです。 jQueryは頑張れば頑張るほど辛くなる jQuery、簡単に動きのあるサイトを作れてとても便利ですよね。 // 何か画面に反映する $(".hoge").html("変更したい内容"); // 変更時に何か処理して変更する $(".foo").on("change", function() { $(".bar").html("変更したい内容"); }); イベントを受け取って、色々と処理をし
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
アバター作成画面 | ちびキャラメーカー『CHARATぷち』
https://3d.homestyler.com/?assetId=910fccf7-7478-4357-8112-5f82164c79f1&lang=en_US
http://thetoolbox.cc/
GitHub - swf2js/swf2js: swf2js is Flash Player Runtime Engine written in pure JavaScript. swf2js is now complete as an emulator and will evolve into the @Next2D project.
5kaiten.net - このウェブサイトは販売用です！ - 5kaiten リソースおよび情報
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
Flipsblog.jp
